/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}
.clearfix{
    zoom:1;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.db{
    display:block;
}
.tl{
    text-align: left;
}
.tc{
    text-align: center;
}
.tr{
    text-align: right;
}
.full{
    width:100%;
    height:100%;
}
.box{
    display: inline-block;
}
.none{
    display: none;
}



html {
    font: 62.5% "微软雅黑",Arial;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: transparent;
    height: 100%;
    background:#FAFAFA;
}

html {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

html,html body {
    width: 100%;
    height: 100%;
    overflow: hidden;

    background: #fff!important;
}


body.open {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.imgcw {
    margin: 0 auto;
    display: block;
    float: none;
    max-width: 100%;
    height: auto
}

html .scrollView {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 100px);
    height: -webkit-calc(100% - 100px);
}
.articlehead .scrollView{
    height: 100%;
}

.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


#sitecontent{
    background: #fff;
    z-index: 1;
    position: relative;
    height: 100%;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1)
}
body.open #sitecontent {
    transform: translate3d(-260px,0,0);
    -webkit-transform: translate3d(-260px,0,0);
}
#header{
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #ebebeb;
}
#header .btn {
    padding: 10px 15px;
    background: rgba(0,0,0,0);
    margin-top:8px;
}
.lcbody {
    width: 30px;
    height: 30px;
    position: relative;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
}
.lcitem {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    width: 30px;
    height: 30px;
}
.lcitem .rect {
    width: 30px;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    top: 14px;
    transition: transform 0.2s ease 0.2s;
    -webkit-transition: -webkit-transform 0.2s ease 0.2s;
}
.lcitem .rect.top {
    transform: translate3d(0px, -6px, 0px);
    -webkit-transform: translate3d(0px, -6px, 0px);
}
.lcitem .rect.bottom {
    transform: translate3d(0px, 6px, 0px);
    -webkit-transform: translate3d(0px, 6px, 0px);
}


#leftcontrol {
    opacity: 0;
    width: 260px;
    height: 100%;
    background: #FAFAFA;
    position: fixed;
    top:0;
    right: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
body.open #leftcontrol {
    opacity: 1;
}
#leftcontrol >ul {
    padding-top: 0px;
}
#leftcontrol ul li {
    display: block;
    min-height: 49px;
    font-size: 1.3rem;
    width: 100%;
    border-top: 1px solid #EBEBEB;
}
#leftcontrol ul li a {
    display: block;
    color: #666;
    padding: 0 25px;
    height: 50px;
    line-height: 51px;
}
#leftcontrol ul li a span{
    display: inline-block;
}
#leftcontrol ul li a span.circle {
    border: #D8D8D8 1px solid;
    border-radius: 5px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    margin-right: 15px;
    position: relative;
    top: 1px;
}
#leftcontrol ul li a span.more {
    width: 12px;
    height: 12px;
    position: relative;
    float: right;
    top: 20px;
}
#leftcontrol ul li a span.more span {
    background: #474747;
    position: absolute;
}
#leftcontrol ul li a span.more span.h{
    width: 12px;
    height: 2px;
    transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}
#leftcontrol ul li a span.more span.v {
    transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
    -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
}
#leftcontrol > ul > li.active a {
    background: #333;
    color: #fff;
}
#leftcontrol ul li.active a span.circle {
    border-color: #fff;
    background-color: #fff;
    margin-right: 15px;
}
#leftcontrol ul li.active a span.more span.v {
    transform: rotate3d(0,0,0,0) translate3d(0,5px,0);
    -webkit-transform: rotate3d(0,0,0,0) translate3d(0,5px,0);
}
#leftcontrol ul li .subnav {
    height: 0;
    overflow: hidden;
}
#leftcontrol ul.subnav li a {
    background: #ebebeb;
    color: #4E4E4E;
}
#leftcontrol ul.subnav li a i {
    color: #B4B4B4;
    margin-right: 20px;
    font-size: 1.5rem;
}
#leftcontrol ul.subnav li a.active{
    background: #555;
    color: #fff;
}
body.open .lcbody {
    transform: translateZ(0px) rotate(90deg);
    -webkit-transform: translateZ(0px) rotate(90deg);
}
body.open .lcitem {
    transform: translateZ(0px) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    -webkit-transform: translateZ(0px) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
body.open .lcitem.bottom {
    transform: translateZ(0px) rotate(-45deg);
    -webkit-transform: translateZ(0px) rotate(-45deg);
}

body.open .lcitem .rect {
    transition: transform 0.2s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
#rightcontrol {
    width: 100%;
    height: 100%;
    background: #fafafa;
    position: fixed;
    top: 0;
    z-index: -1;
}





#header .logo{float:left;margin-top:11px;margin-left:15px;}
#header .logo .line{float:left;margin-left:5px;height:40px;margin-top:2px;border-left:1px solid #efefef;}
#header .logo .tt{float:left;margin-left:6px;margin-top:2px;}
#header .logo .tt p{font-size:12px;margin-top:5px;color:#3d3d3d;}
.tophead{height:34px;line-height:34px;background: #fff;}
.tophead .tab{float:right;}
.tophead .tab a{color:#999;font-size:13px;float:left;margin-left:15px;}
.tophead .tab a:hover{color:#006ab3;}
.tophead form{float:right;width:109px;height:25px;border:1px solid #dcdcdc;margin-top:4px;border-radius: 26px;background: #f4f6f8;overflow: hidden;}
.tophead form .text{width:67px;padding-left: 15px;height:25px;line-height:25px;border:none;float:left;background: #f4f6f8;font-size:13px;}
.tophead form .btn_submit{float:left;margin-top:4px;}
.tophead .lan{float:right;margin-left:17px;position: relative;}
.tophead .lan p{font-size:12px;color:#999;padding-right:16px;background: url(../../images/down.png) no-repeat right center;cursor: pointer;}
.tophead .lan p img{margin-right:6px;position: relative;top:1px;}
.tophead .lan .ltb{position: absolute;top:32px;left:-20px;padding: 5px 0;box-shadow: 0 6px 12px rgba(0,0,0,.175);background: #fff;width:100px;z-index: 200;display: none;}
.tophead .lan .ltb a{display: block;padding-left: 20px;line-height: 28px;font-size:12px;color:#112445;}
.tophead .lan .ltb a img{width:16px;height:11px;margin-right:6px;}
.tophead .lan:hover .ltb{display: block;}



/*banner*/
#indexbanner{ width:100%; overflow: hidden; position: relative;}
/* #indexbanner .bx-controls{ position: absolute; left: 0; bottom: 10px; z-index: 999; width: 100%; color: rgba(0,0,0,0);}
#indexbanner .bx-controls .bx-pager{ text-align: center;}
#indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
#indexbanner .bx-controls .bx-pager div a{ display: block; width: 35px; height: 3px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);}
#indexbanner .bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,1);}
#indexbanner .bx-controls .bx-controls-direction{ display: none;} */
#indexbanner .bx-controls{display:none;}
#indexbanner img,.insidebanner img{display:block;}




.container{width:96%;margin:auto;}




@font-face {
    font-family: NotoSansCJKsc-Bold;
    src:url(../../fonts/NotoSansCJKsc-Bold.otf);
}





.tit .tt{float:left;}
.tit .tt p{font-size:20px;color:#333;font-family: NotoSansCJKsc-Bold;margin-bottom: 6px;}
.tit .tt span{color:#999;}




.product .mt{background: #205ca5;padding: 20px 0;}
.product .mt .title p{font-size:20px;color:#fff;font-family: NotoSansCJKsc-Bold;margin-bottom: 6px;}
.product .mt .title span{color:#fff;}
.product .mc{background: #f3f5fa;padding: 15px 0;padding-bottom: 5px;}
.product .mc .list{float:left;width:49%;height:160px;padding:8px;border:1px solid #e5e5e5;background: #fff;margin-bottom: 10px;}
.product .mc .list:nth-child(2n){float:right;}
.product .mc .list .img{width:100%;height:118px;}
.product .mc .list p{text-align: center;margin-top:3px;}




.industry{padding-top:20px;padding-bottom: 18px;overflow: hidden;}
.industry .mc{margin-top:15px;overflow: hidden;}
.industry .mc .detail{float:left;width:49%;position: relative;}
.industry .mc .detail .tt{padding: 0 10px;width:100%;height:32px;line-height: 32px;background: rgba(0,0,0,0.7);position: absolute;top:0;left:0;color:#fff;font-family: NotoSansCJKsc-Bold;}
.industry .mc .detail .im{overflow: hidden;}
.industry .mc .detail .des{color:#999;line-height: 20px;height:40px;font-size:12px;overflow: hidden;margin-top:5px;}





.application{padding-top:20px;padding-bottom: 18px;overflow: hidden;background: #f3f5fa;}
.application .mc{margin-top:15px;position: relative;}
.application .mc .detail{float:left;width:49%;position: relative;}
.application .mc .detail .tt{padding: 0 10px;width:100%;height:32px;line-height: 32px;background: rgba(0,0,0,0.7);position: absolute;top:0;left:0;color:#fff;font-family: NotoSansCJKsc-Bold;}
.application .mc .detail .des{color:#999;line-height: 20px;height:60px;font-size:12px;overflow: hidden;margin-top:5px;}






.news{padding-top:20px;padding-bottom: 20px;overflow: hidden;}
.news .mc{margin-top:15px;}
.news .mc .detail{display: block;}
.news .mc .con{background: #f3f5fa;padding: 0 10px;padding-bottom:12px;overflow: hidden;}
.news .mc .con .tt{font-size:15px;color:#3b3b3b;line-height:20px;font-family: NotoSansCJKsc-Bold;margin-top:12px;}
.news .mc .con .line{width:100%;border-top:1px solid #fff;margin-top:7px;position: relative;}
.news .mc .con .line:before{content:"";width:0;border-top:1px solid #006ab3;left:0;bottom: 0;transition: all 0.6s ease 0s;position: absolute;}
.news .mc .con .des{line-height: 20px;margin-top:7px;overflow: hidden;font-size:12px;color:#666;}
.news .mc .con .date{margin-top:10px;}
.news .mc .con .date .year{font-size:32px;color:#006ab3;float:left;}
.news .mc .con .date .tim{float:left;margin-left:6px;margin-top:3px;}
.news .mc .con .date .tim p{font-size:14px;}
.news .mc .con .date .tim span{font-size:12px;color:#999;}





.ne_nav{background: #fbfbfb;padding: 16px 0;border-bottom: 1px solid #ebebeb;}
.ne_nav p{font-size:20px;color:#205ca5;font-family: NotoSansCJKsc-Bold;}
.ne_nav .crumb{margin-top:6px;font-size:12px;color:#999;line-height: 16px;}
.ne_nav .crumb a{color:#999;}
.ne_nav .crumb span{margin:0 3px;}




.col{background:#fff;line-height:220%;margin-top:10px;padding-bottom:20px;}
.col h2{text-align:center;font-weight:normal;color:#000;font-size:16px;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}
.col img{max-width:100%;}








.pro{background: #f3f5fa;overflow: hidden;margin-bottom: 32px;padding-bottom: 40px;}
.pro .mc{margin-top:43px;overflow: hidden;}
.pro .mc .detail{float:left;width:384px;margin-right:24px;position: relative;margin-bottom: 55px;}
.pro .mc .detail:nth-child(3n){margin-right: 0;}
.pro .mc .detail .tt{padding: 0 25px;width:100%;height:55px;line-height: 55px;background: rgba(0,0,0,0.6);position: absolute;top:0;left:0;font-size:16px;color:#fff;font-family: NotoSansCJKsc-Bold;}
.pro .mc .detail .img{height:240px;overflow: hidden;background: #fff;}
.pro .mc .detail .des{color:#999;line-height: 24px;height:48px;overflow: hidden;margin-top:25px;}
.pro .mc .detail:hover .des{color:#006ab3;}



.pro_list{margin-bottom:20px;}
.pro_list .ne_nav{background: #fbfbfb;padding: 16px 0;margin-top:0;border-bottom: 1px solid #ebebeb}
.pro_list .pro_pic{height:140px;}
.pro_list .mt{background: #f3f5fa;padding:16px 0;font-size:20px;color:#205ca5;font-family: NotoSansCJKsc-Bold;}
.pro_list .mc{margin-top:15px;overflow: hidden;}
.pro_list .mc .detail{float:left;width:49%;margin-right:2%;position: relative;margin-bottom: 15px;border-bottom: 1px solid #b8b8b8;padding-bottom: 15px;}
.pro_list .mc .detail:nth-child(2n){margin-right: 0;}
.pro_list .mc .detail .img{height:120px;}
.pro_list .mc .detail:after{content:"";position: absolute;width:60px;height:3px;background: #205ca5;left:0;bottom: -2px;}
.pro_list .mc .detail .tt{margin-top:15px;font-size:14px;line-height:16px;color:#333;font-family: NotoSansCJKsc-Bold;}
.pro_list .mc .detail .des{color:#999;line-height: 20px;height:40px;overflow: hidden;margin-top:5px;font-size:12px;}





.pro_info{margin-bottom: 30px;}
.pro_info .ne_nav{background: #fbfbfb;padding: 16px 0;margin-top:0;border-bottom: 1px solid #ebebeb;}
.pro_info .mc{margin-top:20px;}
.pro_info .mc .mleft .tt{color:#006ab3;font-size:18px;font-family: NotoSansCJKsc-Bold;}
.pro_info .mc .mleft .con{line-height: 220%;}
.pro_info .mc .mleft .con *{max-width: 100%;}
.pro_info .mc .mleft .con .lne{padding-left: 23px;background: url(../../images/right.png) no-repeat -5px center;}
.pro_info .mc .mleft .con .ane{padding-left: 52px;background: url(../../images/right.png) no-repeat 24px center;}
.pro_info .mc .mright{margin-top:15px;}
.pro_info .mc .mright .detail{background: #f3f5fa;padding: 15px;padding-bottom:12px;margin-bottom: 15px;}
.pro_info .mc .mright .detail .tt{font-size:18px;color:#006ab3;font-family: NotoSansCJKsc-Bold;}
.pro_info .mc .mright .detail .item{margin-top:10px;}
.pro_info .mc .mright .detail .item video{margin:auto;display: block;margin-bottom: 3px;}
.pro_info .mc .mright .detail .item p{line-height: 23px;display: block;padding-left:20px;position: relative;}
.pro_info .mc .mright .detail .item p:before{content:"";position: absolute;width:7px;height:7px;border-radius: 50%;background: #666;left:3px;top:8px;}
.pro_info .mc .mright .detail .item a{line-height: 23px;display: block;padding-left:20px;position: relative;}
.pro_info .mc .mright .detail .item a:before{content:"";position: absolute;width:7px;height:7px;border-radius: 50%;background: #666;left:3px;top:10px;}
.pro_info .mc .mright .detail1 .tt{line-height: 25px;}
.pro_info .mc .mright .detail1 .item{margin-top:10px;}
.pro_info .consult{margin-top:20px;}
.pro_info .consult .tt{font-size:20px;color:#006ab3;font-family: NotoSansCJKsc-Bold;}
.pro_info .consult .subtt{color:#999;margin-top:6px;}
.pro_info .consult form{margin-top:15px;}
.pro_info .consult form .list{width:33.33333%;margin-bottom: 10px;line-height: 22px;position: relative;float:left;}
.pro_info .consult form .list input[type="radio"]{width:22px;height:22px;opacity: 0;float:left;margin-right:8px;}
.pro_info .consult form .list label{width:20px;height:20px;border:1px solid #aaa;position: absolute;top:0;left:0;}
.pro_info .consult form .list input[type="radio"]:checked+label{background-color: #006ab3;border:1px solid #006ab3;}
.pro_info .consult form .list input[type="radio"]:checked+label:after{position: absolute;content: "";width: 5px;height: 10px;top: 3px;left: 6px;border: 2px solid #fff;border-top: none;border-left: none;transform: rotate(45deg)}
.pro_info .consult form textarea{margin-top:10px;border:1px solid #eee;width:100%;height:120px;background: #f3f5fa;resize: none;padding: 10px;line-height: 20px;}
.pro_info .consult form .text{margin-top:15px;}
.pro_info .consult form .text input{width:49%;height:40px;border:1px solid #eee;background: #f3f5fa;float:left;padding-left: 15px;margin-right:2%;margin-bottom:10px;box-sizing: border-box;}
.pro_info .consult form .text input:nth-child(2n){margin-right:0;}
.pro_info .consult form .submit{width:210px;height:40px;text-align: center;background: #006ab3;margin:auto;display:block;margin-top:20px;border:none;cursor: pointer;color:#fff;border-radius: 30px;}




.industry_list{overflow: hidden;margin-bottom: 20px;margin-top:25px;}
.industry_list .mt{margin-top:20px;color:#205ca5;font-size:18px;font-family: NotoSansCJKsc-Bold;}
.industry_list .indes{font-size:15px;font-family: NotoSansCJKsc-Bold;line-height: 28px;margin-top:10px;}
.industry_list .mc{margin-top:30px;overflow: hidden;}
.industry_list .mc .detail{width:100%position: relative;margin-bottom: 25px;}
.industry_list .mc .detail:nth-child(2n){float:right;}
.industry_list .mc .detail .tt{font-size:16px;font-family: NotoSansCJKsc-Bold;}
.industry_list .mc .detail .im{overflow: hidden;}
.industry_list .mc .detail .des{overflow: hidden;margin-top:20px;margin-bottom: 10px;}
.industry_list .mc .detail .des p{color:#999;margin-bottom: 12px;font-size:15px;padding-left: 32px;background: url(../../images/right.png) no-repeat 6px center;}
.industry_list .mc .detail:hover .des{color:#006ab3;}





.industry_info{overflow: hidden;margin-bottom: 20px;}
.industry_info .mc{margin-top:15px;}
.industry_info .mc .tt{font-size:18px;color:#006ab3;font-family: NotoSansCJKsc-Bold;}
.industry_info .mc .con{line-height:220%;margin-top:5px;min-height: 200px;}
.industry_info .mc .con *{max-width: 100%;}
.industry_info .mc .detail{margin-top:15px;margin-bottom: 10px;}
.industry_info .mc .detail p{float:left;font-size:16px;color:#006ab3;margin-bottom: 10px;}
.industry_info .mc .detail a{float:left;font-size:16px;color:#006ab3;margin-right:10px;margin-bottom: 10px;}




.download_list{overflow: hidden;margin-bottom: 20px;}
.download_list .mc{margin-top:20px;}
.download_list .mc .detail{margin-bottom: 15px;}
.download_list .mc .detail .tt{font-size:18px;color:#006ab3;font-family: NotoSansCJKsc-Bold;}
.download_list .mc .detail .con{margin-top:17px;}
.download_list .mc .detail .con .list{line-height:50px;font-size:15px;float:left;padding-left: 55px;background: url(../images/pdf.png) no-repeat left center;margin-bottom: 15px;}




.application_info{overflow: hidden;margin-bottom: 20px;}
.application_info .mc{margin-top:15px;}
.application_info .mc .mleft .tt{font-size:18px;color:#006ab3;font-family: NotoSansCJKsc-Bold;}
.application_info .mc .mleft .con{line-height: 220%;margin-top:10px;min-height: 200px;}
.application_info .mc .mleft .con *{max-width: 100%;}
.application_info .mc .mright{padding: 10px;background: #f3f5fa;width:100%;}
.application_info .mc .mright .tt{font-size:15px;color:#006ab3;font-family: NotoSansCJKsc-Bold;}
.application_info .mc .mright video{width:100%;margin-top:8px;}
.application_info .re_pro{margin-top:15px;}
.application_info .re_pro .tt{font-size:20px;color:#333;font-family: NotoSansCJKsc-Bold;}
.application_info .re_pro .con{margin-top:15px;overflow: hidden;}
.application_info .re_pro .con .detail{float:left;width:49%;margin-right:2%;position: relative;margin-bottom: 15px;}
.application_info .re_pro .con .detail:nth-child(2n){margin-right: 0;}
.application_info .re_pro .con .detail .tt{padding: 5px 10px;width:100%;line-height: 20px;background: rgba(0,0,0,0.6);position: absolute;top:0;left:0;font-size:14px;color:#fff;font-family: NotoSansCJKsc-Bold;}
.application_info .re_pro .con .detail .des{color:#999;line-height: 20px;height:40px;overflow: hidden;margin-top:5px;font-size:12px;}
.application_info .re_pro .con .detail .more{color:#006ab3;font-family: NotoSansCJKsc-Bold;margin-top:5px;font-size:12px;line-height: 20px;height:40px;overflow: hidden;}





.xwzx{width:100%;min-height:300px;margin-bottom:20px;}
.xwzx ul{margin-top:15px;}
.xwzx ul li a{display: block;width:100%;height:100%;}
.xwzx ul li .con{background: #f3f5fa;padding: 0 10px;padding-bottom:12px;overflow: hidden;}
.xwzx ul li .con .tt{font-size:15px;color:#3b3b3b;line-height:20px;font-family: NotoSansCJKsc-Bold;margin-top:12px;}
.xwzx ul li .con .line{width:100%;border-top:1px solid #fff;margin-top:7px;position: relative;}
.xwzx ul li .con .line:before{content:"";width:0;border-top:1px solid #006ab3;left:0;bottom: 0;transition: all 0.6s ease 0s;position: absolute;}
.xwzx ul li .con .des{line-height: 20px;margin-top:7px;overflow: hidden;font-size:12px;color:#666;}
.xwzx ul li .con .date{margin-top:10px;}
.xwzx ul li .con .date .year{font-size:32px;color:#006ab3;float:left;}
.xwzx ul li .con .date .tim{float:left;margin-left:6px;margin-top:3px;}
.xwzx ul li .con .date .tim p{font-size:14px;}
.xwzx ul li .con .date .tim span{font-size:12px;color:#999;}





.news_info{min-height: 300px;margin-bottom:20px;}
.news_info .mc{margin-top:10px;}
.news_info .mc .mleft .tt{font-size:18px;color:#006ab3;line-height:24px;font-family: NotoSansCJKsc-Bold;}
.news_info .mc .mleft .con{line-height: 200%;margin-top:10px;min-height: 150px;font-size:15px;}
.news_info .mc .mright .detail{margin-bottom:10px;float:left;width:49%;}
.news_info .mc .mright .detail:nth-child(2n){float:right;}
.news_info .mc .mright .detail p{line-height: 20px;margin-top:5px;font-size:12px;}




.contact{margin-top:25px;margin-bottom: 30px;}
.contact .con .tt{font-size:15px;color:#333;}
.contact .con .content p{font-size:15px;color:#333;margin-top:15px;}
.contact .tips{margin-top:15px;font-size:15px;text-align: center;line-height: 22px}
.contact form{margin-top:20px;}
.contact form input[type='text']{width:100%;height:42px;line-height:40px;border:1px solid #dcdcdc;padding-left: 15px;box-sizing:border-box;margin-bottom:15px;float:left;border-radius: 5px;font-size:15px;}
.contact form textarea{width:100%;height:136px;border:1px solid #dcdcdc;padding: 15px;border-radius: 5px;box-sizing:border-box;font-size:15px;resize: none;}
.contact form .submit{width:150px;height:40px;text-align: center;line-height: 40px;color:#fff;font-size:15px;margin:auto;margin-top:20px;border-radius:0;display:block;background:#205ca5;border:none;cursor: pointer;}
.contact .map{margin-top:20px;}


.about{margin-top:20px;margin-bottom: 25px;min-height: 300px;line-height: 220%;}
.about *{max-width: 100%;}





.online{width:100%;margin-top:10px;margin-bottom:10px;}
.online .con{margin-bottom:20px;}
.online form{width:100%;}
.online .text{width:100%;height:38px;margin-bottom:10px;}
.online .text input[type="text"]{width:70%;height:36px;border:1px solid #c9c9c9;padding-left:4%;}
.online .text input[type="radio"]{margin-right:5px;position:relative;top:2px;}
.online .text p{float:left;width:22%;padding-right:2%;line-height:38px;padding-left:1%;}
.online .text p span{color:#eb0000;position:relative;top:2px;}
.online .verify{height:38px;margin-bottom:10px;}
.online .verify p{float:left;width:22%;padding-right:2%;line-height:38px;padding-left:1%;}
.online .verify p span{color:#eb0000;position:relative;top:2px;}
.online .verify input{width:35%;height:36px;border:1px solid #c9c9c9;float:left;padding-left:2%;margin-right:2%;}
.online .verify img{cursor:pointer;width:32%;height:40px;}
.online .submit{width:100px;height:30px;color:#fff;cursor:pointer;background:#be252e;margin-left:20%;float:left;border:none;margin-right:5%;}
.online .reset{width:100px;height:30px;color:#fff;cursor:pointer;background:#4389cb;float:left;border:none;}


input[type="text"],input[type="submit"],input[type="reset"],textarea{
    -webkit-appearance: none;
}






.orientation{margin-top:20px;}
.back_bg{position: fixed;width:100%;height:100%;left:0;top:0;background: rgba(0,0,0,0.5);display: none;z-index: 150;}
.tan_wx{position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);display: none;z-index: 200;}
.tan_wx p{text-align: center;color:#fff;margin-top:12px;}





/*footer*/
.footer{background:#f3f5fa;}
.footer .footer_top{padding-top:18px;padding-bottom:18px;overflow: hidden;}
.footer .footer_top .left .tt{font-size:16px;color:#54575a;font-family: NotoSansCJKsc-Bold;margin-bottom: 12px;}
.footer .footer_top .left .detail{float:left;width:50%;}
.footer .footer_top .left .detail p{margin-bottom: 10px;color:#999;}
.footer .footer_top .left .detail p a{color:#999;}
.footer .footer_top .right{margin-top:6px;}
.footer .footer_top .right .tt{font-size:16px;color:#54575a;font-family: NotoSansCJKsc-Bold;margin-bottom: 12px;}
.footer .footer_top .right .detail .img{float:left;width:36px;height:36px;background: #82868b;border-radius:3px;margin-right:6px;}
.footer .footer_top .right .detail a:last-child{margin-right: 0;}
.footer .footer_top .right .detail a:hover{background: #006ab3;}
.footer .footer_bottom{font-size:12px;line-height:180%;border-top:1px solid #bfc1c3;color:#999;overflow: hidden;padding: 10px 0;}


.mypage{
    text-align: center;
    margin:auto;
    margin-top:15px;
}
.mypage	span,.mypage a{
    display: inline-block;
    vertical-align: top;
    color: #d35b52;
    border: 1px solid #d35b52;
    padding: 4px 8px;
    margin: 5px;
    font-size:12px;
}
.mypage	span.current,.mypage a.current{
    background: #d35b52;
    color: #fff;
}