/* CSS Document */
* { margin:0; padding:0 }
*:focus {outline: none }

html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size:62.5%; /* 10÷16=62.5% */
    width:100%;
    height:100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;    
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased; 
    -moz-font-smoothing:antialiased; 
    font-smoothing:antialiased;
}
body { 
    font-family: "Microsoft Yahei","微软雅黑", webfont, "PingFang SC",   "黑体" ,"宋体", Helvetica, Arial, sans-serif;
    font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */
    font-weight:400;
    line-height:160%; 
    color:#000; 
    background: #fff; 
    height:100%
}

em, q, cite, address { font-weight:400; font-style:normal }
h1, h2, h3, h4, h5, h6 { font-weight:400 }
address { display:inline }
img { border:none }
li { list-style:none }
q { quotes:none }
strong { font-weight:bold }
table { border-collapse:collapse }
th { text-align:left; font-weight:400 }
small { -webkit-text-size-adjust:none; font-size:10px }
i { font-style:normal } 

::selection { background-color:#044359; color:#fff }
::-moz-selection { background-color:#044359; color:#fff }

/* link */
a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
a:hover { color:#187698 }

.a01, a.a01, .a01 a { color: #666 }
a:hover .a01, a.a01:hover, .a01 a:hover { color:#187698 }

.a02, a.a02, .a02 a { color: #333 }
a:hover .a02, a.a02:hover, .a02 a:hover { color:#187698 }

.a03, a.a03, .a03 a { color: #999 }
a:hover .a03, a.a03:hover, .a03 a:hover { color:#187698 }

/* clear float */
.cf { zoom:1 } /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */
/* end of clear float */

/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }
/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }

.cursor_pointer { cursor:pointer }
.cursor_default { cursor:default }

/* form */
label { cursor:pointer }
label:hover { text-decoration:underline }
input, select, textarea { vertical-align:middle; color:#000; font-family: "Microsoft Yahei","微软雅黑" ,'webfont', "PingFang SC", "黑体" ,"宋体", Helvetica, Arial, sans-serif ; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"], input[type="password"], select { height: 40px; line-height: 40px; border: 1px solid transparent; background: rgba(255,255,255,0.8); padding:0 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none }
input[type="text"]:focus, input[type="password"]:focus { border: 1px solid #fff; background: rgba(255,255,255,0.5) }
input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box }
textarea { border: 1px solid #88a5bf; background: transparent; padding:10px }
textarea:focus { border: 1px solid #fff }
button { cursor:pointer; vertical-align:middle; text-align:center; font-family:"Microsoft Yahei","微软雅黑" , 'webfont', "PingFang SC",  "黑体" ,"宋体", Helvetica, Arial, sans-serif ; }
select::-ms-expand { display: none; }

/*-------------------结构-------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, time { display:block }
.cd-main-content { width:100%; height: 100% }
.container { margin-right:auto; margin-left:auto }
.container:before, .container:after { content:" "; display:table }
.container:after { clear: both }

.nd-con p{color: #666;}
.nd-con img {max-width: 100%;}
/*-------------------手机端菜单-------------------*/
#cd-lateral-nav { display: none }

/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!important; top: 0!important; margin-top: 0!important }
.poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.poabsolute-w50 { position:absolute; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.poabsolute-t { position:absolute; top:0 }
.poabsolute-b { position:absolute; bottom:0 }

.top0 { top:0!important }
.left0 { left:0!important }
.right0 { right:0!important }
.bottom0 { bottom:0!important }
.zindex2 { z-index:2 }
.zindex3 { z-index:3 }
.overhidden { overflow:hidden }

/*-------------------通用圆角-------------------*/
.border-radius5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
.border-radius10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px }
.border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% }

/*-------------------透明度-------------------*/
.opacity0 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 }
.opacity0_1 { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 }
.opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 }

/*-------------------字体颜色、样式、字体间距-------------------*/
@font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/webfont_oig8v9rqfzj.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_oig8v9rqfzj.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_oig8v9rqfzj.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_oig8v9rqfzj.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_oig8v9rqfzj.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}

.iconfont { line-height: 1em }
.fa-0_6x { font-size: 0.6em!important; -webkit-transform: scale(0.8) }
.fa-0_8x { font-size: 0.8em!important }
.fa-1x { font-size: 1em!important }
.fa-1_2x { font-size: 1.2em!important }
.fa-1_6x { font-size: 1.6em!important }
.fa-1_8x { font-size: 1.8em!important }
.fa-2x { font-size: 2em!important }
.fa-2_4x { font-size: 2.4em!important }
.fa-3x { font-size: 3em!important }
.fa-4x { font-size: 4em!important }
.fa-5x { font-size: 5em!important }
.fa-6x { font-size: 6em!important }

.font-bold { font-weight: bold }
.font-thin { font-weight: 300 }

.italic { font-style: italic }
.text-indent { text-indent: 2em }
.white-space { white-space:nowrap }
.letter-spacing4 { letter-spacing:4px }
.letter-spacing8 { letter-spacing:8px }
.letter-spacing16 { letter-spacing:16px }
.letter-spacing32 { letter-spacing:32px }
.tcenter .letter-spacing4 { margin-right: -4px }
.tcenter .letter-spacing8 { margin-right: -8px }
.tcenter .letter-spacing16 { margin-right: -16px }
.tcenter .letter-spacing32 { margin-right: -32px }

.fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) }
.fontSize12 { font-size:12px }
.fontSize14 { font-size:14px }

.text_upper{text-transform : uppercase}

h1, .h1 { font-size: 42px; line-height:1.1em }
h2, .h2 { font-size: 28px; line-height:1.1em }
h3, .h3 { font-size: 24px; line-height:1.1em }
h4, .h4 { font-size: 20px; line-height:1.1em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }

.line-height1em { line-height:1em }
.line-height1_1em { line-height:1.1em }
.line-height1_2em { line-height:1.2em }
.line-height1_3em { line-height:1.3em }
.line-height1_4em { line-height:1.4em }
.line-height1_5em { line-height:1.5em }
.line-height1_6em { line-height:1.6em }
.line-height1_8em { line-height:1.8em }
.line-height2em { line-height:2em }
.line-height2_5em { line-height:2.5em }

.colorfff, .colorfff a, .colorfff a:link, .colorfff a:visited, .colorfff a:active { color: #fff }
.colorfff a:hover, a:hover .colorfff, a.colorfff:hover { color: #fff }
.color000, .color000 a, .color000 a:link, .color000 a:visited, .color000 a:active { color: #000 }
.color000 a:hover, a:hover .color000, a.color000:hover { color: #000 }
.color187698 { color:#187698 !important }/*蓝色*/
.colorff6400 { color: #ff6400 }/*橘色*/
.colora9a9a9 { color: #a9a9a9 }
.color666 {color:#666;}

/*-------------------背景颜色--------------------*/
.bg187698 { background: #187698 }
.bgff6400 { background: #ff6400 }
.bgfff { background: #fff }
.bg000 { background: #000 }
.bgefefef {background: #efefef;}/*灰 hui*/
.bge9e9e9 { background: #e9e9e9 }/*深灰*/
.bgf4f4f4 { background: #f4f4f4 }/*中灰*/
.bgfdfdfd {background: #fdfdfd;}/*浅灰*/
.bg7082a6 {background: #7082a6;}
.bgf3f9fb {background: #f3f9fb;}
.bgaed1d4 {background: #aed1d4;}

.bg065c78-1d88ad { background: -moz-linear-gradient(left, #065c78, #1d88ad);
	background: -webkit-linear-gradient(left, #065c78, #1d88ad);
	background: -o-linear-gradient(left, #065c78, #1d88ad);
	background: linear-gradient(to right, #065c78, #1d88ad);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#065c78', endColorstr='#1d88ad',GradientType=0 ) }
	
/*-------------------分割线、边框-------------------*/
.line-fff { width:100%; height:1px; line-height:1px; font-size:0; background:#fff; border:0 none }
.line-c5c5c5 { width:100%; height:1px; line-height:1px; font-size:0; background:#c5c5c5; border:0 none }
.line2-003670 { width: 100%; height: 2px; line-height: 2px; font-size: 0; background: #044359; border: 0 none }

.border-b-fff { border-bottom: 4px solid #fff }
.border-b-fff2 { border-bottom: 2px solid #fff }
.border-b-ebebeb { border-bottom: 1px solid #ebebeb }
.border-b-ccc { border-bottom:1px solid #ccc }
.border-ff6400 { border: 2px solid #ff6400 }
.border-b-ff6400 { border-bottom: 4px solid #ff6400;padding-bottom: 30px;}
.HomePage .border-ff6400 {border: none; border-bottom: 4px solid #ff6400 }
.border-rb-efefef { border-right:1px solid #efefef;border-bottom:1px solid #efefef;box-sizing: border-box;}
.border-lt-efefef{ border-left:1px solid #efefef;border-top:1px solid #efefef;box-sizing: border-box;}
.border-t-efefef{ border-top:1px solid #efefef;box-sizing: border-box;}

/*-------------------间距-------------------*/
.margintop5 { margin-top:5px }
.margintop10 { margin-top:10px }
.margintop15 { margin-top:15px }
.margintop20 { margin-top:20px }
.margintop25 { margin-top:25px }
.margintop30 { margin-top:30px }
.margintop40 { margin-top:40px }
.margintop50 { margin-top:50px } 
.margintop60 { margin-top:60px } 
.margintop80 { margin-top:80px }
.margintop100 { margin-top:100px }
.margintop130 { margin-top:130px }

.marginbottom5 { margin-bottom:5px }
.marginbottom10 { margin-bottom:10px }
.marginbottom15 { margin-bottom:15px }
.marginbottom20 { margin-bottom:20px }
.marginbottom30 { margin-bottom:30px }
.marginbottom40 { margin-bottom:40px }
.marginbottom50 { margin-bottom:50px }
.marginbottom60 { margin-bottom:60px }

.marginleft0 { margin-left:0 !important }
.marginleft5 { margin-left:5px }
.marginleft10 { margin-left:10px }
.marginleft15 { margin-left:15px }
.marginleft20 { margin-left:20px }
.marginleft30 { margin-left:30px }
.marginleft40 { margin-left:40px }
.marginleft60 { margin-left:60px }
.marginleft80 { margin-left:80px }

.marginright5 { margin-right:5px }
.marginright10 { margin-right:10px }
.marginright20 { margin-right:20px }
.marginright30 { margin-right:30px }
.marginright40 { margin-right:40px }
.marginright50 { margin-right:50px }

.marginauto { margin-left:auto; margin-right:auto }

.paddingtop0 { padding-top:0!important }
.paddingtop5 { padding-top:5px }
.paddingtop10 { padding-top:10px }
.paddingtop15 { padding-top:15px }
.paddingtop20 { padding-top:20px }
.paddingtop30 { padding-top:30px }
.paddingtop35 { padding-top:35px }
.paddingtop40 { padding-top:40px }
.paddingtop45 { padding-top:45px }
.paddingtop50 { padding-top:50px }
.paddingtop60 { padding-top:60px }
.paddingtop80 { padding-top:80px }
.paddingtop90 { padding-top:90px }
.paddingtop100 { padding-top:100px }

.paddingbottom0 { padding-bottom:0!important }
.paddingbottom5 { padding-bottom:5px }
.paddingbottom10 { padding-bottom:10px }
.paddingbottom15 { padding-bottom:15px }
.paddingbottom20 { padding-bottom:20px }
.paddingbottom30 { padding-bottom:30px }
.paddingbottom35 { padding-bottom:35px }
.paddingbottom40 { padding-bottom:40px }
.paddingbottom45 { padding-bottom:45px }
.paddingbottom50 { padding-bottom:50px }
.paddingbottom60 { padding-bottom:60px }
.paddingbottom80 { padding-bottom:80px }
.paddingbottom100 { padding-bottom:100px }

.paddingleft0 { padding-left:0!important }
.paddingleft5 { padding-left:5px }
.paddingleft10 { padding-left:10px }
.paddingleft13 { padding-left:13px }
.paddingleft15 { padding-left:15px }
.paddingleft20 { padding-left:20px }
.paddingleft30 { padding-left:30px }
.paddingleft40 { padding-left:40px }
.paddingleft50 { padding-left:50px }
.paddingleft60 { padding-left:60px }
.paddingleft80 { padding-left:80px }
.paddingleft200 { padding-left:200px }

.paddingright0 { padding-right:0!important }
.paddingright5 { padding-right:5px }
.paddingright10 { padding-right:10px }
.paddingright15 { padding-right:15px }
.paddingright20 { padding-right:20px }
.paddingright30 { padding-right:30px }
.paddingright40 { padding-right:40px }
.paddingright50 { padding-right:50px }
.paddingright60 { padding-right:60px }

.padding5_10 { padding:5px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10_30 { padding:10px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.padding60 { padding:60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.mo_dis { display:none }
.mo_undis { display:block }

.row10 { margin-left: -10px; margin-right: -10px }
.row15 { margin-left: -15px; margin-right: -15px }
.row20 { margin-left: -20px; margin-right: -20px }
.row30 { margin-left: -30px; margin-right: -30px }
.row60 { margin-left: -60px; margin-right: -60px }

/*-------------------宽度、高度--------------------*/
.width10 { width:10% }
.width15 { width:15% }
.width20 { width:20% }
.width25 { width:25% }
.width30 { width:30% }
.width33 { width:33.33% }
.width35 { width:35% }
.width40 { width:40% }
.width45 { width:45% }
.width50 { width:50% }
.width60 { width:60% }
.width65 { width:65% }
.width66 { width:66% }
.width70 { width:70% }
.width75 { width:75% }
.width80 { width:80% }
.width90 { width:90% }
.width92 { width:92% }
.width96 { width:96% }
.width100 { width:100% }

.imgw30 { display:block; max-width:30%; height:auto }
.imgw40 { display:block; max-width:40%; height:auto }
.imgw50 { display:block; max-width:50%; height:auto }
.imgw60 { display:block; max-width:60%; height:auto }
.imgw80 { display:block; max-width:80%; height:auto }
.imgw90 { display:block; max-width:90%; height:auto }
.imgw100 { display:block; max-width:100%; height:auto }

.height40 { height:40% }
.height50 { height:50% }
.height60 { height:60% }
.height100 { height:100% }

.infinite-height { margin-bottom: -3000px; padding-bottom: 3000px }

/*-------------------区块-------------------*/
.area_100 { float:left; width:100% }
.area_96 { float:left; width:96% }
.area_90 { float:left; width:90% }
.area_85 { float:left; width:85% }
.area_80 { float:left; width:80% }
.area_75 { float:left; width:75% }
.area_70 { float:left; width:70% }
.area_66 { float:left; width:66.66% }
.area_65 { float:left; width:65% }
.area_60 { float:left; width:60% }
.area_55 { float:left; width:55% }
.area_50 { float:left; width:50% }
.area_48 { float:left; width:48% }
.area_45 { float:left; width:45% }
.area_40 { float:left; width:40% }
.area_35 { float:left; width:35% }
.area_33 { float:left; width:33.33% }
.area_30 { float:left; width:30% }
.area_25 { float:left; width:25% }
.area_20 { float:left; width:20% }
.area_17 { float:left; width:17.5% }
.area_15 { float:left; width:15% }
.area_10 { float:left; width:10% }

.com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.com-rows_2 { height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_max2 { max-height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { height:4.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical }
.com-rows_4 { height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_max4 { max-height:5.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical }
.com-rows_5 { height:7.45em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }
.com-rows_6 { height:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical }

/*-------------------按钮-------------------*/ 
.button, a.button, input.button { text-decoration: none; text-align: center; display: inline-block; appearance: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.button:active, a:active .button, input.button:active { -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset; box-shadow:2px 2px 10px rgba(0,0,0,0.1) inset }

.button-circular, a.button-circular, input.button-circular { padding:0 30px; height:36px; line-height:36px; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px  }
.button-l { padding: 10px 40px; line-height: 1em }

.button-fff-l, a.button-fff-l, input.button-fff-l { border:1px solid #fff; color:#fff }
a.button-fff-l:hover, a:hover .button-fff-l, input.button-fff-l:hover { background: #fff; color:#044359 }

.button-blue, a.button-blue, input.button-blue { background: #c1d2d8; color:#187698;transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
a.button-blue:hover, a:hover .button-blue, input.button-blue:hover { background: #ff6400; color:#fff }

.button-187698, a.button-187698, input.button-187698 { background: #187698; color:#fff;transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
a.button-187698:hover, a:hover .button-187698, input.button-187698:hover { background: #ff6400; color:#fff }

.button_su { overflow: hidden;position: relative;display: inline-block;}
.su_button_circle { background-color:rgba(255,100,0,1);border-radius: 1000px; position: absolute;left:0;top:0;width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;pointer-events: none;/*animation-timing-function: ease-in-out; */}
.button_su_inner { display: inline-block;color: #187698;font-size: 16px;font-weight: normal;text-align: center;transition: 400ms;text-decoration: none;padding: 2px;z-index: 100000;border-bottom: 4px #ff6400 solid;border-top: 4px #ff6400 solid;}
.button_su_inner:hover .button_text_container { color: #fff } 
.button_text_container { position:relative;z-index: 100 }
.explode-circle { animation: explode 0.5s forwards }
.desplode-circle { animation: desplode 0.5s forwards }
@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(255, 255, 255,0);
  }
  100% {
    width: 600px;
    height: 600px;
    margin-left: -300px;
    margin-top: -300px;
    background-color: rgba(255,100,0,1);
   }
}
@keyframes desplode {
  0% {
    width: 600px;
    height: 600px;
    margin-left: -300px;
    margin-top: -300px;
    background-color: rgba(255,100,0,1);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
   background-color: rgba(255, 255, 255,0);
  }
}

.button_suh { transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s; }
.button_suh:hover { background: #ff6400; }
.button_suh:hover span { color: #fff!important; }
/*-------------------分页css开始-------------------*/
div.quotes { text-align:center; position: relative }
div.quotes a { display: inline-block; padding:5px 10px; }
div.quotes a:hover, div.quotes div:hover { padding:5px 10px;background: #187698;border: 1px solid #187698;color: #fff }
div.quotes a:active { padding:5px 10px; color:#fff }
div.quotes a.current { padding:5px 10px; background:#d00025 }
div.quotes a.disabled { padding:5px 10px; color:#666 }
div.quotes a.disabled:hover { background:none }
div.quotes a#pre { margin-left: -70px; position:absolute }
div.quotes a#next { margin-right: -10px; position:absolute }
.quotes a, .quotes div{padding:5px 10px; border: 1px solid #ccc;display: inline-block;margin-right: 5px;cursor: pointer }

/*-------------------头部-------------------*/ 
.headbox { width: 100%; height:0; position: fixed; z-index: 1000 }
.menu { display: none }
.navbox { width: 100%; height:100px; background: #fff; position: absolute; top: 0; left: 0; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.logo { width: auto; height: 50px; position: absolute; left: 40px; top: 35px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.nav { position: absolute; top: 40px; right: 40px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.nav .menuLi {line-height: 60px;height: 60px; float:left; display:block; position:relative; margin: 0 15px }
.nav .menuLi .mainmenu { font-size: 16px;font-weight: bold; display:block;padding-left: 5px; padding-right: 5px; font-weight:bold; color:#666; position:relative;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.nav .menuLi .mainmenu:hover { color: #044359 }
.nav .menuListBox { position: relative;padding: 10px 20px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; width: 230px; line-height:30px; position:absolute; top:60px; left: -10px; background:rgba(244,244,244,1); display:none ;-moz-box-shadow: 0 4px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.2); box-shadow: 0 4px 10px rgba(0,0,0,0.2) }
.nav .menuListBox em { position: absolute;top:-1px;border-right: 6px transparent solid;border-left: 6px transparent solid; border-top: 6px rgba(255,255,255,1) solid }
/*.nav .menuLi:nth-of-type(2) em {left: 25px;}*/
.nav .menuLi em { left: 25px }

.nav .menuListBox a { font-size: 14px;line-height: 40px;position: relative;display: inline-block;width: 100%;z-index: 3 }
.nav .menuListBox a div { z-index: -1;height: 40px;width: 290px;top:0;left: -30px;background: #187698;position: absolute;filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.nav .menuListBox a:hover { color: #fff;font-weight: bold }
.nav .menuListBox a:hover div { opacity: 1 }
.headbox.current .navbox { background: rgba(255,255,255,.8);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); top: -30px }
.headbox.current .logo { top: 45px;height: 40px }
.headbox.current .nav { top: 30px }
.headbox.current .nav .menuLi { line-height: 70px;height: 70px }
.headbox.current .menuListBox { top: 70px }
.headbox.current em { border-top: 5px rgba(255,255,255,.3) solid }  
.headbox.current .menuListBox { background: rgba(244,244,244,.8) }

.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon { color: #044359 }
.headspace { width: 100%;height: 100px }

.fp-viewing-anchor2 .navbox,.fp-viewing-anchor3 .navbox,.fp-viewing-anchor4 .navbox { background: rgba(255,255,255,.8);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); top: -30px }
.fp-viewing-anchor2 .logo,.fp-viewing-anchor3 .logo,.fp-viewing-anchor4 .logo { top: 45px;height: 40px; }
.fp-viewing-anchor2 .menuListBox,.fp-viewing-anchor3 .menuListBox,.fp-viewing-anchor4 .menuListBox { background: rgba(244,244,244,.8) }
.fp-viewing-anchor2 em,.fp-viewing-anchor3 em,.fp-viewing-anchor4 em { border-top: 5px rgba(255,255,255,.3) solid }

/*-------------------底部-------------------*/
.footer .area_30:first-child img { height: 50px }
.footer .a_right10 a { margin-right: 10px;display: inline-block }
.foot-wechat { position: relative; z-index:2001 }
.wechat_ewm { position: absolute; right:-22px; width:260px; height:276px; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.wechat_ewm img { display: block; width: 100%; height: auto }

.news_detail { position: relative; z-index:2001 }
.wechat_ewm2 { position: absolute;right: -40px; width:130px;filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.wechat_ewm2 img { display: block; width: 100%; height: auto }
.news_detail:hover i { color: #fff }

/*-------------------通用-------------------*/
.com-link { display: block; overflow: hidden; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.com-link:hover { -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1) }
.boxshadow { -moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow:3px 3px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.1) }
.bg065c78-1d88ad li a:hover{ filter:alpha(opacity=0.5); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5 }

/*-------------------首页-------------------*/
/*1*/
.indexOwl .item1 p.colorff6400 span { font-size: 80px;line-height: 80px }
.indexOwl .item1 p.colorff6400 { font-size: 60px;overflow: hidden;height: 80px;line-height: 11;}
.indexOwl .item1 p.colorfff { font-size: 30px;overflow: hidden;height: 110px;line-height: 11;}
.indexOwl .item1 h4 { font-size: 16px;overflow: hidden;height: 20px;line-height: 11;}

/*2*/
.indexOwl .item2 span {display: inline-block; font-size: 50px;overflow: hidden;height: 180px;line-height: 11;}
.indexOwl .item2 p.colorfff { font-size: 30px;overflow: hidden;height: 110px;line-height: 11;}
.indexOwl .item2 h4 { font-size: 16px;overflow: hidden;height: 20px;line-height: 11;}

/*3*/
.indexOwl .item3 span {display: inline-block; font-size: 50px;overflow: hidden;height: 130px;line-height: 11;}
.indexOwl .item3 p.colorfff { font-size: 30px;overflow: hidden;height: 70px;line-height: 11; }
.indexOwl .item3 h4 { font-size: 16px;overflow: hidden;height: 20px;line-height: 11;}

/*4*/
.indexOwl .item4 span {display: inline-block; font-size: 40px;overflow: hidden;height: 200px;line-height: 11}
.indexOwl .item4 p.colorfff { font-size: 25px;overflow: hidden;height: 120px;line-height: 11}
.indexOwl .item4 h4 { font-size: 16px;overflow: hidden;height: 20px;line-height: 11;}

.indexOwl .active .item1 p.colorff6400, .indexOwl .active .item2 span, .indexOwl .active .item3 span, .indexOwl .active .item4 span { animation:indexOwlp forwards 1.5s ;animation-delay: 0.3s  }
.indexOwl .active .item1 p.colorfff, .indexOwl .active .item2 p.colorfff, .indexOwl .active .item3 p.colorfff, .indexOwl .active .item4 p.colorfff { animation:indexOwlp forwards 1.5s ;animation-delay: 0.3s }
.indexOwl .active .item1 h4, .indexOwl .active .item2 h4, .indexOwl .active .item3 h4, .indexOwl .active .item4 h4 { animation:indexOwlp forwards 1.5s ;animation-delay: 0.3s }

@keyframes indexOwlp {
  0% {
    line-height: 11;
     
 }
 70%,90%{
 	line-height: 1.2;
 	
 }
  100% {
  	line-height: 1.2;
  	transform: translateY(-10px);
   }
}

/*线*/
.indexOwl div.margintop10 { height: 20px;overflow: hidden }
.indexOwl div.border-ff6400 { top: 20px }
.indexOwl .active div.border-ff6400 { animation:indexOwlline forwards 1.5s ;animation-delay: .7s }
@keyframes indexOwlline {
  0% {
    top: 20px;
 }
 70%,90%{
 	top: 0px;
 }
  100% {
  	top: 0px;
   }
}
.indexOwl .item1 .border-ff6400 { width:150px }
.indexOwl .item2 .lastline { width: 150px }
.indexOwl .item3 .border-ff6400 { width: 300px }
.indexOwl .item3 .lastline { width: 300px }
.indexOwl .item4 .border-ff6400 { width: 200px }
.indexOwl .item4 .lastline { width: 200px }

.indexkv .item1 { background-image: url(../images/index/kv04.jpg);background-position: center;background-size: cover;background-repeat: no-repeat }
.indexkv .item2 { background-image: url(../images/index/kv02.jpg);background-position: center;background-size: cover;background-repeat: no-repeat }
.indexkv .item3 { background-image: url(../images/index/kv01.jpg);background-position: center;background-size: cover;background-repeat: no-repeat }
/*.indexkv .item4 { background-image: url(../images/index/kv04.jpg);background-position: center;background-size: cover; }*/

.HomePage .section03 .bgff6400.bg { height: 145px }
.HomePage .section03 .container.tlite { margin-top: -145px }
.HomePage .section03 .area_33 .poabsolute-t,.HomePage .section03 .alliance div.positionAbsolute { transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s }
.HomePage .section03 .area_33 .poabsolute-t>div { height: 165px }
.HomePage .section03 .area_33.ahover .poabsolute-t { background: #157899;transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);-o-transform:scale(1.05) }
.HomePage .section03 .area_33.ahover .poabsolute-t>div { background: #085c78 }
.HomePage .section03 .area_33.ahover h1 { color: #fff }
.HomePage .section03 .area_33 h6 { font-size: 14px }
.HomePage .section03 .area_33.ahover h6 { color: #fff;font-size: 14px }
.HomePage .section03 .area_33.ahover i { color: #fff }
.HomePage .section03 .cargo .cf div { width: 25%;float: left;text-align: center }
.HomePage .section03 .cargo div h6 { margin-top: 20px }
.HomePage .section03 .alliance div.positionAbsolute:nth-child(1) { border-right: transparent 15px solid;border-left: #efefef 15px solid;border-bottom: transparent solid 15px;left: 0;top: 0 }
.HomePage .section03 .alliance div.positionAbsolute:nth-child(2) { border-right: #efefef 15px solid;border-left: transparent 15px solid;border-bottom: transparent solid 15px;right: 0;top: 0 }
.HomePage .section03 .alliance div.positionAbsolute:nth-child(3) { border-right:transparent  15px solid;border-left:#efefef  15px solid;border-top:transparent  solid 15px;left: 0;bottom: 0 }
.HomePage .section03 .alliance div.positionAbsolute:nth-child(4) { border-right: #efefef 15px solid;border-left:transparent  15px solid;border-top: transparent solid 15px;right: 0;bottom: 0 }
.HomePage .section03 .area_33.ahover i{color: #fff }
.HomePage .section03 .area_33.ahover .alliance div.positionAbsolute:nth-child(1) { border-left: #157899 15px solid }
.HomePage .section03 .area_33.ahover .alliance div.positionAbsolute:nth-child(2) { border-right: #157899 15px solid }
.HomePage .section03 .area_33.ahover .alliance div.positionAbsolute:nth-child(3) { border-left: #157899 15px solid }
.HomePage .section03 .area_33.ahover .alliance div.positionAbsolute:nth-child(4) { border-right: #157899 15px solid }
.HomePage .section03 .section03title2 .positionAbsolute{ right: 40px;bottom: 40px }
.HomePage .iScrollIndicator { background: transparent!important }

.fp-tableCell .footer { margin-top: 0 }

.section02 img { width: 75%; }
/*-------------------概况-------------------*/
.aboutkv { background-image: url(../images/about/aboutkv.jpg);background-position: left;background-size: cover;height:calc(100vh - 192px) }
.aboutkv p { font-size: 60px;line-height: 60px }
.interview_p { width: 60%;height: 10px; right: -1px; top: -1px; background: #fff }
.interview_p2 { width: 10px;height: 300px; right: -1px; top: -1px; background: #fff }
.inter_cut { color: #a9a9a9;border-radius: 10px;width: 400px;height: 200px }
.inter_cut p { border-bottom: 1px dashed #a9a9a9;margin-left: -500px;margin-right: 80px }
.inter_cut li { display: inline-block; padding: 20px 20px 20px 0;line-height: 30px;font-size: 20px;transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s }
.inter_cut_active p { border-bottom: 1px dashed #187698 !important; margin-right: 0 }
.inter_cut_active h5 { font-weight: bold }
.inter_cut_active { color: #187698 }

.inter_cut a { margin-left: 50px}
.inter_cut a i { width: 50px;margin-left: -50px }

.inter_cut_box { border: 1px dashed #187698 }
.inter_cut_box .scroll { transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s }
.honor_course { height:300px;margin-top: 150px;margin-bottom: 170px }
.honor_course .cf div { width: 280px;position: absolute }
.honor_course .cf div img { height: 200px }
.honor_course .cf div div.fleft { margin-left: 40px }
.honor_course .cf div h6 { margin-top: 5px }
.honor_course .cf div:nth-child(2n) .fleft { bottom: 0px }
.honor_course1 { top: 25% }
.honor_course2 { left: 12%;bottom: -35% }
.honor_course3 { left: 24%;top: 2% }
.honor_course4 { left: 37%;bottom: -20% }
.honor_course5 { left: 50%;top: -10% }
.honor_course6 { bottom: 0%;left: 65% }
.honor_course7 { right: 0;top: -30% }

.about_su { overflow: hidden;position: relative }
.su_about_circle { background-color: #187698;border-radius: 1000px; position: absolute;left:0;top:0;width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;pointer-events: none;/*animation-timing-function: ease-in-out; */ }
.a_explodeBox-circle { animation: a_explodeBox 1s forwards }
.a_desplodeBox-circle{ animation: a_desplodeBox 1s forwards }
@keyframes a_explodeBox {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(255, 255, 255,.0);
  }
  100% {
    width: 10000px;
    height: 10000px;
    margin-left: -1000px;
    margin-top: -1000px;
    background-color: rgba(24, 118, 152);
   }
}
@keyframes a_desplodeBox {
  0% {
    width: 1000px;
    height: 1000px;
    margin-left: -1000px;
    margin-top: -1000px;
    background-color: rgba(24, 118, 152);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
   background-color: rgba(255, 255, 255,.0);
  }
}

.about_iconf1 .marginauto,.about_iconf2 .marginauto,.about_iconf3 .marginauto,.about_iconf4 .marginauto { width: 85px;height: 85px }

.about_iconf1 .max,.about_iconf1 .max2 { top: 0;width: 80px }
.about_iconf1 .overhidden { width: 70px;height: 7px;bottom: 0;left: 7px }
.about_iconf1 .overhidden img { width: 200px; left: 0;bottom: 0 }
.about_iconf1 .overhidden .min { transition: all 5s;-moz-transition: all 5s;-o-transition: all 5s;-webkit-transition: all 5s }
.about_iconf1:hover .min { left: -100px }

.about_iconf2 .max, .about_iconf2 .min2 { width: 75px }
.about_iconf2 .min, .about_iconf2 .minf1 { width: 32px; top: -10px; left: 20px }
.about_iconf2 .minf2 { width: 25px; top: -10px; right:30px;display: none;transition: all 5s;-moz-transition: all 5s;-o-transition: all 5s;-webkit-transition: all 5s }
.about_iconf2 .dot1,.about_iconf2 .dot2,.about_iconf2 .dot3 { position: absolute;width: 4px;height: 4px;background: #1c6d8b;border-radius: 50%; }
.about_iconf2 .dot1 { left: 27px; }
.about_iconf2 .dot2 { left: 35px; }
.about_iconf2 .dot3 { left: 42px; }
.about_iconf2:hover .dot1{ animation:dotexercise 0.7s infinite }
.about_iconf2:hover .dot2{ animation:dotexercise 0.7s infinite;animation-delay: 0.1s; }
.about_iconf2:hover .dot3{ animation:dotexercise 0.7s infinite;animation-delay: 0.2s }
@keyframes dotexercise {
  0% {
    top: 0px;
 }
  25% {
  	top: -2px;
   }
   50% {
    top: 2px;
 }
  100% {
  	top: 0px;
   }
}

.about_iconf3 img { top: 0 }
.about_iconf3 .min,.about_iconf3 .min2 { transition: all 5s;-moz-transition: all 5s;-o-transition: all 5s;-webkit-transition: all 5s }
.about_iconf3:hover .min { transform: rotate(10deg) }
.about_iconf3:hover .min2 { transform: rotate(70deg) }

.about_iconf4 img { top: 0 }
.about_iconf4 .min { background:#e9e9e9;width: 25px;height: 25px;border-radius: 50%;position: absolute;bottom: 0;left: 0; border: 3px solid #1c6d8b }
.about_iconf4 .min2 { background:#e9e9e9;width: 20px;height: 20px;border-radius: 50%;position: absolute;bottom: 7px;right: 4px; border: 3px solid #1c6d8b }
.about_iconf4 .min3 { background:#e9e9e9;width: 35px;height: 35px;border-radius: 50%;position: absolute;top: 0;left: 24px; border: 3px solid #1c6d8b }
.about_iconf4 .min,.about_iconf4 .min2,.about_iconf4 .min3 { transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s }
.about_iconf4:hover .min { width: 35px;height: 35px } 
.about_iconf4:hover .min2 { width: 35px;height: 35px;bottom:0;right: 0 }
.about_iconf4:hover .min3 { width: 35px;height: 35px }

.framework_bg { background-image: url(../images/about/framework_bg.jpg);background-size: cover;background-repeat: no-repeat }

.lhbox { margin-left: 10px;opacity: 0.6;line-height: 1.8em; }
.lhbox span { margin-left: -10px;width: 10px }
/*-------------------æ–°é—»-------------------*/
.both .innerimg:before, .both .innerimg:after, .both .inner:before, .both .inner:after { background-color: #fff }

.both .inner:before, .both .inner:after ,.both .innerimg:before, .both .innerimg:after { position: absolute;content: "";display: block;-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s }

.both .innerimg:before, .both .innerimg:after { left: 0;width: 100%;height: 10px;-webkit-transform: scaleX(0);transform: scaleX(0);}
.both .inner:before, .both .inner:after { top: 0; width: 10px;height: 100%;-webkit-transform: scaleY(0);transform: scaleY(0) }

.both:hover .inner:before,.both:hover .inner:after,.both:hover .innerimg:before,.both:hover .innerimg:after { -webkit-transform: scaleY(1);transform: scaleY(1) }

.both .inner:before { left: 0 }
.both .inner:after { right: 0 }
.both .innerimg:before { top: 0 }
.both .innerimg:after { bottom: 0 }

.both:hover .innerimg:before, .both:hover .innerimg:after { -webkit-transform: scaleX(1);transform: scaleX(1)}
.both:hover .inner:before,.both:hover .inner:after { -webkit-transform: scaleY(1);transform: scaleY(1) }

.both .inner:before { -webkit-transform-origin: bottom center;transform-origin: bottom center }
.both .inner:after { -webkit-transform-origin: top center;transform-origin: top center;}

.both .innerimg:before { -webkit-transform-origin: left center;transform-origin: left center }
.both .innerimg:after { -webkit-transform-origin: right center;transform-origin: right center }

.both:hover .inner:before { -webkit-transform-origin: top center;transform-origin: top center }
.both:hover .inner:after { -webkit-transform-origin: bottom center;transform-origin: bottom center }
.both:hover .innerimg:before { -webkit-transform-origin: right center;transform-origin: right center }
.both:hover .innerimg:after { -webkit-transform-origin: left center;transform-origin: left center }

.news_box { margin-left: 410px }
.news_box .news_list { margin-left: -410px;width: 370px }

.search-dl { margin-right: 80px }
.search-dl dd { height: 40px; width: 80px; margin-right: -80px;background: #ff6400; padding-top: 6px;box-sizing: border-box }
.search-dl dt input:focus { border: 1px solid #f8f8f8 }
/*.search-dl dd:hover { background: #ff6400 }*/
.search-dl input[type="text"], input[type="password"], select { background: #fff }
input.news-input { background: #eaeaea }
.mediaOwl .area_65 div.poabsolute-wh50 { z-index: 3;background: rgba(255,255,255,.6);width: 70px;height: 70px; border-radius: 50% }
.mediaOwl .area_65 div em { border-left:#fff solid 20px;border-top: transparent solid 20px; border-bottom:transparent solid 20px }
.mediaOwl .item:hover img { opacity: 1 }
.mediaOwl .item:hover .poabsolute-wh50 { display: none }
.media_box div.poabsolute-wh50 { z-index: 3;background: rgba(255,255,255,.6);width: 50px;height: 50px; border-radius: 50% }
.media_box em { border-left:#fff solid 15px;border-top: transparent solid 15px; border-bottom:transparent solid 15px }
.media_box a:hover img { opacity: 1 }
.media_box a:hover .poabsolute-wh50 { display: none }
.media_box img { transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s }

.share { position: fixed;top:40% }
.share .bdshare-button-style0-24 a.bds_more { background: transparent }
.share>div { display: block;padding:10px;background: #efefef;border-radius: 50%;text-align: center;margin-top: 20px }
.share>div:hover { background: #187698;color: #fff }
.share>a.bds_more:after { font-family: iconfont; content: "\e648";font-size: 1.6em }
.share>div:hover a { color: #fff; }

.share .bdshare-button-style0-24 a { width: 30px; height: 30px; line-height: 30px; padding: 0; margin: 0 }

/*-------------------业务-------------------*/
.businesskv { background-image: url(../images/business/businesskv.jpg);background-position: left;background-size: cover;height:calc(100vh - 208px) }
.businesskv p { font-size: 60px;line-height: 60px }

.lane_bg { background: url(../images/business/business_bg.jpg);background-repeat: no-repeat; height: 400px;background-size: cover }
.lane_bg .area_30:nth-of-type(1) { bottom: -360px }
.lane_bg .area_30:nth-of-type(2) { bottom: -360px;left: 35% }
.lane_bg .area_30:nth-of-type(3) { bottom: -360px;right: 0 }
.lane_bg .undis div.cf { margin-left: 10px }
.lane_bg .undis em { margin-top: 7px;display: inline-block;width: 5px;height: 5px;background: #fff;border-radius: 50%; margin-left: -10px }
.lane_bg .bgfff.hover { bottom: -420px;background: #187698;color: #fff }
.lane_bg .bgfff.hover .a02 { color: #fff }
.lane_bg .area_30:nth-of-type(1) .undis { display: block }

.fleet_bg .cf { padding: 20px }
.fleet_bg div.cf { background: #eaeaea }
.fleet_bg a.cf:nth-of-type(2n-1) { background: #f8f8f8 }
.fleet_bg a.cf:nth-of-type(2n-1) .fleet_img { background: #f8f8f8 }
.fleet_bg a.cf:nth-of-type(2n) .fleet_img { background: #fff }
.fleet_bg a.cf { position: relative }
.fleet_bg a.cf:hover { z-index: 3 }
.fleet_bg a.cf .area_17:first-child { color:#187698 }
.fleet_bg a.cf .area_17:first-child i { position: absolute;top: 18px;left: 15px;}
.fleet_img {padding: 20px;width: 300px;box-shadow:2px 2px 5px 0px #ccc;position: absolute;left:34%;top: 82px;transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.fleet_img.hover { top: 0;opacity: 1 }

.fleet_bg a.dis:nth-last-child(1) .fleet_img { top: -230px }
.fleet_bg a:nth-last-child(2) .fleet_img { top: -230px }
.fleet_bg a:nth-last-child(3) .fleet_img { top: -230px }
.fleet_bg a.dis:nth-last-child(1) .fleet_img.hover { top: -210px }
.fleet_bg a:nth-last-child(2) .fleet_img.hover { top: -210px }
.fleet_bg a:nth-last-child(3) .fleet_img.hover { top: -210px }

.ship_bg { background-image:url(../images/business/ship_bg.jpg);background-position: bottom }
.ship_bg .positionRelative { height: 550px }
.ship_bg div.positionAbsolute { width: 300px;height: 300px;border-radius: 50%;-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3) }
.ship_bg div.positionAbsolute:nth-of-type(1) { top: 40px;left: 6% }
.ship_bg div.positionAbsolute:nth-of-type(2) { top: 40px;left: 40% }
.ship_bg div.positionAbsolute:nth-of-type(3) { top: 40px;right: 6% }
.ship_bg div.positionAbsolute:nth-of-type(4) { bottom: 0;left: 22% }
.ship_bg div.positionAbsolute:nth-of-type(5) { bottom: 0;right: 22% }

.ship_bg div.positionAbsolute:nth-of-type(1) i { display: inline-block }
.ship_bg div.positionAbsolute:nth-of-type(2) i { display: inline-block }
.ship_bg div.positionAbsolute:nth-of-type(3) i { display: inline-block }
.ship_bg div.positionAbsolute:nth-of-type(4) i { display: inline-block }

/*-------------------发展-------------------*/
.develop_bg { background: url(../images/development/index_bg.jpg);background-size: cover;background-position:center;height: calc(100vh) }
.develop_bg .area_25 { padding-top: 20%;box-sizing: border-box }
.develop_bg .area_25:nth-of-type(1) { background: rgba(47,108,128,.5) }
.develop_bg .area_25:nth-of-type(2) { background: rgba(43,119,167,.5) }
.develop_bg .area_25:nth-of-type(3) { background: rgba(47,108,128,.5) }
.develop_bg .area_25:nth-of-type(4) { background: rgba(43,119,167,.5) }

.develop_su { overflow: hidden;position: relative }
.su_develop_circle { background-color:  rgba(24, 118, 152,.5);border-radius: 1000px; position: absolute;left:0;top:0;width: 0px;height: 0px;margin-left: 0px;margin-top: 0px;pointer-events: none;/*animation-timing-function: ease-in-out; */ }
.develop_su_inner { transition: 400ms;text-decoration: none;padding: 5px;position:relative;z-index: 100 }
.explodeBox-circle { animation: explodeBox 1s forwards }
.desplodeBox-circle { animation: desplodeBox 1s forwards }
@keyframes explodeBox {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(255, 255, 255,.0);
  }
  100% {
    width: 10000px;
    height: 10000px;
    margin-left: -1000px;
    margin-top: -1000px;
    background-color: rgba(24, 118, 152,1);
   }
}
@keyframes desplodeBox {
  0% {
    width: 1000px;
    height: 1000px;
    margin-left: -1000px;
    margin-top: -1000px;
    background-color: rgba(255, 255, 255,.0);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
   background-color: rgba(24, 118, 152,1);
  }
}

.partsHeight .area_80:nth-child(1) .area_30 { background: url(../images/development/parts_01.jpg);background-size: cover }
.partsHeight .area_80:nth-child(2) .area_30 { background: url(../images/development/parts_02.jpg);background-size: cover }
.partsHeight img { min-height: 280px }
.build .bgaed1d4 { height: 130px;z-index: -1 }
.build .container .positionAbsolute { bottom: 80px }
.build_tite { width: 500px }

/*-------------------联系我们-------------------*/
.contactSlide { position: relative; overflow: hidden }
.contactSlide ul { position: relative; }
.contactSlide ul li { float: left; list-style: none;padding-right: 10px }
.contactSlide ul li img { display: inline-block }

/*-------------------响应式css-------------------*/
@media ( min-width:1600px ) {
.container { width:1500px }
}

@media ( min-width:1260px ) and ( max-width:1599px ) {
.container { width:1200px }
.row60 { margin-left: -30px; margin-right: -30px }
.row60 .padding60 { padding: 30px }
.interview_p { width: 50% }
.interview_p2 { height: 300px }

.ship_bg div.positionAbsolute:nth-of-type(1) { left: 0% }
.ship_bg div.positionAbsolute:nth-of-type(2) { left: 37.5% }
.ship_bg div.positionAbsolute:nth-of-type(3) { right: 0% }
.ship_bg div.positionAbsolute:nth-of-type(4) { left: 19% }
.ship_bg div.positionAbsolute:nth-of-type(5) { right: 19% }

.ship_bg div.positionAbsolute:nth-of-type(1) i { display: inline-block;margin-top: 20px }
.ship_bg div.positionAbsolute:nth-of-type(2) i { display: inline-block;margin-top: 20px }
.ship_bg div.positionAbsolute:nth-of-type(3) i { display: inline-block;margin-top: 20px }
.ship_bg div.positionAbsolute:nth-of-type(4) i { display: inline-block;margin-top: 20px }

.item1 p.colorff6400 span{ font-size: 80px }
.indexOwl .item1 p.colorff6400 { font-size: 60px;height: 80px }
.indexOwl .item1 p.colorfff { font-size: 25px;height: 90px }
.indexOwl .item2 span { font-size: 40px;height: 140px }
.indexOwl .item2 p.colorfff { font-size: 25px;height: 90px }
.indexOwl .item3 span { font-size: 40px;height: 100px }
.indexOwl .item3 p.colorfff { font-size: 25px;height: 60px }
.indexOwl .item4 span { font-size: 30px;height: 150px }
.indexOwl .item4 p.colorfff { font-size: 2rem;height: 100px }

.honor_course .cf div { width: 250px }

}

@media ( min-width:1000px ) and ( max-width:1259px ) {
.container { width:960px }
.ship_bg .padding40{ padding: 20px;}
.ship_bg .positionRelative { height: 490px;}
.row60 { margin-left: -30px; margin-right: -30px }
.row60 .padding60 { padding: 30px }
.interview_p { width: 50% }
.interview_p2 { height: 400px }
.honor_course .cf div { width: 190px }

.item1 p.colorff6400 span{ font-size: 80px }
.indexOwl .item1 p.colorff6400 { font-size: 60px;height: 80px }
.indexOwl .item1 p.colorfff { font-size: 25px;height: 90px }
.indexOwl .item2 span { font-size: 40px;height: 140px }
.indexOwl .item2 p.colorfff { font-size: 25px;height: 90px }
.indexOwl .item3 span { font-size: 40px;height: 100px }
.indexOwl .item3 p.colorfff { font-size: 25px;height: 60px }
.indexOwl .item4 span { font-size: 30px;height: 150px }
.indexOwl .item4 p.colorfff { font-size: 2rem;height: 100px }

.ship_bg .padding40{ padding: 20px;}
.ship_bg div.positionAbsolute { width: 300px;height: 300px }
.ship_bg .positionRelative { height: 600px;}

.ship_bg div.positionAbsolute:nth-of-type(1) { left: 0% }
.ship_bg div.positionAbsolute:nth-of-type(2) { left: 34% }
.ship_bg div.positionAbsolute:nth-of-type(3) { right: 0% }
.ship_bg div.positionAbsolute:nth-of-type(4) { left: 17% }
.ship_bg div.positionAbsolute:nth-of-type(5) { right: 17% }
.ship_bg div.positionAbsolute:nth-of-type(1) i { display: inline-block;margin-top: 20px }
.ship_bg div.positionAbsolute:nth-of-type(2) i { display: inline-block;margin-top: 20px }
.ship_bg div.positionAbsolute:nth-of-type(3) i { display: inline-block;margin-top: 20px }
.ship_bg div.positionAbsolute:nth-of-type(4) i { display: inline-block;margin-top: 20px }
.honor_course .cf div { width: 190px }
.nevigate { display: none }
.HomePage .section03 h3 { font-size: 24px }
.HomePage .section03 .area_33 h6 { font-size: 12px }
.HomePage .section03 .area_33.ahover h6 { font-size: 12px }

}

@media ( min-width:801px ) and ( max-width:999px ) {
.container { width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mean-bar { display: none }
.row60 { margin-left: -30px; margin-right: -30px }
.row60 .padding60 { padding: 30px }

.ship_bg div.positionAbsolute:nth-of-type(1) i { display: inline-block;margin-top: 0px }
.ship_bg div.positionAbsolute:nth-of-type(2) i { display: inline-block;margin-top: 0px }
.ship_bg div.positionAbsolute:nth-of-type(3) i { display: inline-block;margin-top: 0px }
.ship_bg div.positionAbsolute:nth-of-type(4) i { display: inline-block;margin-top: 0px }
.ship_bg div.positionAbsolute:nth-of-type(1) { position: static;width: 50%;float: left;height: auto; border-radius:0 }
.ship_bg div.positionAbsolute:nth-of-type(2) { position: static;width: 50%;float: left;height: auto; border-radius:0  }
.ship_bg div.positionAbsolute:nth-of-type(3) { position: static;width: 50%;float: left;height: auto; border-radius:0  }
.ship_bg div.positionAbsolute:nth-of-type(4) { position: static;width: 50%;float: left;height: auto; border-radius:0  }
.ship_bg div.positionAbsolute:nth-of-type(5) { position: static;width: auto;float: left;height: auto; border-radius:0  }
.ship_bg .positionRelative { height: auto;margin-top: 20px }

.indexOwl .item1 p.colorff6400 span{ font-size: 60px }
.indexOwl .item1 p.colorff6400 { font-size: 60px;height: 80px }
.indexOwl .item1 p.colorfff { font-size: 25px;height: 90px }
.indexOwl .item2 span { font-size: 40px;height: 140px }
.indexOwl .item2 p.colorfff { font-size: 25px;height: 90px }
.indexOwl .item3 span { font-size: 40px;height: 100px }
.indexOwl .item3 p.colorfff { font-size: 25px;height: 60px }
.indexOwl .item4 span { font-size: 30px;height: 150px }
.indexOwl .item4 p.colorfff { font-size: 2rem;height: 100px }
.honor_course .cf div { width: 250px }
}

@media ( max-width:999px ) {
.nav .menuLi { margin: 0 6px }
.interview_p { width: 40% }
.interview_p2 { height: 500px }
.news_box { margin-left: 0 }
.news_box .news_list { margin-left: 0;width: auto }


.ship_bg div.positionAbsolute { width: 240px;height: 240px;padding:20px }
.ship_bg div.positionAbsolute:nth-of-type(2) { left: 36% }

}