/* 自定义初始化 */ body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } /*.p1{padding:1px; }*/ .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none !important; } .db{display:block !important; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px 宋体,Arial,sans-serif; } a{text-decoration:none; } a:hover{color:#FF6600 }
.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
*{outline: 0;}
input,select,button,textarea{
    color: #333;
    font-size: 14px;
    font-family:"微软雅黑","Microsoft Yahei";
    border:0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],
input[type='button'],button{
    cursor: pointer;
}
::-webkit-input-placeholder {color:#b6b6b7;}
:-moz-placeholder {color:#b6b6b7;}
::-moz-placeholder {color:#b6b6b7;}
:-ms-input-placeholder {color:#b6b6b7;}


/*inital*/
body{
    color: #7e7e7e;
    font-size: 14px;
    line-height: 1.5;
    font-family:"微软雅黑","Microsoft Yahei";
}
body,html{
    overflow-x: hidden;
}
a{color: #7e7e7e;}
a:hover{color: #3b5e7b;}
img{max-width: 100%;}

/*scrollbar*/
::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    border-radius: 3px;
}
::-webkit-scrollbar-track {
    background: #ddd;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #000;
    border-radius: 3px;
}

/*fonts*/


/*title*/
.tit-1{
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    margin-bottom: 25px;
}
.tit-1 h2{
    color: #3b5e7b;
    font-size: 36px;
    font-weight: normal;
}
.tit-1 .more{
    float: right;
    margin-top: 5px;
}
.tit-1 .more_small{margin-top: 10px;}
.more{
    color: #3b5e7b;
    font-size: 15px;
    height: 30px;
    width: 100px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #3b5e7b;
    display: inline-block;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.more .gt{
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    border: solid #3b5e7b;
    border-width: 1px 1px 0 0;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
    margin-top: 5px;
}
.more:hover{color: #fff;background: #3b5e7b;}
.more:hover .gt{border-color: #3b5e7b;}
.more_small{
    width: 70px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
}
.more_small .gt{
    width: 4px;
    height: 4px;
}

.st1{
    color: #3b5e7b;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    margin-bottom: 30px;
}

.st2{
    color: #7e7e7e;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    padding: 10px;
    border-bottom: 2px solid #c1c1c1;
}

.st3{
    color: #3b5e7b;
    font-size: 24px;
    font-weight: normal;
    line-height: 70px;
    border-bottom: 2px solid #3b5e7b;
    padding-top: 10px;
}


/*button*/
.btn1{
    color: #fff;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    width: 238px;
    height: 46px;
    line-height: 46px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 24px;

    transition: .36s ease-out;
    -ms-transition: .36s ease-out;
    -moz-transition: .36s ease-out;
    -webkit-transition: .36s ease-out;
    -o-transition: .36s ease-out;
}
.btn1 i{
    width: 10px;
    height: 46px;
    background: url(../image/a1.png) center center no-repeat;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 20px;
}
.btn1:hover{
    color: #fff;
    background: #f60;
    border-color: #f60;
}

/*color*/
.orange{color: #f60;}

.bg_grey{background: #e8e8e8;}


/*******************************
  -------[=layout]-------
********************************/
.wp{max-width: 1200px;padding: 0 10px;margin: 0 auto;}

.h30{height: 30px;}
.h40{height: 40px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h90{height: 90px;}
.h100{height: 100px;}

/*******************************
  -------[=header]-------
********************************/
#header{
    color: #a6a6a6;
    font-size: 12px;
    height: 140px;
    padding-top: 45px;
    background: #fff;
    position: relative;
    z-index: 9;
}

.hdl{
    float: left;
}

.logo{
    height: 45px;
    margin-bottom: 30px;
}
.logo img,
.logo .txt{
    display: inline-block;
    vertical-align: bottom;
}
.logo img{}
.logo .txt{
    font-size: 14px;
    margin-left: 10px;
    color: #0c3a5d;
}

.hdr{
    float: right;
    line-height: 20px;
    text-align: right;
}

.lang{}
.lang a{color: #a6a6a6;}
.lang a:hover,
.lang a.active{color: #3b5e7b;}

.search-form{
    margin: 20px 0;
    clear: both;
    overflow: hidden;
}
.searchBtn{
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../image/icon-so.png) center center no-repeat;
    position: relative;
    z-index: 2;
    display: none;
}
.search-tool{
    height: 28px;
    /*width: 255px;*/
    width: 275px;
    position: relative;
    border: 1px solid #1e5e73;
    float: right;
}
.search-tool input{
    display: block;
    height: 28px;
}
.search-tool .inp{
    color: #3b5e7b;
    width: 100%;
    padding: 0 5px;
}
.search-tool .inp::-webkit-input-placeholder {color:#3b5e7b;}
.search-tool .inp:-moz-placeholder {color:#3b5e7b;}
.search-tool .inp::-moz-placeholder {color:#3b5e7b;}
.search-tool .inp:-ms-input-placeholder {color:#3b5e7b;}
.search-tool .btn{
    position: absolute;
    right: 0;top: 0;
    width: 30px;
    color: #fff;
    text-indent: -999px;
    background: url(../image/icon-so.png) center center no-repeat;
}


/*******************************
  -------[=navigation]-------
********************************/
.menuBtn{
    width: 30px;
    height: 30px;
    position: relative;z-index: 2;
    float: right;
    display: none;
}
.menuBtn i{
    position: absolute;
    left: 3px;
    top: 8px;
    width: 24px;
    height: 3px;
    background-color: #3b5e7b;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn .s1{top: 6px;}
.menuBtn .s2{top: 13px;}
.menuBtn .s3{top: 20px;}
.menuBtn.on .s1{
    top: 12px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.menuBtn.on .s2{
    opacity: 0;
}
.menuBtn.on .s3{
    top: 12px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

/*手机导航*/
.mm-menu.mm-top, .mm-menu.mm-bottom{
    height: 100%;
    max-height: 100%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
}
.mm-menu.mm-top{
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.mm-navbar{border: 0 !important;background: rgba(0,0,0,.1) !important;}
.mm-listview .mm-next:before,
.mm-listview> li:not(.mm-divider):after{border-color: rgba(0,0,0,.15) !important;}

#slideNav{
    left: 50%;
    background: #333;
    z-index: 1000;
    display: none;
}

/*PC导航*/
#nav{}
#nav > ul{}
#nav > ul > li{
    float: left;
}
#nav .v1{
    color: #3b5e7b;
    font-size: 14px;
    line-height: 65px;
    padding: 0 13px;
    display: block;
}
#nav .v1:hover{color: #3b5e7b;}
#nav li:hover .v1{
    color: #fff;
    background: #3b5e7b;
}
#nav .sub_nav-wrap{
    display: none;
    position: absolute;
    left: 0;right: 0;top: 100%;
}
#nav .sub_nav-box{
    font-size: 14px;
    padding: 35px 40px;
    background: #3b5e7b;
    overflow: hidden;
}
#nav .sub_nav{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-height: 190px;
}
.IE #nav .sub_nav{line-height: 190px;}
.IE #nav .sub_nav_dlist{line-height: 1.5;}
#nav .sub_nav a{
    color: #fff;
}
#nav .sub_nav_dlist{
    text-align: left;
    align-items: flex-start;
    overflow: hidden;
}
#nav .sub_nav_dlist > li{
    float: left;
    width: 48%;
}
#nav .sub_nav_dlist > li:nth-child(2n){float: right;}
#nav .sub_nav_dlist .sv1{
    line-height: 35px;
    padding: 0 10px 25px;
    border-bottom: 2px solid #fff;
    display: block;
    margin-bottom: 15px;
}
#nav .sub_nav_dlist ul{
    padding: 0 10px;
    line-height: 50px;
    columns: 2;
}
#nav .sub_nav_dlist ul > li{
    /*float: left;
    width: 50%;*/
}

#nav > ul > li:nth-child(6) .sub_nav_dlist > li,#nav > ul > li:last-child .sub_nav_dlist > li{width: 31%;}
/*#nav > ul > li:nth-child(7) .sub_nav_dlist > li{width: 12%;}*/
#nav > ul > li:nth-child(6) .sub_nav-wrap .sub_nav_dlist .sv1{text-align: left;}
#nav > ul > li:nth-child(6) .sub_nav_dlist{justify-content:flex-start;}

/*******************************
  -------[=footer]-------
********************************/
#footer{
    color: #7e7e7e;
    font-size: 12px;
    background: #e8e8e8;
    overflow: hidden;
}

.f_top{
    padding: 30px 0;
    overflow: hidden;
}

.f_nav_list{
    font-size: 14px;
    line-height: 35px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.f_nav_list .item:first-child{
    width: 253px;
}
.f_nav_list h3{
    color: #3b5e7b;
    font-size: 16px;
    font-weight: normal;
    /*margin-bottom: 20px;*/
    padding-bottom: 20px;
}
.f_nav_list h3 i{display: none;}
.f_nav_list h3 a{color: #3b5e7b;}
.f_nav_list ul a{color: #7e7e7e;}
.f_nav_list ul a:hover{color: #3b5e7b;}

.f_center{
    line-height: 35px;
    padding: 5px 0;
    background: #fefefe;
    overflow: hidden;
}
.f_center h3{
    color: #3b5e7b;
    font-size: 36px;
    font-weight: normal;
    line-height: 45px;
    padding: 20px 0 10px;
}
.f_center .big{
    font-size: 32px;
    line-height: 45px;
    display: inline-block;
    vertical-align: bottom;
}

.f_code{
    float: right;
    width: 160px;
    margin-left: 20px;
}
.f_code img{display: block;width: 100%;}

.f_bot{
    line-height: 20px;
    padding: 5px 0;
}

/*******************************
  -------[=banner]-------
********************************/
#banner{
    background: #000;
    position: relative;
    z-index: 2;
    clear: both;
}
#banner .item{
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #fff;
}
#banner .item-con{
    height: 0;
    padding-top: 650px;
    padding-top: 34%;
    display: block;
    position: relative;
    overflow: hidden;
}


#banner .slick-list{z-index: 1;}
#banner .slick-dots{
    position: absolute;z-index: 2;
    left: 0;right: 0;bottom: 20px;
    text-align: center;
}
#banner .slick-dots li{
    display: inline-block;
    margin: 0 10px;
}
#banner .slick-dots button{
    width: 10px;
    height: 10px;
    background: #a6a6a6;
    border-radius: 50%;
    padding: 0;
    font-size: 0;
    text-indent: -999px;
    display: block;
    overflow: hidden;
}
#banner .slick-dots .slick-active button{
    background: #3a5e79;
}



/*******************************
    -------[=index]-------
********************************/
#main{
    position: relative;
    z-index: 1;
    /*overflow: hidden;*/
}
.index-row{
    padding: 50px 0;
    overflow: hidden;
}

/*快速导航*/
.index-QuickNav{
    padding: 30px 0;
}

.g-list1{
    overflow: hidden;   
}
.g-list1 ul{
    overflow: hidden;
    margin: -8px;
}
.g-list1 li{
    float: left;
    width: 50%;
}
.g-list1 .con{
    color: #3b5e7b;
    font-size: 36px;
    padding: 25px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: #e8e8e8;
    display: block;
    margin: 8px;
    transition: .5s ease;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
}
.g-list1 .con:hover{background: #ddd;}
.g-list1 .icon{
    height: 100px;
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.g-list1 .icon img{
    max-height: 100%;
}

/*新闻*/
.index-news{}

.g-news_list{
    overflow: hidden;
    margin: 0 -10px -20px;
}
.g-news_list .item{
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.g-news_list .con{
    color: #3b5e7b;
    background: #fff;
    display: block;
    overflow: hidden;
    margin: 0 10px;
}
.g-news_list .video{height: 330px;position: relative;}
.g-news_list .video video{width: 100%;height: 100%;}
.g-news_list .item-v h3{height: 70px;line-height: 70px;overflow: hidden;padding: 0 20px;}
.g-news_list .item-v .img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.g-news_list .item-v .js_play{width: 60px;height: 60px;display: block;position: absolute;top: 50%;
    left: 50%;margin: -30px 0 0 -30px;cursor: pointer;z-index: 12;
    background: url(../image/play.png) no-repeat center center;
}
.g-news_list .pic{
    height: 260px;
    background-repeat: no-repeat;
    background-position: center;
    /*-webkit-background-size: cover;
    background-size: cover;*/
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    position: relative;
    transition: .5s ease;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
}
.g-news_list .pic:hover{
    -webkit-background-size: auto 105%;
    background-size: auto 105%;
}
.g-news_list .pic::after{
    content: '';
    position: absolute;
    right: 8%;bottom: 0;
    width: 0;height: 0;
    border: 20px solid transparent;
    border-bottom-color: #fff;
}
.g-news_list .item_one .pic::after{
    right: 0;top: 13%;bottom: auto;
    border-bottom-color: transparent;
    border-right-color: #fff;
}
.g-news_list .pic img{
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.g-news_list .txt{
    padding: 30px 35px;
    height: 80px;
}
.g-news_list h3{
    font-size: 28px;
    font-weight: normal;
    line-height: 40px;
    max-height: 80px;
    overflow: hidden;
}
.g-news_list .txt em{
    font-size: 17px;
    line-height: 30px;
    display: block;
}

.g-news_list .item_one{
    float: none;
    width: auto;
}
.g-news_list .item_one .pic{
    float: left;
    width: 780px;
    width: 65%;
    height: 345px;
}
.g-news_list .item_one .text-con{
    height: 345px;
    position: relative;
    margin-left: 65%;
}
.g-news_list .item_one .txt{
    position: absolute;
    left: 0;right: 0;bottom: 0;
    height: auto;
}

/*合作伙伴*/
.index-partner{}

.g-partner_list{overflow: hidden;}
.g-partner_list ul{}
.g-partner_list li{
    float: left;
    /*width: 14.285%;*/
    width: 16.666%;
    height: 100px;
    line-height: 100px;
    text-align: center;
}
.g-partner_list img{
    display: inline-block;
    vertical-align: middle;
    max-height: 70%;
    max-width: 80%;
    position: relative;top: 0;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.g-partner_list li:hover img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}
.g-partner_list .big li{
    width: 16.666%;
}

/*******************************
    -------[=ban]-------
********************************/
#ban{
    height: 0;
    padding-top: 650px;
    padding-top: 34%;
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.ban_txt{
    color: #fff;

    position: absolute;
    left: 0;right: 0;bottom: 40px;
}
.ban_txt em{
    font-size: 175px;
    line-height: 1.1;
}
.ban_txt h2{
    font-size: 72px;
    font-weight: normal;
    line-height: 1.39;
}
.ban_txt h3{
    font-size: 26px;
    font-weight: normal;
}
.ban_txt .telephone{
    font-size: 120px;
    font-family: 'Arial';
    line-height: 1.2;
}

.g_box1{
    padding: 55px;
    background: #fff;
}

/*******************************
    -------[=cur]-------
********************************/
.g_cur{
    color: #7e7e7e;
    line-height: 40px;/*text-align: right;*/
}
.g_cur a{color: #7e7e7e;}
.g_cur a:hover{color: #3b5e7b;}
.g_cur .gt{
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    border: solid #7e7e7e;
    border-width: 2px 2px 0 0;
    -webkit-transform: translate(0,-50%) rotate(45deg);
    transform: translate(0,-50%) rotate(45deg);
    margin: 5px 40px 0;
}


/*******************************
    -------[=关于我们]-------
********************************/
.m-txt1{
    color: #7e7e7e;
    font-size: 16px;
    line-height: 40px;
    padding: 20px 10px;
    margin-bottom: 40px;
}
.m-txt1 h2{
    color: #3b5e7b;
    font-size: 36px;
    font-weight: normal;
    line-height: 60px;
}
.m-txt1:last-child{margin-bottom: 0;}


/*******************************
    -------[=新闻中心]-------
********************************/
.g_search-form{
    color: #3b5e7b;
    font-size: 28px;
    line-height: 30px;
    text-align: right;
    /*margin: 100px 0;*/
}
.g_search-form .g_search-tool{
    text-align: left;
    display: inline-block;
    vertical-align: top;
}
.g_search-tool{
    height: 28px;
    width: 405px;
    position: relative;
    border: 1px solid #3b5e7b;
}
.g_search-tool input{
    color: #3b5e7b;
    display: block;
    height: 28px;
}
.g_search-tool .inp{
    width: 100%;
    padding: 0 35px 0 5px;
}
.g_search-tool .inp::-webkit-input-placeholder {color:#3b5e7b;}
.g_search-tool .inp:-moz-placeholder {color:#3b5e7b;}
.g_search-tool .inp::-moz-placeholder {color:#3b5e7b;}
.g_search-tool .inp:-ms-input-placeholder {color:#3b5e7b;}
.g_search-tool .btn{
    position: absolute;
    right: 0;top: 0;
    width: 30px;
    color: #fff;
    text-indent: -999px;
    background: url(../image/icon-so.png) center center no-repeat;
}

.hotNews{
    color: #7e7e7e;
    font-size: 12px;
    height: 345px;
    background: #e8e8e8;
    overflow: hidden;
    /*margin-bottom: 60px;*/
}
.hotNews .pic{
    height: 345px;
    margin-right: 405px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: auto 105%;
    background-size: auto 105%;
    position: relative;
    transition: .5s ease;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
}
.hotNews .pic:hover{
    -webkit-background-size: auto 110%;
    background-size: auto 110%;
}
.hotNews .pic::after{
    content: '';
    position: absolute;
    right: 0;top: 40px;
    width: 0;height: 0;
    border: 22px solid transparent;
    border-right-color: #e8e8e8;
}
.hotNews .pic img{
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.hotNews .txt{
    float: right;
    width: 405px;
    padding: 40px 20px 20px 30px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.hotNews .title{
    color: #3b5e7b;
    margin-bottom: 10px;
}
.hotNews .title h3{
    font-size: 28px;
    font-weight: normal;
    line-height: 1.5;
    /*height: 45px;*/
    overflow: hidden;
}
.hotNews .title em{
    font-size: 17px;
    letter-spacing: -1px;
}
.hotNews .det{
    line-height: 28px;
    height: 140px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 40px;
}
.hotNews .date{
    float: left;
    color: #a6a6a6;
}
.hotNews .more{
    float: right;
}

.m_list1{
    overflow: hidden;
}
.m_list1 ul{
    overflow: hidden;
    margin: 0 -20px -20px;
}
.m_list1 li{
    float: left;
    width: 33.333%;
    margin-bottom: 20px;
}
.m_list1 .con{
    display: block;
    margin: 0 20px;
}
.m_list1 .pic{
    height: 0;
    padding-top: 62%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.m_list1 .pic img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;top: 0;
    transition: .5s ease;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
}
.m_list1 .con:hover .pic img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.m_list1 .txt{
    line-height: 25px;
}
.m_list1 .date{
    color: #a6a6a6;
}
.m_list1 .title{
    color: #3b5e7b;
    font-size: 17px;
    font-weight: normal;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*******************************
    -------[=页码]-------
********************************/
.page{
    text-align: center;
}
.page ul{
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}
.page li{
    float: left;
    margin: 0 10px;
}
.page li a{
    color: #a6a6a6;
    font-size: 16px;
    width: 25px;
    line-height: 25px;
    display: block;
    overflow: hidden;
}
.page li a:hover{color: #3b5e7b;}
.page .current{
    color: #3b5e7b;
}
.page .more{
    /*margin-left: 50px;*/
    display: inline-block;
    vertical-align: middle;
}


/*******************************
    -------[=新闻中心-详情页]-------
********************************/
#ban.ban_inner{
    padding-top: 135px;
    margin-bottom: 30px;
    background-position: center bottom;
}

.g_row{
    overflow: hidden;
}
.side-col{
    float: left;
    width: 250px;
}
.main-col{margin-left: 280px;}
.half_col{
    float: left;
    width: 50%;
}

.article{
    font-size: 12px;
    line-height: 28px;
    /*margin: 60px 0;*/
}
.article .header{
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 2px solid #3b5e7b;
    margin-bottom: 10px;
}
.article .header h1{
    color: #3b5e7b;
    font-size: 24px;
    font-weight: normal;
    line-height: 40px;
}
.article .info{
    color: #a6a6a6;
    line-height: 25px;
    margin-bottom: 30px;
}
.article .content{}

/*******************************
    -------[=snav]-------
********************************/
#snav{}
#snav h2{
    color: #3b5e7b;
    font-size: 24px;
    font-weight: normal;
    line-height: 70px;
    border-bottom: 2px solid #3b5e7b;
}
.sub_nav-tit{
    font-size: 18px;
    font-weight: normal;
    line-height: 60px;
    padding: 0 20px;
    border-bottom: 1px solid #a09c97;
}
#snav .sub_nav{
    font-size: 12px;
    line-height: 25px;
}
#snav .sub_nav > li{
    padding: 15px 20px;
    border-bottom: 1px solid #a6a6a6;
}
#snav .sv1{
    font-size: 16px;
    line-height: 38px;
}
#snav .s1{
    font-size: 12px;
    line-height: 35px;
}
#snav a{
    color: #7e7e7e;
    display: block;
    position: relative;
}
#snav a::after{
    content: '';
    position: absolute;
    left: -20px;top: 50%;
    width: 0;height: 0;
    border: 6px solid transparent;
    border-left-color: #3b5e7b;
    margin-top: -6px;
    display: none;
}
#snav .active,
#snav a:hover{color: #3b5e7b;}
#snav .active::after{display: block;}

.sub_nav-tree{padding: 10px 0;}
.sub_nav-tree a{position: relative;}
.sub_nav-tree ul{padding: 5px 0;display: none;}
.sub_nav-tree ul.hasChild{padding-left: 15px;}
#snav .sub_nav-tree a::after{display: none;border: 0;}
#snav .sub_nav-tree > li{
    border-bottom: 0;
    padding: 5px 20px;
}
#snav .sub_nav-tree .sv1{line-height: 35px;height: 35px;
    display: block;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sub_nav-tree i{
    position: absolute;
    left: -15px;top: 50%;
    width: 8px;
    height: 8px;
    border: 1px solid #bd8f67;
    margin-top: -4px;
    display: none;
}
.sub_nav-tree .open i::after{display: none;}
.sub_nav-tree i::before,
.sub_nav-tree i::after{
    content: '';
    position: absolute;
    left: 1px;right: 1px;
    top: 50%;
    border-bottom: 1px solid #bd8f67;
}
.sub_nav-tree i::after{
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
}
.sub_nav-tree .sv1 i,
.sub_nav-tree .svs1.hasChild i{display: block;}
.sub_nav-tree .svs1.hasChild{font-weight: bold;}

/*******************************
    -------[=服务与支持]-------
********************************/
.tit-1_borb{
    padding-bottom: 30px;
    border-bottom: 1px solid #b8b8b8;
}

.m_list2{}
.m_list2 li{
    line-height: 35px;
    padding: 15px 0;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    overflow: hidden;
}
.m_list2 a{
    color: #a6a6a6;
}
.m_list2 .date{
    color: #a6a6a6;
    float: right;
}
.m_list2 a:hover{color: #3b5e7b;}

.m_list3{
    overflow: hidden;
}
.m_list3 ul{
    overflow: hidden;
    margin: -6px;
}
.m_list3 li{
    float: left;
    width: 50%;
}
.m_list3 .con{
    display: block;
    margin: 6px;
}
.m_list3 .pic{
    height: 0;
    padding-top: 52%;
    position: relative;
    overflow: hidden;
}
.m_list3 .pic img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;top: 0;
    transition: .5s ease;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
}
.m_list3 .con:hover .pic img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.m_list3 .title{
    color: #fff;
    font-size: 16px;
    padding: 15px 40px;
    height: 45px;
    line-height: 45px;
    background: #3b5e7a;
}
.m_list3 .title h2{
    font-size: 36px;
    font-weight: normal;
    margin-right: 20px;
    display: inline-block;
}
.m_list3 .title p{
    display: inline-block;
    vertical-align: bottom;
}


.m_list2-1{
    font-size: 12px;
}
.m_list2-1 li{
    line-height: 45px;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.m_list2-1 a{
    color: #7e7e7e;
}
.m_list2-1 .date{
    color: #7e7e7e;
    float: right;
}
.m_list2-1 a:hover{color: #3b5e7b;}

.m-tech{
    padding: 25px 30px;
    /*background: #ececec;*/
}
.m-tech h3{
    color: #3b5e7b;
    font-size: 24px;
    font-weight: normal;
    line-height: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
}
.m_list4{
    font-size: 12px;
    line-height: 20px;
}
.m_list4 ol{list-style-type:demical;margin: 0;padding: 0 0 0 1em;}
.m_list4 li{list-style-position:outside;padding-left: 10px;margin-bottom: 10px;}
.m_list4 li:last-child{margin-bottom: 0;}
.m_list4 li:first-child p{font-size: 24px;color: #b29470;line-height: 40px;}

.m_txt2{
    font-size: 12px;
    line-height: 28px;
}
.m_txt2 h2{
    color: #b29470;
    font-size: 24px;
    font-weight: normal;
}
.m_txt-ul{
    line-height: 32px;
    text-align: center;
    overflow: hidden;
    margin: 0 -10px;
}
.m_txt-ul li{
    float: left;
    width: 25%;
    padding: 5px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.m_txt-ul p{
    border: 1px solid #9b9b9b;
}


/*弹出*/
.popBox{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background: #c9cbca;
    display: none;
}
.popBox .popCon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);

    width: 690px;
    max-width: 90%;
    padding: 20px;
    background: #fefefe;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.popBox .popClose{
    position: absolute;
    z-index: 9;cursor: pointer;
    right: 0;top: 0;
    width: 30px;height: 30px;   
}
.popBox .popClose::before,
.popBox .popClose::after{
    content: '';
    position: absolute;
    top: 50%;left: 5px;
    width: 20px;height: 1px;
    background: #8c8988;
}
.popBox .popClose::before{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.popBox .popClose::after{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#LoadPop .popCon{
    width: 580px;
}
.m-load{
    font-size: 12px;
    max-width: 305px;
    margin: 0 auto;
}
.m-load .hd{
    line-height: 30px;
    text-align: center;
    margin-bottom: 25px;
}
.m-load .hd img{
    display: block;
    margin: 0 auto;
}
.m-load h3{
    color: #b29470;
    font-size: 24px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
    margin: 15px 0;
}
.m-load input{
    font-size: 12px;
    height: 40px;
    width: 100%;
    display: block;
    margin-bottom: 8px;
}
.m-load .inp{
    border: 1px solid #bdbdbd;
    padding: 0 10px;
}
.m-load .btn{
    color: #fff;
    background: #b39674;
}
.m-load .icon_alert{
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../image/icon_alert.png) center center no-repeat;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
    position: relative;top: 2px;
    margin: 0 3px;
}

/*******************************
    -------[=投资者关系]-------
********************************/
.m_investor-info,
.m_investor-hot{height: 280px;}
.m_investor-info{
    padding: 40px 50px;
    background: #e8e8e8;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.m_investor-info .title{
    color: #3b5e7b;
    font-size: 16px;
    font-weight: normal;
    line-height: 2;
    margin-bottom: 10px;
}

.m_list2-2{
    font-size: 12px;
    line-height: 30px;
}
.m_list2-2 li{
    height: 35px;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
.m_list2-2 .date{
    float: right;
}

.m_investor-hot{
    color: #fff;
    background: #3a5f7a;
    overflow: hidden;
}
.m_investor-hot .txt{
    float: left;
    width: 50%;
    padding: 40px 25px 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 12px;
    line-height: 30px;
}
.m_investor-hot .title{
    font-size: 16px;
    font-weight: normal;
    line-height: 2;
    /*height: 2em;*/
    overflow: hidden;
}
.m_investor-hot .det{
    height: 120px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 35px;
}
.m_investor-hot .more{
    color: #fff;
    border-color: #fff;
}
.m_investor-hot .more .gt{border-color: #fff;}
.m_investor-hot .pic{
    float: left;
    width: 50%;
    height: 280px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    transition: .5s ease;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
}
.m_investor-hot .pic:hover{
    opacity: .8;
}
.m_investor-hot .pic img{
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
}

.m_list5{}
.m_list5 ul{
    overflow: hidden;
}
.m_list5 li{
    float: left;
    width: 25%;
    padding: 10px 0;
    text-align: center;
    position: relative;
}
.m_list5 li::after{
    content: '';
    position: absolute;
    right: 0;top: 0;bottom: 0;
    border-right: 1px solid #beafa4;
}
.m_list5 li:last-child::after{display: none;}
.m_list5 .con{
    color: #3b5e7b;
    font-size: 18px;
    line-height: 45px;
    display: inline-block;
}
.m_list5 .icon{
    height: 100px;
    line-height: 100px;
    display: block;
}
.m_list5 .icon img{
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}


/*投资者关系-基本资料*/
.m_investor-basic{
    font-size: 12px;
    line-height: 28px;
}
.m_investor-basic table{
    width: 100%;
    line-height: 35px;
}
.m_investor-basic th{
    font-weight: normal;
}
.m_investor-basic td{
    padding-left: 50px;
}

.g_line{
    border-top: 1px solid #d6d6d6;
    margin: 25px 0;
}

/*投资者关系-活动日历*/
.m_investor-event{
    min-height: 250px;
    padding: 50px 60px 15px 50px;
    background: #e8e8e8;
    overflow: hidden;
}
.m_investor-event .date{
    float: left;
    width: 165px;
    color: #3b5e7b;
    font-size: 34px;
    font-family: 'Arial';
    line-height: 1;
    text-align: center;
    padding-right: 65px;
    position: relative;
}
.m_investor-event .date sup{
    font-size: 74px;
    position: absolute;
    right: 0;top: 0;
    width: 65px;
    line-height: 50px;
}
.m_investor-event .date .day{
    font-size: 154px;
    line-height: 160px;
}
.m_investor-event .date .month{
}
.m_investor-event .txt{
    font-size: 12px;
    line-height: 32px;
    margin-left: 290px;
}
.m_investor-event .title{
    color: #000;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 25px;
}
.m_investor-event .info{
    padding-bottom: 5px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 25px;
}

.st4{
    color: #3b5e7b;
    font-size: 18px;
    font-weight: normal;
    padding: 0 25px;
    line-height: 50px;
}
.st4 .icon_calendar{
    height: 50px;
    width: 32px;
    display: inline-block;
    vertical-align: top;
    background: url(../image/icon_calendar.png) center center no-repeat;
    margin-right: 10px;
}

.m_investor-eventList{
    font-size: 12px;
    border-top: 1px solid #9f9c99;
}
.m_investor-eventList .hd{
    color: #3b5e7b;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    padding: 20px 0;
}
.m_investor-eventList .hd ul{overflow: hidden;}
.m_investor-eventList .hd li{
    border-right: 1px solid #3b5e7b;
}
.m_investor-eventList .hd li:last-child{border-right: 0;}
.m_investor-eventList .s1,
.m_investor-eventList .s2,
.m_investor-eventList .s3{
    float: left;
    padding: 0 10px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.m_investor-eventList .s1{width: 25%;}
.m_investor-eventList .s2{width: 30%;}
.m_investor-eventList .s3{width: 45%;}
.m_investor-eventList .bd li{
    padding: 25px 0;
    line-height: 25px;
    background: #e8e8e8;
    overflow: hidden;
}
.m_investor-eventList .bd li:nth-child(2n){background: #fff;}


/*******************************
    -------[=加入我们]-------
********************************/
.m_join-info{
    background: #e8e8e8;
    overflow: hidden;
}
.m_join-info .txt,
.m_join-info .pic{
    float: left;
    width: 50%;
    height: 285px;
}
.m_join-info .txt{
    padding: 50px 35px 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.m_join-info .title{
    color: #3b5e7b;
    font-size: 24px;
    font-weight: normal;
    line-height: 40px;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-bottom: 10px;
}
.m_join-info .det{
    font-size: 12px;
    line-height: 28px;
    /*height: 112px;*/
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 25px;
}
.m_join-info .pic{
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover; 
}
.m_join-info .pic img{
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
}

.m_join-infoList{
    background: #3b5e7a;
    overflow: hidden;
}
.m_join-infoList li{
    float: left;
    width: 33.333%;
}
.m_join-infoList .con{
    display: block;
    position: relative;
}
.m_join-infoList .pic{
    height: 285px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.m_join-infoList .pic img{
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.m_join-infoList .title{
    position: absolute;
    left: 0;right: 0;bottom: 15px;

    color: #fff;
    font-size: 24px;
    font-weight: normal;
    padding: 0 20px;
}
.m_join-infoList .txt{
    line-height: 285px;
}
.m_join-infoList .det{
    display: inline-block;
    vertical-align: middle;

    color: #fff;
    font-size: 12px;
    line-height: 28px;
    padding: 0 50px;
}

.m_join-txt{
    font-size: 12px;
    line-height: 28px;
}
.m_join-txt h2{
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    padding: 10px 0;
    border-bottom: 1px solid #cecece;
    margin-bottom: 10px;
}

.g_table-data{
    font-size: 12px;
    line-height: 20px;
    padding: 0 25px;
    background: #eeeeee;
}
.g_table-data li{
    padding: 20px 0;
    border-bottom: 1px solid #adadad;
    overflow: hidden;
}
.g_table-data li:last-child{border-bottom: 0;}
.g_table-data li > div{
    float: left;
}
.g_table-data table{width: 100%;}
.g_table-data th{
    color: #3b5e7a;
    font-weight: normal;
}
.g_table-data th,
.g_table-data td{
    padding: 0 5%;
    border-right: 1px solid #dcdcdc;
}
.g_table-data tr th:first-child{padding: 0 10px;}
.g_table-data tr th:last-child,
.g_table-data tr td:last-child{border-right: 0;}

.m_join-search{
    height: 130px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.m_join-search .con{
    padding: 70px 25px 0;
}
.m_join-search input,
.m_join-search select{
    color: #fff;
    font-size: 14px;
    height: 30px;
    padding: 0 10px;
    border: 1px solid #fff;
    border-radius: 3px;
}
.m_join-search .inp_sel{
    width: 155px;
    margin-right: 5px;
}
.m_join-search .inp_so{
    display: inline-block;
    position: relative;
}
.m_join-search .inp{
    width: 90px;
}
.m_join-search .inp::-webkit-input-placeholder {color:#fff;}
.m_join-search .inp:-moz-placeholder {color:#fff;}
.m_join-search .inp::-moz-placeholder {color:#fff;}
.m_join-search .inp:-ms-input-placeholder {color:#fff;}
.m_join-search .btn{
    position: absolute;
    right: 0;top: 0;
    width: 35px;
    background: url(../image/icon_so_w.png) center center no-repeat;
    border: 0;
}
.m_join-search .inp_so::before{
    content: '';
    position: absolute;
    right: 35px;top: 50%;
    height: 18px;margin-top: -9px;
    border-left: 1px solid #fff;
}

/*下拉选框*/
.nice-select{position: relative;z-index: 1;display: inline-block;}
.nice-select::after{
    content: '';
    position: absolute;
    right: 15px;top: 50%;
    width: 0;height: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
    margin-top: -3px;
}
.nice-select input{width: 100%;display: block;}
.nice-select ul{
    width: 100%;position: absolute;left: -1px;top: 100%;
    text-align: left;background-color: #fff;border: 1px solid #3b5e7a;
    padding: 3px 0 5px;display: none;margin-top: -1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.nice-select ul li{height: 22px;line-height: 22px;overflow: hidden;padding: 0 10px;cursor: pointer;}
.nice-select ul li.selected{color: #fff;background: #3b5e7a;}

.m_join-duty{}
.m_join-duty table{
    width: 100%;
    font-size: 12px;
    text-align: center;
}
.m_join-duty th{
    color: #3b5e7a;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding: 20px 10px;
    line-height: 40px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #adadad;
}
.m_join-duty th i{
    height: 20px;
    border-right: 1px solid #ececec;
    float: right;
    margin-top: 10px;
}
.m_join-duty th:last-child i{display: none;}
.m_join-duty td{
    line-height: 30px;
    padding: 10px;
    background: #e8e8e8;
}
.m_join-duty tbody tr:nth-child(2n) td{background: #fff;}


#DutyPop .popCon{
    height: 100%;
    padding: 70px 20px 40px;
    overflow-y: auto;
}

.m_join-dutyInfo{
    color: #231815;
    font-size: 12px;
    line-height: 20px;
    height: 100%;
    overflow-y: auto;
    padding: 0 50px;
    position: relative;
}
.m_join-dutyInfo .header{
    margin-bottom: 60px;
}
.m_join-dutyInfo h1{
    font-size: 24px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
    margin-bottom: 15px;
}
.m_join-dutyInfo .info{
    color: #898989;
    font-size: 10px;
    text-align: right;
}
.m_join-dutyInfo .content{
    margin-bottom: 100px;
}
.m_join-dutyInfo .content h3{
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 20px;
}
.m_join-dutyInfo .footer{
    position: fixed;
    left: 70px;right: 70px;bottom: 40px;
    background: #fefefe;
}
.IE .m_join-dutyInfo .footer{
    position: absolute;
    left: 50px;right: 50px;bottom: 40px;
}
.m_join-dutyInfo .footer a{
    color: #231815;
}
.m_join-dutyInfo .footer .share{
    margin-bottom: 25px;
}

/*******************************
    -------[=产品中心]-------
********************************/
.m_product-halfCol{
    float: left;
    width: 47%;
}
.m_product-halfCol:nth-child(2n){float: right;}

.m_product-tit{
    height: 180px;
    line-height: 180px;
    background: #e8e8e8;
    overflow: hidden;
}
.m_product-tit .pic{
    float: left;
    width: 260px;
    text-align: center;
}
.m_product-tit .pic img{
    display: inline-block;
    vertical-align: middle;
}
.m_product-tit .txt{
    margin-left: 265px;
}
.m_product-tit h3{
    color: #3b5e7a;
    font-size: 36px;
    font-weight: normal;
}

.m_list-link{}
.m_list-link li{
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 30px;
}
.m_list-link li:last-child{margin-bottom: 0;}
.m_list-link .sv1{
    font-size: 24px;
    line-height: 50px;
    display: block;
}
.m_list-link dl{
    -webkit-columns: 2;
    -moz-columns: 2;
    -o-columns: 2;
    columns: 2;
    margin: 10px 0;
    display: none;
}
.m_list-link .columns_3{
    -webkit-columns: 3;
    -moz-columns: 3;
    -o-columns: 3;
    columns: 3;
}
.m_list-link .columns_4{
    -webkit-columns: 4;
    -moz-columns: 4;
    -o-columns: 4;
    columns: 4;
}

.m_product-tpbox{
    overflow: hidden;
}
.m_product-tpbox .pic{
    float: left;
    width: 235px;
    height: 160px;
}
.m_product-tpbox .pic img{
    display: block;
    width: 100%;
    height: 100%;
}
.m_product-tpbox .txt{
    font-size: 12px;
    line-height: 25px;
    margin-left: 235px;
    padding: 10px 35px;
}

.m_tabTit{}
.m_tabTit ul{
    height: 50px;
    padding-bottom: 10px;
    overflow: hidden;
}
.m_tabTit li{
    float: left;
}
.m_tabTit span{
    font-size: 16px;
    width: 170px;
    line-height: 50px;
    text-align: center;
    background: #eae8e4;
    cursor: pointer;
    display: block;
    margin-right: 5px;
    position: relative;
}
.m_tabTit span::after{
    content: '';
    position: absolute;
    left: 50%;top: 100%;
    width: 0;height: 0;
    border: 7px solid transparent;
    border-top-color: #2a5d6e;
    margin-left: -7px;
    display: none;
}
.m_tabTit .on span,
.m_tabTit .on span:hover{
    color: #fff;
    background: #2a5d6e;
}
.m_tabTit span:hover{color: #2a5d6e;}
.m_tabTit .on span::after{display: block;}
.m_tabCon{
    padding: 35px;
    border: 1px solid #a09c97;
}

.m_txt3{
    font-size: 12px;
    line-height: 35px;
}

.m_list6{}
.m_list6 ul{}
.m_list6 li{
    padding-bottom: 20px;
    border-bottom: 1px solid #a09c97;
    overflow: hidden;
    margin-bottom: 20px;
}
.m_list6 li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
.m_list6 .picture{
    float: left;
    width: 220px;
    height: 165px;
    position: relative;
    overflow: hidden;
}
.m_list6 .picture img{
    display: block;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
}
.m_list6 .picture:hover img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.m_list6 .title{
    position: absolute;
    left: 0;right: 0;bottom: 0;

    font-size: 12px;
    font-weight: normal;
    line-height: 35px;
    text-align: center;
    padding: 0 10px;
    background: #eae8e4;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.m_list6 .txt{
    font-size: 12px;
    height: 125px;
    line-height: 125px;
    margin-left: 260px;
}
.m_list6 .det{
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
}

.m_list7{}
.m_list7 li{
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a09c97;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-bottom: 10px;
}
.m_list7 li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

/*******************************
    -------[=解决方案]-------
********************************/
.m_solution-box{
    background: #eeeeec;
}
.m_solution-box .hd{
    background: #ccc8c4;
    overflow: hidden;
}
.m_solution-box .hd .pic{
    margin-right: 440px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    transition: .5s ease;
    -ms-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
}
.m_solution-box .hd .pic:hover{
    -webkit-background-size: auto 105%;
    background-size: auto 105%;
}
.m_solution-box .hd .pic img{
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.m_solution-box .hd .txt{
    float: right;
    width: 440px;
    text-align: center;
    line-height: 300px;
}
.m_solution-box .hd h3{
    color: #3b5e7b;
    font-size: 36px;
    font-weight: normal;
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}

.snav_ul{
    font-size: 12px;
    line-height: 30px;
    padding: 35px 90px;
    overflow: hidden;
}
.snav_ul > li{
    float: left;
    width: 33.333%;
}
.snav_ul.columns_4{
    padding-left: 90px;
}
.snav_ul.columns_4 > li{
    width: 33%;
}
.snav_ul .s1{
    padding: 0 20px;
    font-size: 14px;
    line-height: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break:break-all;
}
.snav_ul-hasChild{
    margin-bottom: -30px;
}
.snav_ul-hasChild > li{
    margin-bottom: 35px;
}
.snav_ul-hasChild > li:nth-child(3n+1){
    clear: left;
}
.snav_ul-hasChild .s1{
    position: relative;
}
.snav_ul-hasChild .s1::before,
.snav_ul-hasChild .s1::after{
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    left: -15px;
}
.snav_ul-hasChild .s1::before{
    width: 8px;
    height: 8px;
    border: 1px solid #bd8f67;
    margin-top: -4px;
}
.snav_ul-hasChild .s1::after{color: #bd8f67;line-height: 6px;text-align: center;
    top: 6px;left: -20px;
    content: '+';border-bottom: none;
}
.snav_ul-hasChild .s1.on::after{content: '';
    margin: 1px 2px;right: 100%;
    top: 50%;
    left: -15px;
    width: 6px;
    border-bottom: 1px solid #bd8f67;
}
.snav_ul-hasChild ul{display: none;}
.m_search-form{
    text-align: right;
}
.m_search-form .tool{
    height: 30px;
    width: 250px;
    text-align: left;
    border: 1px solid #888580;
    display: inline-block;
    position: relative;
}
.m_search-form input{
    color: #888;
    font-size: 12px;
    height: 30px;
    display: block;
}
.m_search-form .inp{
    padding: 0 5px;
    width: 100%;
}
.m_search-form input::-webkit-input-placeholder {color:#888;}
.m_search-form input:-moz-placeholder {color:#888;}
.m_search-form input::-moz-placeholder {color:#888;}
.m_search-form input:-ms-input-placeholder {color:#888;}
.m_search-form .btn{
    position: absolute;
    right: 0;top: 0;
    width: 30px;
    background: url(../image/icon-so.png) center center no-repeat;
}

.m_solution-tpbox{
    background: #dfded9;
    overflow: hidden;
}
.m_solution-tpbox .pic{
    height: 275px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin-right: 370px;
}
.m_solution-tpbox .pic img{
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
}
.m_solution-tpbox .txt{
    float: right;
    width: 370px;
    height: 275px;
    color: #888;
    position: relative;
}
.m_solution-tpbox .det{
    position: absolute;
    left: 0;right: 0;bottom: 0;
    padding: 20px;
}

.m_list8{
    overflow: hidden;
    margin: -4px;
    margin-bottom: -30px;
}
.m_list8 .item{
    float: left;
    width: 33.333%;
    padding: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.m_list8 .item:nth-child(3n+1){clear: left;}
.m_list8 .hd{
    color: #fff;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #dfded9;
    position: relative;
}
.m_list8 .hd .icon{
    position: absolute;
    left: 10px;top: 0;
}
.m_list8 .hd .icon img{
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}
.m_list8 .bd{
    color: #888;
    font-size: 12px;
    padding: 10px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #dfded9;
}
.m_list8 .bd ul{}
.m_list8 .bd li{}
.m_list8 .bd a{color: #888;}
.m_list8 .bd a:hover{color: #3b5e7b;}

/*loading*/
#loading{
    position: fixed;z-index: 9999;
    left: 0;right: 0;top: 0;bottom: 0;

    background: #1e5e73 url(../image/loading.gif) center center no-repeat;
    -webkit-background-size: 32px auto;
    background-size: 32px auto;
}

.m-map{height: 480px;margin-bottom: 50px;}
.m-map #allmap{height: 100%;}

.ul-map{overflow: hidden;padding-top: 18px;margin-bottom: 68px;}
.ul-map li{width: 25%;float: left;text-align: center;position: relative;}
.ul-map li .con{padding: 0 15px;}
.ul-map li:after{content: '';position: absolute;right: 0;top: 0;height: 105px;
    width: 1px;background-color: #e5e5e5;
}
.ul-map li:last-child:after{display: none;}
.ul-map .ico{height: 40px;display: block;margin-bottom: 13px;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: auto 40px;
    -ms-background-size: auto 40px;
    -moz-background-size: auto 40px;
    -webkit-background-size: auto 40px;
    background-size: auto 40px;
}
.ul-map .i1 .ico{background-image: url(../image/ico-a1.png);}
.ul-map .i2 .ico{background-image: url(../image/ico-a2.png);}
.ul-map .i3 .ico{background-image: url(../image/ico-a3.png);}
.ul-map .i4 .ico{background-image: url(../image/ico-a4.png);}
.ul-map .i1:hover .ico{background-image: url(../image/ico-a1-on.png);}
.ul-map .i2:hover .ico{background-image: url(../image/ico-a2-on.png);}
.ul-map .i3:hover .ico{background-image: url(../image/ico-a3-on.png);}
.ul-map .i4:hover .ico{background-image: url(../image/ico-a4-on.png);}
.ul-map h3{font-size: 18px;font-weight: normal;color: #333;margin-bottom: 20px;}
.ul-map .desc{font-size: 16px;font-family: arial;line-height: 22px;
    color: #888;
}
.ul-map li:hover h3,.ul-map li:hover .desc{color: #3c5e79;}

.g-bor1{border-top: 1px solid #f2f2f2;margin-top: 15px;}
.m-lu{overflow: hidden;}
.m-lu .item{line-height: 69px;font-size: 16px;color: #666;padding-left: 86px;
    background-position: left center;background-repeat: no-repeat;
}
.m-lu .item1{float: left;background-image: url(../image/ico-a5.png);}
.m-lu .item2{float: right;background-image: url(../image/ico-a6.png);}