/*
KISSY CSS Reset
*/
.mCSB_scrollTools{display:block!important;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
   font-size: 14px;
}


body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 14px/1 "微软雅黑", Helvetica, Arial, sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
img{ max-width: 100%;}
/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #000000; }
a:active,a:visited,a:focus{text-decoration: none;}
/* 重置表单元素 */
input,select,textarea,button{outline:medium;}
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
input {/* vertical-align:middle; */border: none; background: none;outline:none;}\n

/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    border: none;
    height: 1px;
}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.txthid{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.con_detail{font-size:16px;line-height:2em;}
.con_detail p{font-size:16px;}
.con_detail img,.con_detail table,.con_detail video,.con_detail iframe{max-width: 100%;}


html{ overflow-y: scroll; min-width: 320px;}

.not-animated{opacity: 0;}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000000;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000000;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000000;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000000;
}
.isNull{width:100%; font-size:15px;color:#161616;text-align:center;padding:50px 20px;}

/*设置左右浮动*/
.fl{float: left;}
.fr{float: right;}
/*清楚浮动*/
.clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.clearfix{*zoom:1;}
.mt20{ margin-top: 20px;}
.pro_file_down{width:40%;height:50px;line-height:50px;font-size:15px;color:#fff;border-radius:25px; text-align:center;margin:50px auto;display:block;background:#11396c;}
.pro_file_down:hover{color:#fff;}

/*加载字体*/
@font-face {
    font-family: 'BigJohn';
    src: url('font/bigjohn.eot');
    src: url('font/bigjohn.eot?#iefix') format('embedded-opentype'),
         url('font/bigjohn.woff') format('woff'),
         url('font/bigjohn.ttf') format('truetype'),
         url('font/bigjohn.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SlimJoe';
    src: url('font/SlimJoe.eot');
    src: url('font/SlimJoe.eot?#iefix') format('embedded-opentype'),
         url('font/SlimJoe.woff') format('woff'),
         url('font/SlimJoe.ttf') format('truetype'),
         url('font/SlimJoe.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*漂浮*/
.fixed_tools{width:56px;height:228px;position:fixed;top:50%;margin-top:-114px; right:-56px;transition:all 220ms linear;}
.fixed_tools ul li{width:56px;height:56px;background:rgba(0,0,0,0.59);transition:all 220ms linear;margin-bottom:1px;}
.fixed_tools ul li img{width:100%;height:100%;display:block;}
.fixed_tools ul li:hover{background:rgba(0,43,98,0.59);}
.fixed_tools.on{right:2px;}


@media only screen and (max-width:1024px ) {
	.fixed_tools.on{right:-56px;}
    .index_cur_box{display:none;}
}
.header-top{height:104px;}
.top-logo{width:55%;float:left;}
.top-logo img{width:93px;height:78px;display:block;float:left;margin:13px 0;}
.top-logo b{font-size:24px;color:#333;font-weight:bold;line-height:54px;background:url(../img/shu.png) center right no-repeat;padding-right:10px;margin-right:10px;}
.top-logo p{font-size:18px;color:#333;margin:25px 8px;float:left}
.top-logo p span{color:#2C6B76}
.top-tel{width:21%;float:left;font-size:14px;color:#fff;line-height:40px;background:url(../img/tel-bg.png) center center no-repeat;padding-left:64px;margin:31px 0}
.top-tel b{font-size:21px;font-family:Arial;}
.top-lang{width:15%;float:right;font-size:14px;color:#666;line-height:40px;margin:31px 0}
.top-lang a{color:#666;padding:0 10px}
.top-lang a:hover{color:#0295ff}

/*首页定位点*/
.index_cur_box{position:fixed;left:38px;top:50%;margin-top:-120px;}
.index_cur_box .top{font-size:14px;font-family:Arial;color:#fff;font-weight:bold;}
.index_cur_box.h .top{color:#262626;}
.index_cur_box .line{width:15px;height:1px;background:#fff;margin:15px 0px;}
.index_cur_box.h .line{background:#262626;}
.index_cur_box ul li{cursor:pointer; width:21px;height:20px;background:url(../images/index_dot.png) center center no-repeat;background-size:100%;transition:all 220ms linear;margin-bottom:8px;}
.index_cur_box ul li a{display:block;width:100%;height:100%;}
.index_cur_box ul li.on,.index_cur_box ul li:hover{background:url(../images/index_dot_on.png) center center no-repeat;background-size:100%;}

.header{width: 100%;height: auto;background: transparent; position: fixed;font-size: 15px;z-index: 999;top:105px;height:78px;}
/* .header:hover{background:#fff;border-top:none}
.header:hover .content .d_nav>ul>li>a span{color:#333} */
.header::after{content:"";width:100%;height:1px;background:rgba(255,255,255,0.1);position:absolute;bottom:0px;left:0px;}

.d_nav .drop-down-content{color:#333 !important;z-index:999;position:absolute;top:79px;left:0px;width:100%;background:#f8f8f8 !important;}
.d_nav .drop-down-content a{
    line-height: 66px !important;
    border-bottom: 1px dashed #ddd;
    padding: 0 12px !important;
    font-size: 15px;color:#333;
    display: block;background:#fff !important;
	    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
.d_nav .drop-down-content a:hover{background:#deedfe !important;color:#0091dc !important}
.drop-down-content{ padding: 0;display: none; }
.drop-down-content li:hover a{
           background:#fff;color:#0091dc
         }
.d_nav .drop-down:hover .drop-down-content{
             display: block;
         }



.content{width:1400px;margin: 0px auto;_overflow: hidden;}
.header .content .logo{float: left;width: auto; height:78px;padding-left:20px; transition: all .3s linear;display:none}
.header .content .logo img{width:100%;height:auto; display: block; transition: all .3s linear;} 
.header .content .icon_menu{float: left;height:78px;margin-left: 40px;transition: all .3s linear;cursor:pointer;}
.header .content .icon_menu img{width: auto;height: 100%; display: block;transition: all .3s linear;}
.header .content .tools_box{height: 100%;float: right;text-align: center;margin-right:20px;}
.header .content .tools_box .box{height: 32px;margin: 38px 0px;transition: all .3s linear;}
.header .content .tools_box .box .item{float: left;position: relative;}
.header .content .tools_box .box .lang .lang_btn{width: 90px;height: 32px; cursor: pointer;margin-right: 20px;position: relative;text-align: center;}
.header .content .tools_box .box .lang .lang_btn::after{content: "";background: #90aab8; width: 1px;height: 22px;position: absolute;right: -20px;top: 5px; }
.header .content .tools_box .box .lang .lang_btn img{height: 100%;display: block;margin: 0px auto;}
.header .content .tools_box .box .lang .lang_list{display: none;position: absolute;z-index: 999; top: 40px;left: 0px;width: 100%;box-sizing: border-box; padding: 20px 25px;background: rgba(0,0,0,0.6);border-radius: 12px;}
.header .content .tools_box .box .lang .lang_list li{line-height: 30px;text-align: left;transition: all .3s linear;}
.header .content .tools_box .box .lang .lang_list li a{font-size: 14px;color: #FFFFFF;}

.header .content .tools_box .box .search{width: 32px;height: 32px;margin-left: 20px;cursor: pointer;}
.header .content .tools_box .box .search img{width: 100%;height: 100%;display: block;}
.header .content .d_nav{width:100%}
.header .content .d_nav>ul>li.w0{width:0px;}
.header .content .d_nav.on>ul>li.w0{width:110px;}
.header .content .d_nav>ul>li{transition:all 320ms linear; width:155px; text-align: center; line-height: 78px;float: left;position: relative;}
.header .content .d_nav>ul>li>a{width: 100%;height:78px; display: block;color: #747474;overflow: hidden;}
.header .content .d_nav>ul>li>a span{
	width: 100%;
	height: 100%;
	display: block;z-index: 999;
	font-size: 16px;
	color: #fff;font-weight:bold
}
.header .content .d_nav>ul>li>a .cn{width: 100%;display: block;}
.header .d_nav_conbox{ _border-top: 1px solid #ddd;overflow: hidden;display:block;background:none !important}
.header .d_nav_conbox .subnav{display: none;position:relative;}
.header .d_nav_conbox .subnav::after{content:"";width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;top:0px;left:0px;}
.header .content .d_nav>ul>li:hover{background:#2c6b76}


/*产品下拉导航*/
.header .d_nav_conbox .pro_box{overflow: hidden;}
.header .d_nav_conbox .pro_box .pro_ctg{width:155px;height: 100%;float: left;background: #e9edf0;margin-left:310px;}
.header .d_nav_conbox .pro_box .pro_ctg ul li{width: 100%;overflow: hidden;height:60px;line-height:60px;background: #e8eaed;border-bottom: 1px solid #FFFFFF;transition: all .3s linear;}
.header .d_nav_conbox .pro_box .pro_ctg ul li .icon{margin-left: 63px; width: 97px;height: 97px; float: left;text-align: right;}
.header .d_nav_conbox .pro_box .pro_ctg ul li .icon img{width: 100%;height: 100%;transform: scale(0.7);opacity: 0.7;filter: alpha(opacity=70);}
.header .d_nav_conbox .pro_box .pro_ctg ul li .title{position: relative; font-size: 15px;color: #3a3a3a;/*  width: calc(100% - 160px); */box-sizing: border-box; padding:0 12px; text-align: center;transition: all .3s linear;}
.header .d_nav_conbox .pro_box .pro_ctg ul li .title::after{content: "";width: 15px;height: 97px;background: url(../images/nav_pro_arrow.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0px;right: 15px;opacity: 0;filter: alpha(opactiy=0);transition: all .3s linear;}
.header .d_nav_conbox .pro_box .pro_ctg ul li:hover,.header .d_nav_conbox .pro_box .pro_ctg ul li.on{background: #2c6b76;}
.header .d_nav_conbox .pro_box .pro_ctg ul li:hover .title,.header .d_nav_conbox .pro_box .pro_ctg ul li.on .title{color:#ffffff;}
.header .d_nav_conbox .pro_box .pro_ctg ul li:hover .icon img,.header .d_nav_conbox .pro_box .pro_ctg ul li.on .icon img{opacity: 1;filter: alpha(opacity=100);}
.header .d_nav_conbox .pro_box .pro_ctg ul li:hover .title::after,.header .d_nav_conbox .pro_box .pro_ctg ul li.on .title::after{right: 30px;opacity: 1;filter: alpha(opactiy=100);}
.header .d_nav_conbox .pro_box .pro_con{width: calc(100% - 290px);height: 100%;float: left;}
.header .d_nav_conbox .pro_box .pro_con .con_item{width: 100%;height: 100%;overflow: hidden;display: none;}
.header .d_nav_conbox .pro_box .pro_con .con_item.on{display: block;}
.header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{position: relative;float: left;  height: 100%;width: 500px;margin-right: 20px; box-sizing: border-box;padding: 40px 70px;}
.header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav ul{height: 100%;overflow-y:auto;}
.header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li{
	line-height: 63px;position: relative;padding-left: 12px;
}
.header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li a{
	font-size: 17px;color: #424242;
}
.header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li:hover a{
	color: #002b62;font-weight: bold;
}
.header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li::after{content:"";width:2px;height: 2px;background: #424242;position: absolute;top: 50%;left: 2px;margin-top: -1px;transition: all 0.2s linear;}
.header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li:hover::after{width:6px;height: 6px;background: #002b62;border-radius: 50%; left: 0px;margin-top: -3px;}
.header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj{border-left: 1px solid #b8bcbf; float: left;width: calc(100% - 520px); height:442px;margin-top: 40px; padding-left:165px; box-sizing: border-box;overflow: hidden;}
.header .d_nav_conbox .pro_box .pro_con .con_item .title{font-size: 29px;color: #002b62;font-weight: bold;margin-bottom: 15px;}
.header .d_nav_conbox .pro_box .pro_con .con_item .en_title{font-size: 20px;color: #dcdcdc;margin-bottom: 35px;}
.header .d_nav_conbox .pro_box .pro_con .con_item .line{margin-bottom: 20px;}
.header .d_nav_conbox .pro_box .pro_con .con_item .line img{display: block;}
.header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj_img{height: 280px;}
.header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj_img img{height: 280px;width: auto;display: block;}

.o_box .ctg_sub{width:155px;height: 100%;background: #e9edf0;margin-left:155px;}
.o_box .ctg_sub ul li {
    width: 100%;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    background: #e8eaed;
    border-bottom: 1px solid #FFFFFF;
    transition: all .3s linear;
}
.o_box .ctg_sub ul li:hover{background: #2c6b76;}
.o_box .ctg_sub ul li:hover .title{color:#fff}
.o_box .ctg_sub ul li .title {
    position: relative;
    font-size: 15px;
    color: #3a3a3a;
    /* width: calc(100% - 160px); */
    box-sizing: border-box;
    padding-right: 45px;
    text-align: right;
    float: right;
    transition: all .3s linear;
}
.header .d_nav_conbox .about2{margin-left:155px !important;}
.header .d_nav_conbox .zy{margin-left:465px !important;}
.header .d_nav_conbox .tz{margin-left:620px !important;}
.header .d_nav_conbox .xw{margin-left:775px !important;}
.header .d_nav_conbox .yy{margin-left:930px !important;}
.header .d_nav_conbox .news1{margin-left:1085px !important;}

/*其他二级栏目*/
/* .header .d_nav_conbox .o_box{overflow: hidden;height:350px;box-sizing: border-box;text-align: center;}
.header .d_nav_conbox .o_box .ctg_sub{width: 135px; display: inline-block;vertical-align: top;padding-top: 45px;margin-right: 115px; overflow:hidden;}
.header .d_nav_conbox .o_box .ctg_sub ul li{transition:all .3s linear; background: #e0e0e0; width: 100%;height: 36px;line-height: 36px;border-radius: 18px; text-align: center;margin-bottom: 10px;box-sizing:border-box; padding:0px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.header .d_nav_conbox .o_box .ctg_sub ul li:hover{background: #002b62;}
.header .d_nav_conbox .o_box .ctg_sub ul li a{font-size: 13px;color: #000000;}
.header .d_nav_conbox .o_box .ctg_sub ul li:hover a{color: #FFFFFF;}


.header .d_nav_conbox .o_box .ctg_news{display: inline-block;vertical-align: top;height: 230px;margin-top:54px;padding-left: 90px;border-left: 1px solid #babdc0;overflow: hidden;}
.header .d_nav_conbox .o_box .ctg_news .news_img{height: 230px;position: relative;float:left;margin-right: 80px;}
.header .d_nav_conbox .o_box .ctg_news .news_img img{height: 100%;width: auto;}
.header .d_nav_conbox .o_box .ctg_news .news_img .title{width: 100%;padding: 0px 15px;font-size: 13px;color:#ffffff;  height: 55px;line-height: 55px; background: rgba(0,0,0,0.7);position: absolute;bottom: 0px;left: 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .d_nav_conbox .o_box .ctg_news .news_img ul{overflow:hidden;}
.header .d_nav_conbox .o_box .ctg_news .news_img ul li{float:left;margin:0px 5px;}
.header .d_nav_conbox .o_box .ctg_news .news_img ul li img{height:200px;width:auto;display:block;}
.header .d_nav_conbox .o_box .ctg_news .news_img ul li .tit{height:30px;line-height:30px;text-align:center;font-size:14px;color:#000000;}

.header .d_nav_conbox .o_box .ctg_news .n_lists_box{float: left;width: 500px;text-align: left;}
.header .d_nav_conbox .o_box .ctg_news .n_lists_box .tit{font-size: 18px;color: #002b62;font-weight: bold;margin-bottom: 15px;}
.header .d_nav_conbox .o_box .ctg_news .n_lists_box  ul li{height: 40px;line-height: 40px; padding-right: 100px;position: relative;}
.header .d_nav_conbox .o_box .ctg_news .n_lists_box  ul li .time{width: 100px;text-align: right;font-size: 13px;color: #727171;position: absolute;right: 0px;top:0px;}
.header .d_nav_conbox .o_box .ctg_news .n_lists_box  ul li a{font-size: 14px;color: #393939;}
.header .d_nav_conbox .o_box .ctg_news .n_lists_box  ul li:hover a{color: #000000;}
.header .d_nav_conbox .o_box .ctg_news .n_lists_box .more{font-size: 14px;color: #002b62;text-decoration: underline;line-height: 30px;}

.header .d_nav_conbox .o_box .ctg_news .n_lists_box .about_box{width:440px;margin-bottom:20px; font-size:14px;line-height:30px;color:#313131;} */


.idx-tit{padding:40px 0}
.idx-tit h1{font-size:30px;color:#333;text-align:center;background:url(../img/t1.png) center bottom no-repeat;line-height:50px;}
.idx-p-list li{float:left;width:238px;height:238px;border-radius:50%;background:#e8fbfe;margin:0 20px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.idx-p-list li img{margin:0 auto;display:block;width:140px;height:140px;}
.idx-p-list li h2{line-height:82px;text-align:center;font-size:18px;font-weight:bold;}
.idx-p-list li:nth-child(2n){background:#f5f5f5}
.idx-p-list li:hover{background:#2c6b76;color:#fff}
.idx-p-list li:hover h2{color:#fff;}


.index-product-nav{
    width:22%;
   
    background: #2c6b76;
    box-sizing: border-box;
    padding: 20px 1.5% 20px;
}
.index-product-nav .title{
    text-align: center;
    margin-bottom:30px;
}
.index-product-nav .title h4{
    font-size: 28px;
    color: #fff;
    line-height:60px;
    font-weight: bold;
}
.index-product-nav .title span{
    color: #4c838d;
    text-transform: uppercase;
    font-size: 14px;
}
.index-product-nav dl{
    width: 100%;
    background: #fff;
    margin-top: 12px;
    height: 100%;
    overflow: hidden;
	border-radius: 5px;padding:20px 0
  
}
.index-product-nav dl dt{
    font-size: 14px;
    color: #444444;
    width: 76%;
    height: 66px;
    line-height: 66px;
    cursor: pointer;
    margin:0 11%;
	font-weight:bold;
}
.index-product-nav dl dt a{display:block}
.index-product-nav dl dt i{
    width: 9px;
    height: 7px;
    background: url(../img/ico1.png) no-repeat center top;
    margin-left: auto;
    float: left;
    margin-top: 29.5px;
    transform: rotate(0deg);    padding-right: 30px;
}
.index-product-nav dl dt span{line-height:66px;font-size:14px;float: right;padding-right:20px;}
.index-product-nav dl dt:hover{background:#e8fbfe}

.index-product-nav dl dd{
    box-sizing: border-box;
    width: 100%;
    padding: 0 7%;
    line-height: 40px;
}
.index-product-nav dl dd a.p-far{background:url(../img/pro-ico1.png) center left no-repeat;padding-left: 16px;}
.index-product-nav dl dd a{
    color: #333;
    font-size: 14px;
    font-weight:normal;display:block
}

.idx-call{margin-top:40px !important}
.idx-call h2{font-size:18px;color:#333;font-weight:bold;line-height:60px;padding:5px 15px}
.idx-call p{padding:0 15px;font-size:14px;line-height:28px;}
.index-product-nav dl dt.idx-ewm{margin:25px 15px!important;height:120px;}
.index-product-nav dl dt.idx-ewm img{width:114px;height:114px;float:left}
.index-product-nav dl dt.idx-ewm span{float:left;color:#275e68;line-height:24px;font-weight:normal;padding: 33px 0 33px 6px;}

/* .index-product-nav dl dd::before{
    content: '★';
    margin-right: 10px;
    color: #444;
} */
.index-product-nav dl dd a:hover{
    color: #001daf !important;
}
.index-product-nav dl dd .nav1{padding-left:16px;line-height:30px;}
.index-product-nav dl dd .nav1 a{font-weight:normal !important;font-size:12px}
.index-product-content{
    width: 78%;
}
.productContentIndex{
    display: none
}
.index-product-content .title{
    background:#0276d3;height:54px;color:#fff;font-size:16px;line-height:54px;
}
.index-product-content .title_t{padding-left:16px;}
.index-product-content .title_t a{color:#fff;background:url(../img/fg.png) right center no-repeat;    padding: 0 22px;}
.index-product-content .title .title_t b{
  display: block;
  font-size: 32px;
  font-weight: bold;
  color: #444444;
  line-height: 40px;
}
.index-product{margin-top:40px;}
.index-product-content .title .title_t span{
    font-size: 16px;
    color: #828081
}
.index-product-content .title a{
   color:#fff
}
.pro-m{color:#fff;padding-right:12px;font-size:14px;}
.index-product-content .indexview{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 50px
}
.index-product-content .indexview dl{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0px;
    left: 0;
	display:none
}
.index-product-content .indexview dl dd{
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    margin: 0 10px;
    cursor: pointer;
}
.index-product-content .indexview dl .action{
    background: #001daf;
}
.index-product-content ul{
	    margin-left: 48px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.index-product-content .indexview li{
    float: left;
    width: 310px;
    margin-right:40px;
    box-sizing: border-box;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    padding: 0.5px;    margin-bottom: 10px;

}
.index-product-content li .img {border: 1px solid #bdd3ec;width:308px;height:308px;overflow:hidden}
.index-product-content li:nth-child(3n){margin-right:0}
.index-product-content li img{/* height:262px; */width: 100%;}



.index-product-content li .conetn{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 14px 2%;
}
.index-product-content li .conetn h5{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    white-space: nowrap
}
.index-product-content li .conetn em{
    color: #004da4;
    display: block;
    margin:15px auto;
    border: 1px solid #004da4;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    width: 80%
}

.index-product-content li .conetn p{
    font-size: 14px;
    line-height: 28px;
    color: #666
}
.index-product-content li:hover{
    border: none;
    box-shadow: 0 0 10px 10px #f2f2f2;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px); 
    
}
.index-product-content li:hover .conetn{
    background: #2c6b76
}
.index-product-content li:hover .conetn em{
    background: #fff;
    border: 1px solid #fff;
}
.index-product-content li:hover .conetn p{
    color: #cbd8e9
}
.index-product-content li:hover .conetn h5{
    color: #fff
}


.index-ys .idx-tit h1{background: url(../img/t2.png) center bottom no-repeat;}

.ys-list li{width:330px;float:left;text-align:center;background:#f7f7f7;margin-right:26px;transition: transform 0.5s; -webkit-transition: transform 0.5s;}
.ys-list li:nth-child(4){margin-right:0}
.ys-list li img{width:330px;height:260px;}
.ys-list .ys-con{width:284px;margin:0 auto;padding-top:25px;padding-bottom:40px}
.ys-list .ys-con h2{font-size:20px;font-weight:bold;color:#333;line-height:40px;}
.ys-list .ys-con span{display:block;font-size:14px;color:#999;border-bottom:1px solid #ddd;padding-bottom:20px}
.ys-list .ys-con p{font-size:14px;line-height:24px;color:#333;margin-top:20px}

 .ys-list li:hover{  border: none;
    box-shadow: 0 0 10px 10px #f2f2f2;
    transform: translateY(-5px);
 -webkit-transform: translateY(-5px); }

.header .content .d_nav>ul>li>a:hover{color: #002b62;}

.index-hb{background:#f8f8f8;margin:70px 0 20px 0;padding:10px 0 30px 0}
.index-hb .idx-tit h1{background: url(../img/t3.png) center bottom no-repeat;}
.cooper-con{margin-bottom:30px;}
.wrapper{margin:0 auto;position: relative;}
.scene{ overflow:hidden; display:block;margin:0 auto;    position: relative;}
.cooper-con{margin-bottom:30px;}
.scene ul li{ width:196px; height:90px; display:block; float:left; margin:10px 18px;}
.scene ul li img{ width:194px; height:88px;}	

.index-yy .idx-tit h1{background: url(../img/t4.png) center bottom no-repeat;}

#banner{ width:1400; height:432px; margin:0px auto; position:relative; overflow:hidden;}
	#banner #picUl li{ position:absolute; top:0; right:0;}
	#banner #picUl li img{ width:1172px;}
	#banner #tab{ width:228px; height:100%; position:absolute; left:0; background:#2c6b76;}
	#banner #tab li { width:228px;text-align:center; position:relative;}
	#banner #tab li a{ text-decoration:none; color:#fff; font-size:14px;line-height:72px; display:block;font-weight:bold}
	#banner #tab li span{
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	top: 50%;
	right:-12px;
	margin-top:-2px;
	/* border-width: 8px;
	border-style: solid;
	border-color: transparent rgba(255,0,0,0.6) transparent transparent; */
	display:none;
	
	
	
	 width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid #f58220;
    border-bottom: 8px solid transparent;
}
	#banner #tab li.active{ background:#f58220;}
	#banner #tab li.active .on{ display:block;}


.index-equ{margin:20px 0}
.index-equ .idx-tit h1{background: url(../img/t5.png) center bottom no-repeat;}	
.equ-list li{width:266px !important;height:240px !important;}	
.equ-list li img{width:266px !important;;height:200px !important;}
.equ-list li p{font-size:14px;line-height:40px;color:#333;text-align:center}
	
.footer{background:#2c6b76;color:#fff;padding:30px 0}	
.footer-l{width:58%;float:left;margin:20px 0}
.footer-l li{float:left;font-size:16px;width:20%;margin:16px 0}
.footer-l a{color:#fff;}
.footer-l a:hover{color:#ccc}
.footer-m{width:10%;float:left;margin:10px 0}

.footer-r{width:30%;float:right;margin:5px 0}
.footer-r p{line-height:36px;font-size:14px;}

.bot{border-top:1px solid #33727d;background:#2c6b76;line-height:50px;text-align:center;color:#fff}
.bot a{color:#fff}
	
	
	
	
	
	
	
	
	
	
	
	
	

/*大导航滑块样式*/
.d_nav .nav_cur{width: 64px;height: 2px;background: #002b62;position: absolute;left: 39px;bottom: 0px;display: none;}

.header .content .d_nav>ul>li .subnav{width: 100%;padding-bottom: 25px;display: none;}


/*.header .content .d_nav>ul>li .subnav li>a{
    line-height: 28px;
    display: block;
    color: #bbb9b9;
    font-size: 12px;
    transition: all 220ms ease-in;
}
.header .content .d_nav>ul>li ul.subnav li>a:hover{
	color: #171717;
}*/

.header.black{
	background: rgba(23, 28, 32, 1);
	border-bottom: 1px solid rgba(255,255,255,.2);
}
/*页面离开顶部之后 缩小导航和加背景图*/
.header.on{background: rgba(255,255,255,1); position: fixed; top: 0;border-bottom: 1px solid #ddd;height: 78px;}
/* .header.drop{background: rgba(255,255,255,1);} */
.header.on .content .tools_box .box{height: 32px;margin: 29px 0px;}
.header.on .content .d_nav>ul>li{line-height: 78px;}
.header.on .content .d_nav>ul>li>a{height:78px;color:#333 !important}
.header.on .content .d_nav>ul>li>a span{color:#333 !important}
.header.on .content .d_nav>ul>li:hover a span{color:#fff !important}
.header.on .content .logo{width: auto; height: 78px;}
.header.on .content .d_nav .drop-down-content{top:78px !important}
.header.on .content .icon_menu{height: 78px;}


.nav_btn{width: 80px;height: 80px;float: right;cursor: pointer;display: none;transition: all linear .3s;}
.lang_min{width:80px;height:80px;float:right;cursor:pointer;display:none;}
.lang_min img{width:100%;height:100%;display:block;}
.nav_btn.open{background:url(../img/btn_open.png) center center no-repeat #1a4e85;background-size: 100%; } 
.nav_btn.close{background:url(../img/btn_close.png) center center no-repeat #1a4e85;background-size: 100%;opacity: 1!important;} 



.xs_nav {width: 100%;height: 100vh;background: rgba(0,0,0,0.4);overflow: hidden; margin-top: 10px;display: none;border-top: 1px solid #eee;text-align: left;}
.xs_nav  .nav-item{color: #212121;border-bottom: 1px solid #eee;background: #FFFFFF;}
.xs_nav  .nav-item a{color: #212121;font-size: 14px;}
.xs_nav  .nav-item .title{width:100%;line-height: 50px;position: relative;padding-left: 15px;color: #666666;font-size: 14px;}
.xs_nav  .nav-item .title .drop-btn{font-family: simhei; width: 50px;height: 50px;display: none; cursor: pointer; font-size:22px;line-height: 45px;text-align: center;position: absolute;right: 0px;top: 0px;transition: all 220ms linear;}
.xs_nav  .nav-item.open .title .drop-btn{transform: rotate(-45deg);}
.xs_nav  .nav-item .title a{display: block;}	
.xs_nav  .nav-item ul{padding-top: 5px;padding-bottom: 10px;display: none;}
.xs_nav  .nav-item ul li{padding-left: 30px;line-height: 30px;}
.xs_nav  .nav-item ul li a{line-height: 30px;color: #333333;}


/*搜索*/
.sh_bkg{ position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.8); display:none;}
.sh_box{ position:fixed; left:50%; margin-left:-390px; top:50%;margin-top:-94px; z-index:2001; width:780px; display:none;text-align: center;}
.sh_box .stxt{ float:left; display:block; width:675px; height:88px; line-height:88px; padding:0px 20px; border:0;background: #FFFFFF;}
.sh_box .sbtn{ float:left; display:block; width:105px; height:88px; line-height:88px; text-align:center; color:#FFF; background:#002b62 url(../images/index_04.png) center center no-repeat; border:0; cursor:pointer;}
.sh_box form{width: 100%; overflow: hidden;}
.sh_box .box{text-align:center;overflow:hidden;}
.sh_box .close{ position:relative; width:80px; height:80px;float:none;margin:0px auto; cursor:pointer;margin-bottom:20px;}
.sh_box .close:before,.sh_box .close:after{ content:""; display:block; width:80px; height:1px; background-color:#FFF; position:absolute; left:0px; top:40px;}
.sh_box .close:before{ transform:rotate(45deg);}
.sh_box .close:after{ transform:rotate(-45deg);}

/*焦点图*/
.banner{width: 100%;z-index: 0;position: relative;}
#t-ban{text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
        -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}  
#t-ban .swiper-slide{position: relative;}
#t-ban .swiper-slide .con_box{position: absolute;top: 0px;left: 0px;transition: all linear .3s;}
#t-ban .swiper-slide img{width: 100%;  max-width: 100%;height: auto;}  
#t-ban .swiper-slide .con_box{top: 26%;left: 260px;opacity: 0;filter: alpha(opacity=0);text-align: left;}
#t-ban .swiper-slide .con_box .title{font-size: 60px;color: #002b62;font-weight: bold;margin-bottom: 20px;}
#t-ban .swiper-slide .con_box .desc{font-size:25px; color: #414141;text-align: left;margin-bottom: 40px; }
#t-ban .swiper-slide .con_box .more{height: 49px;text-align: center;display: block;}
#t-ban .swiper-slide .con_box .more img{width: auto; height: 100%;display: block;transition:all 220ms linear;}
#t-ban .swiper-slide .con_box .more img:hover{transform:scale(1.05);}
#t-ban .swiper-slide .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 160px;}

#t-ban .swiper-pagination{position:absolute;width:29px; top:50%;left:initial; right:60px;}
#t-ban .swiper-pagination-bullet{display:block;width: 29px;height: 2px;opacity:1; transition: all linear .3s;position:relative;margin-bottom:18px;background:none;}
#t-ban .swiper-pagination-bullet::after{content:"";width:17px;height:2px;background:#1b3685;position:absolute;right:0px;top:0px;transition:all 220ms linear;}
#t-ban .swiper-pagination-bullet-active{}
#t-ban .swiper-pagination-bullet-active::after{width:29px;background:#fff;}

#t-ban .swiper-button-prev,#t-ban .swiper-button-next{width:40px;height: 40px;margin-top: -20px;border-radius: 20px;}
#t-ban .swiper-button-prev,#t-ban .swiper-button-next{background-color: rgba(0,0,0,.2);background-image: none;transition: all linear 0.3s;}
#t-ban .swiper-button-prev:hover,#t-ban .swiper-button-next:hover{background-color: rgba(0,0,0,.9);}
#t-ban .swiper-button-prev i,#t-ban .swiper-button-next i{display: block;width: 40px;height: 40px;line-height:40px; font-size: 20px;font-family: simhei;text-align: center;color: #FFFFFF; transition: all linear 0.5s;}

#t-ban .swiper-button-prev:hover { background: #1b5696; }
#t-ban .swiper-button-next:hover { background: #1b5696; }

#t-ban .swiper-slide:nth-child(2) .con_box{left:70%;top:42%;}
#t-ban .swiper-slide:nth-child(2) .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 60%;}
#t-ban .swiper-slide:nth-child(2) .con_box .desc{font-size:40px;color:#5a5f61;font-weight:lighter;}

#t-ban .swiper-slide:nth-child(4) .con_box{left:70%;top:42%;}
#t-ban .swiper-slide:nth-child(4) .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 62%;}
#t-ban .swiper-slide:nth-child(4) .con_box .desc{font-size:40px;color:#5a5f61;font-weight:lighter;}


.serve-index{
    background: #f5f5f5;
    padding:18px 0;
}
.serve-index-z .des{
    width: 90px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ff9000;
    position: relative;
    margin-right: 30px;
}
.serve-index-z .des::before{
    width: 9px;
    height: 12px;
    background: url('../images/serve-index-ico.png') no-repeat center top;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -8px;
    display: block
}
.serve-index-z .des b{
    display: block;
    font-family: 'ms serif';
    font-size: 19px;
    color: #ff9000;
    line-height: 20px;
}
.serve-index-z .des span{
    color: #ff9000;
    font-size: 14px;
    line-height: 16px;
}
.serve-index-z p{
    display: inline-block;line-height: 36px;
}
.serve-index-z p a{
    color: #4d4d4d;
    font-size: 14px;
    margin-right:15px;
}
.serve-index-z p a:hover{
    color: #0061af
}
.serve-btn .submit{
    width: 20px;
    height: 20px;
    background: url(../img/ss.png) no-repeat center top;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}
.serve-btn .text{
    font-size: 14px;
    width: 200px;
}
.serve-btn label{
    width: 300px;
    line-height: 38px;
    border-radius: 20px;
    border: 1px solid #d2d2d2;
    height: 38px;
    display: block;
    box-sizing: border-box;
    padding: 0 20px
}


/*首页产品中心*/
.index_pro_box{width: 100%;background: url(../images/index_pro_bg.jpg) center center no-repeat;background-size: 100% 100%;}
.index_pro_box .content{padding-top:192px;overflow: hidden;}
.index_pro_box .pro_swiper_box{overflow: hidden;position: relative;}
.index_pro_box .info_box{width: 27%;float: left;}
.index_pro_box .info_box .box{padding-left:20%;padding-right: 10%;}
.index_pro_box .info_box .title{font-size: 35px;font-weight: bold;color: #002b62;margin-bottom: 10px;}
.index_pro_box .info_box .en_title{font-size: 33px;color: #dcdcdc;font-weight: bold;margin-bottom: 15px;}
.index_pro_box .info_box .icon{margin-bottom: 40px;}
.index_pro_box .info_box .desc{font-size: 16px;color: #181818;line-height: 40px;margin-bottom: 40px;}
.index_pro_box .info_box .page_box{}
.index_pro_box .info_box .page_box .more{margin-right: 20px; display: inline-block;vertical-align: top;width: 50px;height: 50px;position: relative;}
.index_pro_box .info_box .page_box .more::after{content: "";width: 100%;height: 100%;background: url(../images/index_pro_arr_01.png) center center no-repeat;background-size: 100%;position: absolute;top: 0px;left: 0px;}
.index_pro_box .info_box .page_box .more::before{animation: rotating 6s linear infinite; content: "";width: 100%;height: 100%;background: url(../images/index_pro_arr_02.png) center center no-repeat;background-size: 100%;position: absolute;top: 0px;left: 0px;}

.index_pro_box .info_box .progress_box{width: 50px;height:50px;display: inline-block;vertical-align: top;position: relative;}

.index_pro_box .info_box .swiper-pagination{height: 12px;padding: 19px 0px;display: inline-block;vertical-align: top;}
.index_pro_box .info_box .swiper-pagination span{width: 12px;height: 12px;background: #8a8a8a;opacity: 1;margin: 0px 4px;}
.index_pro_box .info_box .swiper-pagination span.swiper-pagination-bullet-active{background: #c79f58;}

.index_pro_box .pro_swiper_box{width: 73%;padding-right: 20px;box-sizing: border-box; float: right;overflow: hidden;}
.index_pro_box .pro_swiper_box .swiper-slide .box{position: relative;}
.index_pro_box .pro_swiper_box .swiper-slide .img_box{overflow:hidden;}
.index_pro_box .pro_swiper_box .swiper-slide .img_box img{width: 100%;height: auto;display: block;transition:all 220ms linear;}
.index_pro_box .pro_swiper_box .swiper-slide:hover .img_box img{transform:scale(1.1);}
.index_pro_box .pro_swiper_box .swiper-slide .box .con_box{width: 100%;text-align: center; position: absolute;bottom: 0px;left: 0px;}
.index_pro_box .pro_swiper_box .swiper-slide .box .con_box .line{width: 22px;height: 2px;background: #c9a25d;margin: 0px auto;margin-bottom: 15px;}
.index_pro_box .pro_swiper_box .swiper-slide .box .con_box .title{text-align: center;font-size: 17.6px;line-height: 38.7px;color: #111111;margin-bottom: 30px;}

.index_pro_box .pro_swiper_box .swiper-slide:hover .box .con_box .title{color:#002b62;}

.index_pro_box .pro_swiper_box .swiper-slide .box .tools{visibility: hidden;opacity: 0;filter: alpha(opacity=0); background: rgba(18,58,109,0.9);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all .3s linear;}
/*.index_pro_box .pro_swiper_box .swiper-slide .box:hover .tools{visibility: visible;opacity: 1;filter: alpha(opacity=100); }*/
.index_pro_box .pro_swiper_box .swiper-slide .box .tools .item{box-sizing: border-box; width: 50%;height: 50%;float: left;display: table;transition: all .3s linear;}
.index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:hover{background: rgba(18,58,109,0.95);}
.index_pro_box .pro_swiper_box .swiper-slide .box .tools .item a{display: table-cell;vertical-align: middle;text-align: center;}
.index_pro_box .pro_swiper_box .swiper-slide .box .tools .item .title{font-size: 14px;color: #FFFFFF;}

.index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:nth-child(1){border-right: 1px solid #FFFFFF;}
.index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:nth-child(3){border-right: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;}
.index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:nth-child(4){border-top: 1px solid #FFFFFF;}

.index_pro_box .more_box{width: 100%;float: left;text-align: right;padding: 60px 0px;}
.index_pro_box .more_box .title{height: 50px;line-height: 50px;vertical-align: top;display: inline-block;margin-right: 20px;}
.index_pro_box .more_box .title a{font-size: 14px;color: #323232;font-weight: bold; text-decoration: underline;}
.index_pro_box .more_box .icon{height: 50px;line-height: 50px;vertical-align: top;display: inline-block;}


/*首页关于我们板块*/
.index_about_box{width: 100%;height: 910px;overflow: hidden;}
.index_about_box .content{overflow: hidden;}
.index_about_box .left_box{width: 38%;float: left;}
.index_about_box .left_box .con_box{height: 532px; background: #002b62;color: #FFFFFF;display: flex;align-items: center;}
.index_about_box .left_box .con_box .c_box{width: 80%;margin: 0px auto;}
.index_about_box .left_box .con_box .title{font-size: 40px;color: #FFFFFF;}
.index_about_box .left_box .con_box .line{width: 49px;height: 3px;margin: 36px 0px; background: #c39c54;}
.index_about_box .left_box .con_box .desc{font-size:15px;color: #FFFFFF;line-height: 35px;}
.index_about_box .left_box .con_box .more{transition:all .3s linear; display: block;border: 2px solid #716d5a;box-sizing: border-box; width: 183px;height: 58px;line-height: 58px;font-size: 14px;color: #FFFFFF; border-radius: 29px; text-align: center;margin-top: 70px;}
.index_about_box .left_box .con_box .more:hover{background:#ddb875;border-color:#ddb875;}
.index_about_box .left_box .img_box{position:relative;  height: 378px;background: url(../images/index_about_l_01.jpg) center center no-repeat; background-size:auto 100%; }
.index_about_box .left_box .img_box img{  visibility: hidden;opacity: 0;filter: alpha(opacity=0);}

.index_about_box .left_box .img_box.item1 .info_box{transition:all .3s linear; width:100%;height: 100%;position: absolute;top: 0px;left: 0px;}
.index_about_box .left_box .img_box.item1 .info_box .tit{transition:all .3s linear; position: absolute; opacity:0;filter:alpha(opacity=0); left: 20px; bottom: 0px;width: 100%;padding: 0px 25px; height: 100px;line-height: 100px;font-size: 27px;color: #FFFFFF;}
.index_about_box .left_box .img_box.item1:hover .info_box{background:rgba(0,0,0,0.5);}
.index_about_box .left_box .img_box.item1:hover .info_box .tit{left:0; opacity:1;filter:alpha(opacity=100);}

.index_about_box .right_box{width: 62%;float: right;}
.index_about_box .right_box .item{overflow: hidden;height: 455px;overflow:hidden;}
.index_about_box .right_box .item .img_box{position:relative; width:calc(100% - 406px);height: 100%; float: left;background: url(../images/index_about_r_01.jpg) center center no-repeat; background-size:auto 100%;}
.index_about_box .right_box .item .img_box img{visibility: hidden;opacity: 0;filter: alpha(opacity=0);}

.index_about_box .right_box .item .img_box.item2 .info_box{transition:all .3s linear; width:100%;height: 100%;position: absolute;top: 0px;left: 0px;}
.index_about_box .right_box .item .img_box.item2 .info_box .tit{transition:all .3s linear; position: absolute; opacity:0;filter:alpha(opacity=0); left: 20px; bottom: 0px;width: 100%;padding: 0px 25px; height: 100px;line-height: 100px;font-size: 27px;color: #FFFFFF;}
.index_about_box .right_box .item .img_box.item2:hover .info_box{background:rgba(0,0,0,0.5);}
.index_about_box .right_box .item .img_box.item2:hover .info_box .tit{left:0; opacity:1;filter:alpha(opacity=100);}


.index_about_box .right_box .item .con_box{height: 100%;width: 406px; float:left;position: relative;}
.index_about_box .right_box .item .con_box .bg{width: 100%;height: 100%;}
.index_about_box .right_box .item .con_box .bg img{width: 100%;height: 100%;display: block;}
.index_about_box .right_box .item .con_box .info_box{transition:all .3s linear; width:100%;height: 100%;position: absolute;top: 0px;left: 0px;}
.index_about_box .right_box .item .con_box .info_box .tit{transition:all .3s linear; position: absolute; opacity:0;filter:alpha(opacity=0); left: 20px; bottom: 0px;width: 100%;padding: 0px 25px; height: 100px;line-height: 100px;font-size: 27px;color: #FFFFFF;}

.index_about_box .right_box .item .con_box.item3:hover .info_box .tit{left:0; opacity:1;filter:alpha(opacity=100);}
.index_about_box .right_box .item .con_box.item3:hover .info_box{background:rgba(0,0,0,0.5);}

.index_about_box .right_box .item.jyln .img_box{background: url(../images/index_about_r_04.jpg) center center no-repeat;}


.index_about_box .right_box .item.jyln .img_box.item4 .info_box{transition:all .3s linear; width:100%;height: 100%;position: absolute;top: 0px;left: 0px;}
.index_about_box .right_box .item.jyln .img_box.item4 .info_box .tit{transition:all .3s linear; position: absolute; opacity:0;filter:alpha(opacity=0); left: 20px; bottom: 0px;width: 100%;padding: 0px 25px; height: 100px;line-height: 100px;font-size: 27px;color: #FFFFFF;}
.index_about_box .right_box .item.jyln .img_box.item4:hover .info_box{background:rgba(0,0,0,0.5);}
.index_about_box .right_box .item.jyln .img_box.item4:hover .info_box .tit{left:0; opacity:1;filter:alpha(opacity=100);}

.index_about_box .right_box .item.jyln .con_box .info_box{width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0px;left: 0px;display: flex;align-items: center;}
.index_about_box .right_box .item.jyln .con_box .info_box .box{padding: 0px 10%;}
.index_about_box .right_box .item.jyln .con_box .info_box .w_top{margin-bottom: 100px;}
.index_about_box .right_box .item.jyln .con_box .info_box .w_btm{}
.index_about_box .right_box .item.jyln .con_box .info_box .icon img{width: auto; height: 100%;display: block;}
.index_about_box .right_box .item.jyln .con_box .info_box .title{font-size: 29px;color: #ffffff;font-weight: bold;}
.index_about_box .right_box .item.jyln .con_box .info_box .line{width: 30px;height: 3px;background: #FFFFFF;margin: 20px 0px;}
.index_about_box .right_box .item.jyln .con_box .info_box .desc{font-size: 15px;color: #ffffff;line-height: 30px;}




/*人才提交表单*/
.jbs_tb_1{ margin-left:250px;margin-bottom: 60px;}
.jbs_tb_1 th{ text-align:right; font-weight:bold; padding-right:10px; font-size:14px; font-weight:bold;}
.jbs_txt{ width:300px; height:40px; border:1px solid #CCCCCC; font-size:15px; line-height:40px; padding:0 5px;background: #FFFFFF;margin: 10px 0px;}
.jbs_txt:focus{ border:1px solid #002b62;}
.jbs_txtarea{ width:500px;margin-top: 10px; height:150px; border:1px solid #CCCCCC; font-size:15px; padding:5px;background: #FFFFFF;}
.jbs_txtarea:focus{ border:1px solid #002b62;}
.jbs_age{ width:80px;}
.jbs_tel{ width:150px;}
.jbs_hong{ color:#f00;}
.jbs_submit{width: 120px; height:40px; text-align:center; margin: 10px auto; line-height:40px; color:#333333; font-size:15px; font-weight:bold; border:0px; cursor:pointer; background:#cbcccc;}
.jbs_submit:hover{ background:#002b62; color:#FFF;transition: all .4s linear 0s;}

.jobsub_box{width: 500px;margin: 40px auto;}
.jobsub_box .item{overflow: hidden;text-align: center;}
.jobsub_box .item .title{width: 20%;text-align: right;line-height:40px;float: left;}
.jobsub_box .item .input{width: 80%;line-height: 40px; float: right;text-align: left;}
.jobsub_box .item .input .jbs_txt{width: 90%;}
.jobsub_box .item .input .jbs_txtarea{width: 90%;}
.jobsub_box .item .input .jbs_age{width: 100px;}

.index-about{margin-top:80px}
.index-about-l{width:580px;float:left;position:relative;}
.about-l-tit{position:absolute;left:0;top:0;background:#2c6b76;color:#fff;padding:10px 25px}
.about-l-tit h1{font-size:24px;font-weight:bold;line-height:50px;}
.about-l-tit span{font-size:14px;padding-bottom:12px;display:block}
.index-about-l img{width:580px;height:365px;}
.about-l-con{background:#f8f8f8;padding:18px 24px;}
.about-l-conl{width:400px;float:left;font-size:14px;line-height:26px;color:#333}
a.about-l-conr{width:116px;height:34px;line-height:34px;border-radius:15px;background:#2c6b76;display:block;float:right;color:#fff;text-align:center;margin:22px 0;    transition: all 320ms linear;}
a.about-l-conr:hover{background:#f58220}

.news-r{width: 780px;float: left;margin-left: 38px;}
.new_con {margin: 0 auto;}

.newtel {
	height: 58px;
	font-size: 16px;
	color: #333;font-weight:bold;background:#f8f8f8
}

.new_telst {
	width: 550px;
	position: relative;
	text-align: center;float:left
}

.new_telst li {
	width: 166px;
	line-height:58px;
	text-align: center;
	float: left;
	display: inline;color:#fff;
	cursor: pointer;font-size: 16px;background:#2c6b76
}

.new_telst li.newon {
	color: #fff;background: url(../img/ico2.png) 30px center no-repeat #f58220;padding-left:10px
}
a.news-more{width:30px;height:30px;border-radius:50%;background:#2c6b76;display:block;float:right;margin:14px;;color:#fff;text-align:center;line-height:22px}
a.news-more:hover{background:#f58220}

.new_telst p {
	position: absolute;
	top: 32px;
	left: 0px;
	width: 166px;
	height: 7px;
	border-top: 3px solid #217af0;
	overflow: hidden;
	text-align: center;
}

.new_telst b {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -3px;
	border-style: solid dashed dashed dashed;
	border-width: 9px;
	border-color: #217af0 #fff #fff #fff;
	overflow: hidden;
	zoom: 1;
	font-size: 0;
}

.new_lst {
	height:425px;
	position: relative;
	overflow: hidden;
	display: none;
}

.new_lst ul {
	position: absolute;
	left: 0px;
}

.new-wrap {

}

.new-wrap .show {
	display: block;
}

li.new_cnlf {
	width: 370px;
	float: left;
}

li.new_cnlf p {
	width: 100%;
}

p.newlf_tel a {
	color: #217af0;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	display: block;
}

p.newlf_tel a:hover {
	color: #C33
}

p.newlf_tx {
	font-size: 14px;
	line-height: 26px;
	color: #999;
	height: 105px;
	overflow: hidden;
}

li.new_cnrf {
	float: right;
	margin-top:20px;margin-left:10px;
}

.newrf_lst dd {
	height: 84px;
	float: left;
border-bottom:1px dashed #ccc;padding-bottom:14px
}
.newrf_lst dd:hover a{color:#2c6b76;}

p.new_rq {
	    width: 140px;
    /* height: 65px; */
    /* background: #969393; */
    float: right;
    text-align: right;
    color: #999;
    margin-top: 65px;
    /* margin-left: 10px; */
    /* margin-right: 15px; */
    font-family: Arial, Helvetica, sans-serif;padding-right:12px
}

p.new_rq span {
	display: block;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	line-height: 35px;
	padding-top: 5px;
}

p.newrf_tx {
	float: left;
	margin-top: 8px;width:600px;
}

p.newrf_tx a {
	color: #333;
	font-size: 18px;
	display: block;
	line-height:44px;font-weight:bold;width: 550px;
}

p.newrf_tx span {
	display: block;
	font-size: 12px;
	color: #999;
	height: 30px;
	overflow: hidden;line-height:30px;overflow:hidden; white-space: nowrap;
    text-overflow: ellipsis;
}


.mr0 {
	margin-right: 0px;
}

.right-pendant {
	position: fixed;
	top: calc(50% + 45px);
	transform: translateY(-50%);
	right:0px;
	z-index: 20;
}

.right-pendant ul {
	background-color: #fff;
	border-radius: 4px;
	/* box-shadow: 0px 0px 29px 0px rgba(67, 112, 254, 0.57); */
}

.right-pendant ul li:first-child {
	border-radius: 4px 4px 0 0;
}

.right-pendant ul li:last-child {
	border-radius: 0 0 4px 4px;
}

.right-pendant ul li {
	position: relative;
	width: 83px;
	height: 70px;
	background-color: #2c6b76;
	color: #fff;
	text-align: center;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1px;
}

.right-pendant ul li:hover {
	background-color: #2c6b76;
}

.right-pendant ul li a {
	color: #fff;
}

.right-pendant ul li span.iconfont {
	font-size: 26px;
}

.right-pendant .inner {
	position: absolute;
	top: 50%;
	background-color: #2c6b76;
	right: 103px;
	transform: translateY(-50%)translateX(103px);
	transition: all 0.6s;
	z-index: -1;
	opacity: 0;
	box-shadow: 0px 11px 43px 0px rgba(0, 153, 231, 0.43);
	/* display: none; */
}
.right-pendant .telMessage {
	border-radius: 6px 0 0 6px;
	width: 230px;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
}

.right-pendant .telMessage .icon.iconfont {
	font-size: 26px;
	vertical-align: middle;
	padding-left: 18px;
}

.right-pendant .wechat {
	width: 166px;
	height: 182px;
	background-color: #2c6b76;
	padding: 15px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1;
}

.right-pendant .wechat img {
	max-width: 100%;
	margin-bottom: 14px;
	height: 120px;
}

.right-pendant ul li:hover .inner {
	display: block;
	transform: translateX(0)translateY(-50%);
	opacity: 1;
}





.gotop{width:46px;height:46px;background:url(../img/gotop.png) center center no-repeat #f58220;position:fixed;bottom:0px;right:0px; cursor:pointer;}



.n_banner{    width: 100%;
    margin: 0 auto;}
.n_banner img{    width: 100%;
    margin: 0 auto;
}

.ny-main{margin-bottom:50px}
.xg_crumbs{margin:10px 0 20px;color:#999;border-bottom:1px dashed #ccc;line-height:40px}
.xg_crumbs a{color:#999;}

.row-menu{background:#f8f8f8;padding:10px 0;margin:20px 0;}
.row{}
.row .call-one{width:350px;float:left}
.row .call-one p{font-size:20px;color:#333;line-height:34px;}
.row .call-one .xg_html h1{margin-top: 20px;color: #999999;font-size: 28px;font-weight: bold;text-align: left;}
.row .call-one i{font-size:14px;color:#666;line-height:30px;}
.row .call-one .xg_html span{font-size:14px;color: #999999}

.call-two{width:350px;float:left;padding-top:20px}
.xg_img img{width:50px;height:50px;display:block;margin:0 auto;padding-bottom:14px}
.tel-c{color:#999;text-align:center;padding:0 30px;font-size:12px;line-height:24px;}

.ny-content{line-height:28px;}

.about-t h1{font-size:22px;line-height:40px;}
.about-t span{font-size:14px;line-height:40px;color:#ccc;font-weight:normal;padding-left:12px;text-transform: uppercase;}
.about-one{background:#f8f8f8;padding:20px 0;margin:10px 0}
.about-two{margin:30px 0}

/* .ny-news-list1 .list{ float:right; } */
.ny-news-list1 .list li{ width:1012px;background-color:#fff; padding:20px; border-bottom:1px dashed #ccc;height:110px;}
.ny-news-list1 .list li:hover{background:#f8f8f8}
.ny-news-list1 .list li:hover .content h2 a{color:#f58220;}
.ny-news-list1 .list li .date{width:68px; height:58px; text-align:center; background-color:#2c6b76;float:right; padding-top:10px;margin-top:20px;}
.ny-news-list1 .list li .date .ri{ font-size:20px; font-weight:bold; color:#fff;line-height: 32px; }
.ny-news-list1 .list li .date span{ font-size:12px;  font-weight:normal; display:block; color:#fff;}
.ny-news-list1 .list li .content{ float:left; width:900px; line-height:14px;}
.ny-news-list1 .list li .content h2{ margin-bottom:8px;}
.ny-news-list1 .list li .content h2 a{font-size:18px;color:#535353;display:block;line-height:40px;}
.ny-news-list1 .list li .content p{ font-size:12px; color:#a0a0a0; line-height:22px;}



.pagination-wrapper{
	margin: 40px 0;

}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
	font-size:14px;width: auto;
}
.pagination li a {
	float: left;
	display: block;
	height:35px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 14px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}
.pagination li a:hover {
	background:#f5f5f5;
	
}
.pagination li.thisclass {

	color: #305790;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover {
	background: transparent;
	color: #305790;
	cursor: default;
}

#bodycontent{width:1010px;color:#333 }
.news_content_title{text-align:center;border-bottom:1px dashed #ccc;padding-bottom:12px;}
.news_content_title h1{font-size:20px; text-align:center; line-height:3;}
.news_content_title h4{font-size:14px; line-height:2;font-weight:normal}

.news_content_body{text-align:left; margin-top:20px; line-height:2; font-size:14px;}
.news_prev{text-align:left; line-height:3; margin-top:30px;}
.news_prev a, .news_next a{color:#999}


.ny-pro-list{width:1040px;float:right}

.propic_show_right{width:560px;float: left; margin-left:40px; text-align:left; padding-top:20px; position:relative; font-size:14px; line-height:32px; font-family:"Microsoft YaHei"; }
.propic_show_right span{color:#c01110;}
.propic_show_piclist{ position:absolute; left:-405px; bottom:-80px;}
.propic_show_piclist li{width:82px;  float:left;}
.propic_show_piclist li img{width:75px; border:1px solid #ccc; padding:1px;}
.pro_detail_title{height:30px; border-bottom:1px dashed #ddd; margin-bottom:-20px; padding-bottom:10px; font-size:20px; display:block; line-height:30px; color:#333;}

.ny-pro-list-d{margin:20px 0}
.ny-pro-list-d h2{height:44px;line-height:44px;background:#2c6b76;color:#fff;font-size:20px;padding-left:12px;margin:10px 0}
.proshow{padding:10px;line-height:28px;}

.preview {
	width:400px;
	height:440px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	border-top:1px solid #CCCCCC;position:relative;float:left
	
}


.preview img {
	max-width: none;
	
}




/* smallImg*/
.smallImg {
	position:relative;
	height:56px;
	margin-top:1px;
	background-color:#F1F0F0;
	padding:5px 0px;
	width:400px;
	overflow:hidden;
	float:left;
}
.scrollbutton {
	width:14px;
	height:50px;
	overflow:hidden;
	position:relative;
	float:left;
	cursor:pointer;
}
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled {
	background:url(../images/d_08.png) repeat;


}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled {
	background:url(../images/d_09.png) repeat;
	margin-left:385px;
	margin-top:-56px;
}


#imageMenu {
	height:56px;
	width:360px;
	overflow:hidden;
	margin-left:0;
	float:left;
}
#imageMenu li {
	height:56px;
	width:60px;
	overflow:hidden;
	float:left;
	text-align:center;
}
#imageMenu li:first-child {
	margin-left:10px;
}
#imageMenu li img {
	width:50px;
	height:50px;
	cursor:pointer;
}




#imageMenu li#onlickImg img, #imageMenu li:hover img {
	width:50px;
	height:50px;

}


/* bigImg*/
.bigImg {
	position:relative;
	float:left;
	width:400px;
	height:375px;
	overflow:hidden;
}
.bigImg #midimg {
	width:400px;
	height:375px;
}
.bigImg #winSelector {
	width:235px;
	height:210px;
}
#winSelector {
	position:absolute;
	cursor:crosshair;
	filter:alpha(opacity=15);
	-moz-opacity:0.15;
	opacity:0.15;
	background-color:#000;
	border:1px solid #fff;
}
/* bigView*/
	#bigView {
	position:absolute;
	border: 1px solid #959595;
	overflow: hidden;
	z-index:999;
	left:450px !important;
	top:0px !important;
}
#bigView img {
	position:absolute;
	max-width: none;

}

.linkbox{
	padding:10px 8px;
	border-bottom:1px solid #EEE;
}
.linkbox h3,.linkbox h3 a{
	font-size:18px;
	color:#333;line-height:38px;
}
.f6{/* 链接横排自适应列表 */
	width:100%;
	overflow:hidden;
	clear:both;
}
.f6 li{
	float:left;
	line-height:24px;
	padding:8px 30px 0 0;
	white-space:nowrap;
}
.f6 li a{
	color:#666666;
	float:left;
}
.f6 li:hover a{color:#f58220}





.ui-btn {
    display: inline-block;
    padding: 6px 12px;
    line-height: 18px;
    border: 1px solid #ff6d01;
    border-radius: 3px;
    color: #ff6d01;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.layout-wrap {
    position: relative;
    margin: 0 auto;
}

.browser-tip p {
    text-align: center;
    color: #fff;
}

.mod-topbar {
    height: 28px;
    background: #666;
    padding: 6px 0;
    font-size: 12px;
    line-height: 16px;
    color: #a1a1a1;
    position: relative;
    z-index: 100;
}

.mod-topbar a {
    color: #fff;
    padding: 0 10px;
}

.mod-topbar .login, .mod-topbar .user-info {
    float: right;
}

.mod-topbar .user-info a {
    border-left: 1px solid #999;
}

.mod-topbar .user-info a:first-child {
    border-left: none;
}

.mod-topbar .user-info a:hover {
    color: #fff;
}

.mod-header, .mod-header .logo a, .mod-header .logo .logo-img, .mod-header .nav, .mod-header .nav-start-btn {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.mod-header {
    border-bottom:1px solid #ccc;
    z-index:999;
        position: fixed;
    font-size: 15px;
    top: 105px;
    height: 78px;width: 100%; 
}

.mod-header .logo {
    padding: 18px 0;
    width: 360px;
    overflow: hidden;
}

.mod-header .logo a {
    display: block;
    height: 56px;
    text-decoration: none;
    line-height: 56px;
}

.mod-header .logo .logo-img {
    height: 56px;
    width: 98px;
    vertical-align: middle;
}


.mod-header .nav {
    line-height:78px;
}

.mod-header .nav > li {
    float: left;
    position: relative;
    width:140px;
    z-index: 1100;
}

.mod-header .nav > li.active > a, .mod-header .nav > li.active > a:hover {
    color: #fff !important; 
    background:#2c6b76;
}

.mod-header .nav > li > a:hover {
    color: #ff6d01;
}

.mod-header .nav .sub-nav {
    opacity: 0;
    display: none;
    filter: alpha(opacity=0);
    top: 104px;

    width:140px;
    border-top: 2px solid #f58220;
    background: #f9f9f9;
    z-index: 1000;
}



.mod-header .nav .sub-nav > li > a {
    display: block;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #fff;
    color: #333;line-height:60px;
    text-decoration: none;background:#f5f5f5;
}

.mod-header .nav .sub-nav > li > a:hover {
    color: #fff;
    background: #f58220;
    border-top-color: #f58220;
}

.mod-header .nav > .new:after {
    content: "æ–°";
    text-align: center;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f00;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 9px;
}

.mod-header .nav-start-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 20px;
    margin: 24px 0;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}

.is-fixed.mod-header {
    position: fixed;
    top: 0;
    height: 78px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.is-fixed.mod-header .logo {
    padding: 0 20px;
}

.is-fixed.mod-header .logo-img {
    height: 39.2px;
    width: 68.6px;
    margin-left: 30px;
}

.is-fixed.mod-header .nav li a{
    color:#333
}

.is-fixed.mod-header .nav-start-btn {
    margin: 6px 0;
}

.ui-art, .ui-arb {
    position: relative;
    display: inline-block;
    height: 0;
    width: 0;
    line-height: 0;
    overflow: hidden;
    border-width: 4px;
    border-style: dashed dashed solid;
    border-color: transparent;
}

.mod-header .nav > li > a {
    display: block;
    height:78px;
    font-size: 16px;
    line-height:78px;
    color: #fff;font-weight:bold;
    text-decoration: none;text-align: center;
}
.mod-header .nav > li:hover > a {background:#2c6b76;color:#fff !important }
.ui-arb {
    border-color: #888 transparent transparent;
    top: 2px;
}

.ui-arb {
    -webkit-transition: -webkit-transform 0.2s 0.2s;
    -moz-transition: -moz-transform 0.2s 0.2s;
    transition: transform 0.2s 0.2s;
}
.ui-arb.open {
    -webkit-transform: translateY(-4px) rotate(180deg);
    -moz-transform: translateY(-4px) rotate(180deg);
    transform: translateY(-4px) rotate(180deg);
}