*{margin:0;padding:0; box-sizing:border-box;}
body,input, button, select{color:#333333;    font-family: "melbourneregular",Arial,"Hiragino Sans GB", "Microsoft YaHei", sans-serif;font-size: 14px;color: #3E3E3E;}
table,tr,td{font-size:14px;word-break:break-all;}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr {margin: 0;padding: 0;box-sizing:border-box;font-style:normal;}

div{display: block;box-sizing:border-box;font-style:normal;}
span,em{box-sizing:border-box;font-style:normal;}
i{font-style: normal;}
img{margin:0; padding:0; border:0 none;}

H1,H2,H3,H4,H5,H6,i { border:none;font-weight:normal;  margin:0; padding:0;}	
UL,dl,LI,dt,dd {border:0 none; font-size:14px; margin:0; padding:0;list-style: none outside none;}



a{text-decoration:none;color:#333333; }
/*a:visited {text-decoration:none;color:#01439A;}*/
a:hover {text-decoration:none;color:#17a1e6;}
a:active {text-decoration:none;color:#17a1e6;}




.shownone{ display:none;}
.showbox,.show{ display:block;}
.hidebox{ display:none;}


.float_r,.fr{ float:right;}
.float_l,.fl{ float:left;}
.align_l{ text-align:left;}
.align_r{ text-align:right;}
.align_c{ text-align:center;}
.black_12_b{ font-weight:bold; font-size:12px; color:#000000;}
.black_13_b {color:#000;font-size: 13px;font-weight: bold;}
.black_14_b {color:#000;font-size: 14px;font-weight: bold;}
.black_14 {color:#000;font-size: 14px; line-height:24px;}

.gray_6{color:#666666;}
.color9{color:#999999;}
.red{color:#CC0000;}
.red_bold{color:#DD1F34;font-weight:bold;}

.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}


.clear {clear:both;float:none;}
.clearfix:after {content: ".";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}
.clearfix:before, .clearfix:after {content: '';display: table;}

.text-center{ text-align:center;}

.wd1100 {width: 1100px;margin: 0 auto;}
.wd1200 {width: 1200px;margin: 0 auto;}


.w_1280 {width: 90%;margin: 0 auto;max-width: 1280px;}

.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}


/* logo */
.header_bg {width:100%;height:120px;background:url(../img/bg-2.jpg) repeat-x right top;}
.header {width:1100px;height:120px;margin: 0 auto;position: relative;}

.logo_img{float:left;width:520px;height:auto;margin:17px 0 0 0px;z-index: 1111;}
.logo_img img{width: 100%;}
.logo_img a{ float:left;}
.logo_img .logo_title{ margin:12px 0 0 10px;}
.logo_img .logo_title h1{ font-size:25px;font-weight: 700;}
.logo_img .logo_title span{ font-size: 12.9px;color: #999;}

.logo_right{float:right;width:auto;height:34px;margin:30px 5px 0 0px;}
.logo_right a{ color:#fff;}
.logo_right a:hover {text-decoration:none;color:#FCC700;}

.logo_right .phone{ padding-top:0px;}
.logo_right .phone img{ vertical-align:baseline}
.logo_right .phone span{ font-size:28px; font-weight:300;}


.logo_right .tel {float: right;margin-top:1px;}
.logo_right .tel span {font-size:16px;line-height:1em;margin-top:2px;}
.logo_right .tel strong {display: block;font-size: 30px;font-family: Impact;line-height: 1;margin-top: 0px;}



.damo-header {width:100%;height:60px; margin-bottom:3px;;border-top:1px solid #DADADA;z-index:1000;background-color:#fafafa;/*box-shadow:0px 1px 6px rgba(0,0,0,0.5);-webkit-gradient(linear,top,from(#ace),to(#f96));*/

    box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
}
.damo-header span{display: inline-block;}

.damo-header .bocweb-logo {display:block;margin-top:5px;margin-left:60px;width:60px;}
.damo-header .bocweb-logo img {display:block;width: 100%;}
.damo-header .bocweb-nav {height:100%;display:flex;width: 100%;}
.damo-header .bocweb-nav li {flex:1;position:relative;min-width:80px;height:100%; text-align: center}
.damo-header .bocweb-nav li .link {display:block;height:100%;line-height:60px;font-size:16px;color:#727273;padding:0 10px;}
.damo-header .bocweb-nav li .link:hover,.damo-header .bocweb-nav li .link.on{ /*background-color:#0083cc;*/border-bottom:2px solid #0083cc;}

.damo-header .bocweb-nav li .link span {vertical-align:middle}
.damo-header .bocweb-nav li .link span.icon {width:10px;height:6px;margin-left:8px;background:url(../img/arrow-down.png) no-repeat center center}
.damo-header .bocweb-nav li .hide {transform-origin:center top;position:absolute;top:95%;left:0;width:110px;background:#fff;box-shadow:0px 0px 46px rgba(44,70,95,0.16);visibility:hidden; z-index:100000;}
.damo-header .bocweb-nav li .hide .sub-link {display:block;border-bottom:1px solid #f2f2f2;font-size:14px;color:#727273}
.damo-header .bocweb-nav li .hide .sub-link:last-child {border-bottom:none}
.damo-header .bocweb-nav li .hide .sub-link .text {position:relative;padding:14px 0 12px 0;margin-left:15px}
.damo-header .bocweb-nav li .hide .sub-link .line {position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#0083cc;transition:width 0.5s}
@media (min-width:1025px) {.damo-header .bocweb-nav li .hide .sub-link:hover .line {width:100%}
}


.ex-share-box {height:100%;margin-left:25px;line-height:0}
.ex-share-box .icon.wechat {top:4px;background-position:left 0px}
.ex-share-box .icon.wechat .img-box {top:48px; z-index:100000;}

.ex-share-box .icon,.ex-share-box .line {vertical-align:middle}
.ex-share-box .pos {width:36px;height:100%;vertical-align:middle;display: inline-block;}
.ex-share-box .icon {position:relative;width:36px;height:18px;background-image:url(../img/share-icon.png);background-repeat:no-repeat;cursor:pointer;transition:background-position 0.4s}
.ex-share-box .icon.wechat .img-box {display:none;position:absolute;left:50%;width:128px;height:128px;margin-left:-72px;border:1px solid #e7e7e7;background-color:#fff}
.ex-share-box .icon.wechat .img-box .arrow {position:absolute;bottom:100%;left:50%;width:18px;height:10px;margin-left:-9px;background:url(../img/qr-arrow.png) no-repeat center center}
.ex-share-box .icon.wechat .img-box img {display:block;width:90%;height:90%;margin:5% auto 0}

.ex-share-box .line {width: 1px;height: 16px;margin-top: 8px;background-color: #dbdbdb;display: inline-block;}
.english{margin-right:0px;}



.section-title {margin-bottom: 40px;text-align: center;font-size: 32px;}
.section-title:after {background-color: #0083cc;width: 30px;height: 1px;display: block;content: '';margin: 10px auto 0;}
.section-title strong {color: #0083cc;font-size: 90px;line-height: 1;}
.section-title p {margin: 0;font-size: 18px;}



.product-list .left_outer{ width: 21%;}
.product-list .left_title{ width: 100%; height: 49px; line-height: 49px; text-indent: 17px; background: #0083cc; font-size: 20px; color: #fff;}
.product-list .left{ width: 100%;}
.product-list .left .cate_row span{display: block;position:relative;padding:15px;line-height: 30px;font-size: 16px;color: #333333;border-top: 1px solid #ebebeb;cursor: pointer;}
.product-list .left .cate_row span em{width: 10px;height: 100%;background: #000;position: absolute;top: 0;right: 2%;background: url(/static/img/icon_p_close.png) no-repeat center 25px;}
.product-list .left .cate_row a.topa{font-size: 16px;color: #333;}
.product-list .left .cate_row:first-child span{border-top:none;}
.product-list .left .cate_row ul{margin-top: 0px;padding-left: 35px;padding-bottom: 0px;display: none;}
.product-list .left .cate_row ul li{margin:3px 0;}
.product-list .left .cate_row ul li a{display: block;font-size: 16px;line-height: 25px;color: #8d8d8d;height: 0px;overflow: hidden;}
.product-list .left .cate_row ul li.on a{font-weight: bold;color: #0083cc !important;}
.product-list .left .cate_row ul li a:hover{color: #0b1f4f;}
.product-list .left .cate_row ul li.v3{padding-left: 15px;margin:0;}
.product-list .left .cate_row ul li.v3 a{font-size: 14px;}
.product-list .left .cate_row.on span em{background-image: url(/static/img/icon_p_open.png);}
.product-list .left .cate_row.on ul{display: block;}
.product-list .left .cate_row.on ul li a{height: auto;}
.product-list .left .cate_row.on ul{margin-top: -8px;padding-bottom: 23px;}


.project .item_block {margin-bottom: 30px;}
.project .item_block {
    width: calc(100% / 4 - 15px);
    height: auto;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 0 0 rgb(0 0 0 / 15%);
    transition: all .36s ease;box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
}
.project .item_block:nth-child(4n){margin-right: 0;}
.project .item_block .item_img {position: relative;overflow: hidden;}
.project .item_block img {transition: all 0.8s;}
.project .item_block img {width: 100%;transition: all .36s ease;}


.project .item_block:hover .item_img .item_mask{opacity:1;margin:0}
.project .item_block .item_img{position:relative;overflow:hidden;background-color: #f7f7f7}
.project .item_block .item_img .item_mask {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .36s ease;opacity:0;border-radius:100%;width:40px;height:40px;border:1px solid #fff;box-sizing:border-box;margin-top:-50px}
.project .item_block .item_img .item_mask:before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1px;height:15px;background-color:#fff}
.project .item_block .item_img .item_mask:after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:15px;height:1px;background-color:#fff}

.project .item_block .item_img .item_mask {width:41px;height:41px}
.project .item_block:hover .item_img .item_mask {margin:-20px auto auto -20px}
.project .item_block .item_img .item_mask{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);margin:-60px auto auto -20px}
.project .item_block .item_img .item_mask:after, .project .item_block .item_img .item_mask:before {-webkit-transform:none;-ms-transform:none;transform:none}
.project .item_block .item_img .item_mask::after {margin-top:-1px;margin-left:-8px}
.project .item_block .item_img .item_mask::before {margin-top:-8px;margin-left:-1px}


.project .item_block .item_wrapper {transition:all .3s ease-out 0s;}
.project .item_block .item_info {transition:padding .36s ease;padding:6% 4% 6%;text-align:center;}
.project .item_block .item_info .subtitle {margin-top:8px;}
.project .item_block .item_info .subtitle {font-size:14px;margin-top:10px;line-height:16px;}
.subtitle {color:#aaa;}
.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;}
.project .item_block .item_info .title {font-weight:bold;font-size:18px;color:#393939;height: 35px;line-height: 35px;}

.project .item_block:hover .item_wrapper {background-color:#0083cc;}
.project .item_block:hover .item_info .title {color:#fff;transition:all .36s ease-out 0s;}
.project .item_block:hover .item_info .subtitle {color:rgba(255,255,255,.8);}
.project .item_block:hover .item_img img {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.project .item_block::after {background-color:#0083cc;}


.indexTitle { text-align: center; padding-top: 30px; padding-bottom: 20px; }
.indexTitle h4{ position:relative; margin-bottom:5px;}
.indexTitle .cn { font-size: 24px; color: #0083cc; font-weight:bold; position:absolute; left:50%; top:50%; z-index:1; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);  }
.indexTitle .en { font-size: 36px; color: #edf2f5; font-weight:bold; display:block; font-family:"Montserrat"; line-height:1; }
.indexTitle h3 { font-size: 14px; color: #646363; }
.indexTitle .cn { font-size: 48px; }
.indexTitle .en { font-size: 80px; }

.indexNews ul{/*margin:0 -30px*/}
.indexNews li{float:left;width:33.3333%}
.indexNews li a{display:block;margin:0 10px;padding:10% 10px 8%;overflow:hidden;border-bottom:1px solid #d9d9d9;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.indexNews li a:hover{background-color:#f2f2f2}
.indexNews li a:hover .title{color:#d90000}
.indexNews .date{margin-bottom:20px;font-size:18px;line-height:24px;color:#666}
.indexNews .date .line{display:block;width:20px;height:0;padding-top:15px;border-bottom:3px solid #d9d9d9}
.indexNews .title{margin-bottom:0px;font-size:18px;font-weight:bold;color:#1a1a1a;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexNews .desc{font-size:14px;line-height:24px;color:#666;display:-webkit-box;height:96px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}



.side10 {padding: 10px 0 16px;}
.side-small-title h3{font-size:28px;color:rgba(0,0,0,1);;line-height: 40px;margin:0 10px 30px 0}
.side-small-title p{font-size:14px;color:rgba(153,153,153,1);line-height:52px;}
.side10 li{float: left;width: 19.2%;margin-right:0.7%;margin-bottom:1%;padding: 20px;box-shadow:0 0 10px #ddd;text-align: center}
.side10 li img{width: 180px;}
.side10 li img:hover{}
.side10 li:nth-child(5n){margin-right: 0}

.side10 li.li2{width: 24.2%;}
/********bottom.php*******/





.sharpBox{ display: block; margin-top: 10px;}
.sharpBox a { float: left; position: relative; display: block; width: 38px; height: 38px; margin-right: 14px; background: url(../img/sharp1.png) no-repeat scroll 0px 0px; }
.sharpBox a em { background: url(../img/sharp.png) no-repeat; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 10; }
.sharpBox a .ibg { background: url(../img/sharp2.png) no-repeat scroll 0px 0px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; }
.sharpBox a:hover .ibg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.sharpBox a.a1 .i { background-position: 0px 0px; }
.sharpBox a.a2 .i { background-position: -53px 0px; }
.sharpBox a.a3 .i { background-position: -106px 0px; }
.sharpBox a.a4 .i { background-position: -159px 0px; }
.sharpBox a.a5 .i { background-position: -212px 0px; }
.sharpBox a.a5{ margin-right: 0px;}


.pos-rel{position: relative;}


.iabout{ padding: 10px 0; /*border-bottom: #d9d9d9 solid 1px;*/}
.iabout .wrap{ position: relative;}
.iabout .box{display: inline-block;width: 45%;}
.iabout .box dl{ overflow: hidden; margin-bottom: 28px;}
.iabout .box dl h2{ font-size: 35px;font-weight: normal; color: #333; line-height: 1; float: left; position: relative; padding-bottom: 22px; margin-right: 8px;}
.iabout .box dl h2:after{ content: ""; width:100%; height:2px; background: #0083cc; position: absolute; left: 0; bottom: 0;}
.iabout .box dl p{ font-size: 16px; color: #999999; float: left; margin-top:15px;}
.iabout .box .con{font-size: 18px; line-height: 1.7;}
.iabout .box .more{ margin-top: 40px; cursor: pointer;/*transition: all .4s;-webkit-transition: all .4s;*/

    transition: all 0.36s ease;
    border: 1px solid rgba(170, 170, 170, 0.2);
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #999;
    padding: 5px 40px;
    margin-bottom: 20px;

}
.iabout .box .more:hover{ background: #0083cc;color: #fff;}
.iabout .pic{width:53%;padding-top: 10px;}
.iabout .pic ol{width: 376px; padding: 68px; padding-right: 0; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.iabout .pic ol img{ width: 528px; max-width: 528px;}




.cg-s .slick-current .about-pic img ,
.cg-s .slick-current .pic2 img { animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pbanner-slick .item, .pbanner-slick { position: relative; overflow: hidden; }
.pbanner-slick .slick-dots{ position: absolute; z-index: 100; left: 0; right: 0; bottom: 5%; }
.pbanner-slick .slick-dots li{ background: #fff; }
.pbanner-slick:after{ display: none; }
.pbanner .about-pic:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, .2); }
.pbanner .about-pic img{ transition: 0ms; -webkit-transition: 0ms; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}


.thumb { width: 100%; text-align: center; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    position: absolute; left: 0; right: 0; top: 40%; z-index: 9; color: #fff;
}
.thumb .title { font-size: 36px; font-weight:bold; text-shadow:0px 1px 3px #000;}
.thumb .title span { vertical-align: middle; display: inline-block; }
.thumb .title span:before, .thumb .title span:after { content: ''; vertical-align: middle; display: inline-block; width: 0.77em; height: 2px; background-color: rgba(255, 255, 255, 0.3); margin: 0 0.42em; }
.thumb .desc { font-size: 16px;font-weight:bold; text-shadow:0px 1px 3px #000;}

.about-pic,.pic2 {display:block;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.about-pic > img {display:block;width:100%;transition:600ms;-webkit-transition:600ms;}
.pic2 > img {display:block;width:100%;}




.aboutus .title{font-size: 14px;text-align: center}
.aboutus .title h2 {font-size:35px;margin-bottom:1%;padding-bottom: 10px;color:#0083cc;}
.aboutus .title h2 span {display:block;color:#b0b0b0;font-size:12px;}
.aboutus .title .h2:before {margin-bottom:20px;}
/*.aboutus .title h2:after {content:'';display:block;width:50px;height:5px;background:#0083cc;margin:0 auto -5px;text-align: center;border-radius: 5px;}*/
.aboutus p.p1 {text-indent:25px;line-height:28px;}
.aboutus img { width:100%;}
.aboutus  .fl {width:32%;float:left;}
.aboutus  .fr {width:65%;float:left;margin-left:3%;text-align:justify;}

.mind {display:flex;justify-content:space-between;flex-flow:row wrap;}
.mind-item {width:33%;box-sizing:border-box;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 1px rgba(0,0,0,.1);border-radius:2px;padding:40px 20px 10px;margin-bottom: 10px;}
.mind li:last-child{margin-right: 0;}
.mind-item .fa {}
.mind-item-title {margin-top:25px;margin-bottom:5px}
.mind-item-desc {line-height:28px}



/********************************/
.font-22 {font-size: 22px;}
.bold {font-weight: bold;}


.weixiu {-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 1px rgba(0,0,0,.1);border-radius:2px;}
.weixiu-ul{display:flex;justify-content:space-between;flex-flow:row wrap;}
.weixiu-item {width:49%;box-sizing:border-box;padding:40px 20px 10px;margin-bottom: 10px;}
.weixiu li:last-child{margin-right: 0;}
.weixiu-item .fa {}
.weixiu-item-title {margin-top:5px;margin-bottom:5px;font-weight: 500;}
.weixiu-item-desc {line-height:28px}
.title-btn{    display: inline-block;margin: 0 auto;
    line-height: 46px;
    width: auto;
    border-bottom: 0px solid;
    border-top: 0px solid #e8e8e8;
    border: 2px solid #0083cc;
    padding: 0 10px;
    cursor: pointer;
    border-radius: 30px;
    }
.img100 img {
    width: 100%;
}

/**********product********/
.ne_menu li{
    display: inline-block;
    line-height: 40px;
    width: auto;
    border-bottom: 0px solid;
    border-top: 0px solid #e8e8e8;
    border: 2px solid #0083cc;
    margin: 0px 8px;padding: 0 10px;
    cursor: pointer;
    border-radius: 10px;
    font-size: 14px;
    float: none;text-align: center;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}
.ne_menu.jsh li{width: 175px;}
.ne_menu li:hover,.ne_menu li.on  {background: #0083cc;color: #fff;}
.ne_menu li:hover  a,.ne_menu li.on a  {color: #fff;}
.ne_menu li a {display: block;}



.pnav {background: #fff;border-bottom: 1px solid #ccc;}
.pnav ul{ text-align: center; }
.pnav li:first-child{ border-left: 1px solid #ccc; }
.pnav li{ width: 154px; border-right: 1px solid #ccc; display: inline-block;
    vertical-align: middle;
    letter-spacing: 0; }
.pnav a{ display: block; position: relative; padding: 20px 0; line-height: 24px; font-size: 16px; color: #666; text-align: center; }
/*
.pnav a:before{ content: ""; position: absolute; left: auto; right: 0; bottom: 0; width: 0; height: 4px; background: #df2128; -webkit-transition: 400ms; transition: 400ms; }

*/
.pnav ul li > a:after { content: ''; display: block; width: 0; height: 4px; background-color: #0083cc; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }

.pnav ul li.on > a, .pnav ul  li:hover > a { color: #0083cc; }
.pnav ul li.on > a:after/*, .pnav ul li:hover > a:after*/ { width: 100%; }



.index_title { margin: 0 auto; padding-top: 5px;}
.index_title .title { line-height: 42px; margin-bottom:12px; font-size: 30px; color: #111111; text-align: center;}
.index_title .line { display: block; margin-bottom: 28px; width: 25px; height: 2px; background: #cccedb;margin: 0 auto; }


.detail {width:100%;height:auto;position:relative;overflow:hidden;margin-bottom:10%;text-align:left;}
.detail h1 {font-weight:bold;font-size:16px;line-height:14px;height:28px;}
.detail p {margin:0;font-size:16px;line-height:25px;margin-bottom:10px;}

.detail .img{max-width:500px;max-height: 550px;}
.detail table{border: 1px solid #dddddd;/*
border-radius: 5px;border-top-left-radius:5em;
    border-top-right-radius:5em;
    border-bottom-right-radius:5em;
    border-bottom-left-radius:5em;*/}
.detail .thead-title th{padding: 15px 10px;border-bottom:1px solid #dddddd;font-size: 16px;font-weight: bold;}
.detail .thead-light th {color: #666666;font-weight: normal;background-color: #f8f8f9; border-bottom: none;}
.detail  .img{width:80px;max-height: 70px;border-radius: 5px;}
.detail  th, .table td { padding: 0.75rem;vertical-align: middle !important;}
.detail  span.num{font-size: 18px;}
.detail .border-none{border:none;}




.breadnav {line-height:40px;border-bottom: 1px dotted rgba(0, 0, 0, .1);padding: 10px 0 10px 0;}
.breadnav .left {float:left;}
.breadnav .left span {opacity:.6;}
.breadnav .left a {opacity:.6;}
.breadnav .left a {margin:0 10px;line-height:40px;transition:all .4s ease 0s;}



.news-detail{display: flex;flex-flow: row nowrap;}
.news-detail .news-left{ display: block;overflow: hidden;width:72.5%;padding-right:25px;margin-right: 25px;padding-top: 30px;border-right: 1px solid #eee;}
.news-detail .news-left h6{ display: block;overflow: hidden;letter-spacing: 2px;font-size:16px !important;line-height: 28px;}
.news-detail .news-left h6 img{max-width: 100%;height:auto;display: block;}

.news-detail .news-right{flex:1;display: block;overflow: hidden;padding-top: 10px;padding-bottom: 30px;}
.news-detail .news-right .title{ display: block;font-size:18px;border-bottom: 1px solid #eee;}
.news-detail .news-right h3{float:left;width:49%;display: inline-block;overflow: hidden;margin-top:5px;text-align: center;}
.news-detail .news-right h3 a{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding: 10px 0;}
.news-detail .news-right h3 a time{ display: block;letter-spacing: 1px;font-size: 12px;color: #999;}
.news-detail .news-right h3 a span{ display: block;font-size: 14px;line-height: 24px;}
.news-detail .news-right h3 a img{ width: 98%;}

.news-detail .news-right h3:nth-child(2n){float: right;}


.lxwm{display: flex;flex-wrap: wrap}
.lxwm li{width: 32.3%; height: 175px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.5%;
    box-sizing: border-box;
    padding: 30px;
    background: #f2f2f2;
    margin-bottom: 1.2%;
    transition: 0.3s ease-in-out;
}
.lxwm li i{font-size: 30px;}
.lxwm li h6.number {font-size: 22px;}
.lxwm li h6{font-size: 18px;}
.lxwm li .img{width: 25%}
.lxwm li .img img{width: 85%}
.lxwm li:hover {background:#0083cc;}
.lxwm li:hover p {color:rgba(250,250,250,.8);}
.lxwm li:hover {color:white;}
.lxwm li:hover a{color:white;}
.lxwm li:hover strong{border-color: #fff;color: #fff;}
.lxwm li strong{width: 36px;height: 36px;line-height: 36px;font-size: 16px;border-radius: 50%;border:1px solid #0083cc;color: #0083cc}



footer {margin-top: 30px;padding: 60px 0;background-color: #e6e6e6;}
.footer {padding:0 15px;}

.foot-section .text {display:block;overflow:hidden;padding-bottom:10px;}
.foot-section .title {padding-bottom:3px;display:block;}
.foot-logo {max-width:100%;display:block;}
.foot-address {padding-top:15px;}

.foot-link {margin-top:10px;display:inline-block;position:relative;}
.foot-link .button {width:150px;border:1px solid rgba(141,149,158,0.63);color:#69727d;line-height:30px;display:block;padding-left:10px;cursor:pointer;position:relative;}
.foot-link .button:after {content:'';display:block;width:0;height:0;border-top:5px solid #69727d;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:10px;top:50%;margin-top:-2px;}
.foot-link-drop {width:100%;max-height:200px;overflow-y:auto;position:absolute;left:0;top:100%;background-color:rgba(0,0,0,0.8);padding:5px 10px;display:none;}
.foot-link-drop a {color:#fff;display:block;line-height:28px;}
.foot-contact { width: 50%; float: right; text-align: right; padding-top: 60px; font-size: 15px; }
.foot-contact li{float: right;text-align: center;margin-left: 15px;}
.foot-contact li img{border-radius: 5px;}


.foot-info {border-top:1px solid rgba(255,255,255,0.1);padding:15px 0;color:#fff;text-align:center;}
.foot-info .help a {color:#fff;padding:0 5px;border-right:1px solid #576474;line-height:14px;height:14px;display:inline-block;vertical-align:middle;}
.foot-info .help a:last-child {border-right:0;}
.foot-info .copyright {padding-top:5px;}
.foot-info .copyright a {display:inline-block;line-height:14px;height:14px;color:#69727d;padding-left:5px;border-left:1px solid #576474;}
.foot-info .help { float: left; }
.foot-info .help a:first-child { padding-left: 0; }
.foot-info .copyright { float: right; padding-top: 0; }

.foot-section { width: 50%; float: left; font-size: 15px; }
.foot-section .title { font-size: 15px; }


/****************page*****************/
.pageblue { padding:5px 3px 3px ; margin:3px;margin-left:0px; text-align:center; line-height:24px;}
.pageblue a { border:#dadada 1px solid;padding:4px 12px 4px 12px;margin-right: 3px;text-decoration: none;display: inline-block; color: #666666;font-size:14px;background-color:#f7f7f7; border-radius:5px;}
.pageblue a:hover {border: #0083cc 1px solid; color: #333333;background-color:#ffffff;}
.pageblue a:active {border: #0083cc 1px solid; color: #333333;background-color:#ffffff;}
.pageblue span.current {display: inline-block;border:#dadada 1px solid;padding:4px 12px 4px 12px;margin-right: 3px; color: #fff;font-size:14px;background-color:#0083cc; border-radius:5px;}
.pageblue span.disabled {border: #cccccc 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px;color: #929292; margin-right: 3px; padding-top: 2px;
}