@charset "utf-8";
/* @font-face {
	font-family:"kalinga";
	src: url(kalinga.eot);
	src: url(kalinga.svg) format('svg'), 
		 url(kalinga.ttf) format('ttf'),
		 url(kalinga.woff) format('woff'),
 		 url(kalinga.woff2) format('woff2');
} */

@font-face { font-family: "kalinga"; src: url(kalingab.eot); src: url(kalingab.eot?#iefix) format('embedded-opentype'),  url(kalingab.woff2) format('woff2'),  url(kalingab.woff) format('woff'),  url(kalingab.ttf) format('truetype'),  url(kalingab.otf) format('opentype'),  url(kalingab.svg#kalingab) format('svg') }
/*初始化样式*/
* { -webkit-tap-highlight-color: transparent; }
body { background-color: #fff; color: #333; font-family: "Whitney SSm A", "Whitney SSm B", "kalinga"; overflow-x: hidden; width: 100%;/*设置宽度*/ word-wrap: break-word; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 14px; width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; box-sizing: border-box; }
table th { background-color: #f9f9f9; text-align: center; box-sizing: border-box; }
table td, table th { padding: 5px 10px; border: 1px solid #ddd; box-sizing: border-box; }
/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; }
html, body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p { margin: 0; padding: 0; }
a { text-decoration: none; outline: none; color: #666; }
a:focus { outline: none; -moz-outline: none; }
a:hover { color: #024994; }
a img { border: none; }
/*强制去除表单自带的样式*/ 
select, input, textarea { border-radius: 0; -webkit-border-radius: 0; }
input:focus { outline: none; }
input, button, select, textarea { outline: none; /*-webkit-appearance:none;*/ }
textarea { resize: none;/*-webkit-appearance:none;*/ }
textarea, input, select { background: none; border: none; margin: 0; padding: 0; }
/*清楚浮动*/
.clear { clear: both; height: 0px; overflow: hidden; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
/*该设置跟后台编辑器有关*/
.ul, .ul li, .dl, .dl dd, ul, ul li, ol, ol li, dl, dl dd { list-style: none; margin: 0; padding: 0; }
.h1, .h2, .h3, .h4, .h5, .h6, .p, h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; }
/*该设置跟后台编辑器有关*/

.Ispic { background-repeat: no-repeat; background-position: center center; background-size: cover; }
/*全局样式*/
.inner { max-width: 1744px; margin: 0 auto; }
.inner1400 { width: 1400px; margin: 0 auto; }
.inner1200 { width: 1200px; margin: 0 auto; }
.wrapper { padding: 2.083% 0; }
.entry img { max-width: 100%; height: auto; }

@media only screen and (max-width:1744px) {
.inner { padding: 0 2%; }
}

@media only screen and (max-width:1400px) {
.inner1400 { padding: 0 2%; }
}

@media only screen and (max-width:1200px) {
.inner1200 { padding: 0 2%; }
}
/*全站底部*/
.footerTop { background-color: #272a2f; padding: 50px 0 30px; }
.footerTop .left { float: left; width: 57%; }
.footerTop .right { float: right; width: 350px; }
/*pages*/
.pages { overflow: hidden; padding: 5px 0; }
.pages h3 { font-size: 13px; font-weight: normal; float: left; line-height: 25px; color: #fff; }
.pages ul { margin-left: 95px; overflow: hidden; }
.pages li { font-size: 13px; line-height: 25px; float: left; padding-right: 35px; }
.pages li:nth-child(1) {min-width:80px;}
.pages li:nth-child(2) {min-width:129px;}
.pages li a { color: #999; }
.pages li a:hover { color: #fff; }
/*tip*/
.tip { background: url(../images/foot_line.png) no-repeat top right; padding-top: 25px; margin-top: 25px; font-size: 18px; color: #999; line-height: 1.35em; }
/*footLogo*/
.footLogo { margin-bottom: 20px; }
.footLogo img { display: block; width: 154px; height: auto; }
/*social*/
.social { margin-bottom:-20px; }
.social .phone { font-size: 16px; color: #ccc; line-height: 20px; margin-left: 145px; }
.social .phone dd { margin-bottom: 8px; }
.social .phone .dd1 i { display: inline-block; vertical-align: top; font-style: normal; background: #777c81 url(../images/icon_phone.png) no-repeat center center; background-size: 16px; border-radius: 3px; width: 20px; height: 20px; margin-right: 10px; }
.social .phone .dd2 i { display: inline-block; vertical-align: top; font-style: normal; background: #777c81 url(../images/icon_yx.png) no-repeat center center; background-size: 16px; border-radius: 3px; width: 20px; height: 20px; margin-right: 10px; }
.social .phone .dd2 a { font-size: 16px; color: #ccc; }
/*follow*/
.follow { float: left; }
.follow li { float: left; padding-right: 6px; position: relative; }
.follow li a { display: block; background: #777c81 no-repeat center center; background-size: 16px; border-radius: 3px; text-indent: -9999em; width: 20px; height: 20px; }
.follow li a:hover { opacity: .8; }
.follow li.wx a { background-image: url(../images/icon_wx.png); }
.follow li.wb a { background-image: url(../images/icon_wb.png); }
.follow li.fb a { background-image: url(../images/icon_fb.png); }
.follow li.tw a { background-image: url(../images/icon_tw.png); }
.follow li.lin a { background-image: url(../images/icon_lin.png); }
.follow .wxqrcode { background-color: #fff; border: 1px solid #e4e4e4; padding: 5px; width: 80px; height: auto; position: absolute; left: 50%; bottom: 30px; margin-left: -48px; z-index: 6; display: none; }
.follow .wxqrcode img { display: block; width: 100%; height: auto; }
.follow .wxqrcode:after { content: ''; display: block; width: 8px; height: 8px; background-color: #fff; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; transform: rotate(45deg); position: absolute; left: 50%; bottom: -5px; margin-left: -5px; }
/*qrcode*/
.qrcode img { display: block; width:90px; height: auto; }
/*footBtm*/
.footBtm { background-color: #1a1b1d; padding: 20px 0; color: #999; }
.footBtm .inner { overflow: hidden; }
.footBtm a { color: #999; }
.footBtm a:hover { color: #fff; }
/*pagelist*/
.pagelist { float: left; font-size: 16px; }
/*copyright*/
.copyright { float: right; font-size: 12px; text-transform: uppercase; }
/*全站头部*/
#header { background-color: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 9; box-shadow: 0px 0px 5px #000; }
.blank { height: 92px; }
.other { float: right; padding: 20px; position: relative; }
.other:before { content: ''; display: block; width: 1px; height: 26px; background-color: #bcbcbc; position: absolute; left: 0; top: 50%; margin-top: -13px; }
.other .btn { float: left; padding: 14.5px 10px; }
/*logo*/
.logo { float: left; padding: 20px 0; }
.logo a { display: block; width: 183px; height: 52px; text-indent: -9999em; background: no-repeat center center; background-size: contain; }
/*search*/
.search { position: relative; }
.search span { display: block; width: 23px; height: 23px; background: url(../images/icon_search.png) no-repeat center center; background-size: contain; cursor: pointer; }
.searchForm { position: absolute; right: 0; top: 72px; background-color: #eee; padding: 8px 15px; width: 435px; border-radius: 10px; display: none; }
.searchForm:before { content: ''; display: block; width: 12px; height: 12px; background-color: #eee; position: absolute; right: 20.5px; top: -6px; transform: rotate(45deg); }
.searchForm .submit { display: block; float: right; width: 37px; height: 50px; line-height: 50px; background-color: #bfbfbf; font-size: 16px; color: #000; text-align: center; text-transform: uppercase; cursor: pointer; position: relative; z-index: 1; }
.searchForm .input { margin-right: 37px; overflow: hidden; }
.searchForm .text { width: 90%; background-color: #fff; font-size: 16px; color: #666; height: 50px; padding: 0 5%; }
/*email */
.email a { display: block; text-indent: -9999em; background: url(../images/icon_mail.png) no-repeat center center; background-size: contain; width: 23px; height: 23px; }
/*language*/
.language { position: relative; }
.language span { position: relative;display: block; width: 98px; height: 30px; padding: 0 15px; border-radius: 5px; border:1px solid #ccc; line-height: 30px; cursor: pointer; }
.language span:after { content: ''; display: block; width: 8px; height: 8px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; }

.language ul { background-color: #fff; border-radius:0 0 5px 5px; padding-top: 10px !important; border:1px solid #ccc; border-top: 0px; position: absolute; left: 50%; top: 70% !important; width: 98px; margin-left: -65px !important; padding: 0 15px !important; display: none; z-index: 2; }
.language li { font-size: 14px; }
.language li a { display: block; padding: 10px 3px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.language li a:hover { color: #024994; }
.language li img { vertical-align: middle; margin-right: 10px; }
/*nav*/
#nav { float: right; }
#nav li { float: left; position: relative; padding: 20px 36px; font-size: 16px; }
#nav li em { display: none; }
#nav li a { display: block; color: #333; line-height: 30px; font-weight: 500; padding: 11px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
#nav li.drop > a { padding-right: 20px; }
#nav li.drop > a:after { content: ''; display: block; width: 8px; height: 8px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg); position: absolute; right: 5px; top: 50%; margin-top: -6px; }
#nav li.on > a, #nav li.cur > a, #nav li:hover > a { color: #024994; }
#nav li.on > a:after, #nav li.cur > a:after { border-color: #024994; }
#nav dl { position: absolute; left: -30px; top: 100%; width: auto; z-index: 6; height: 0; overflow: hidden; opacity: 0; transition: opacity .3s; }
#nav dl.show { padding: 15px 40px 30px; height: auto; opacity: 1; }
#nav dd { font-size: 14px; padding: 3px 0; }
#nav dd a { padding: 2px 20px 2px 30px; transition: all .2s; }
#nav dd a:before { content: ''; display: block; width: 4px; height: 4px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); position: absolute; left: 15px; top: 15px; transition: all .2s; }
#nav dd a:hover { background-color: #024993; color: #fff; }
#nav dd a:hover:before { border-color: #fff; }
#navBtn { display: none; }
.navbg { content: ''; display: block; position: absolute; left: 0; top: 100%; background-color: rgba(255,255,255,.8); z-index: 5; width: 100%; opacity: 0; overflow: hidden; transition: opacity .3s; }
.navbg.show { padding: 15px 0 30px; opacity: 1; }
/*首页*/
/*模块标题*/
.hmTitle { margin-bottom: 50px; }
.hmTitle h2 { font-weight: normal; text-transform: uppercase; line-height: 1.25em; text-align: center; font-size: 72px; color: #024994; }
.hmTitle p { font-size: 16px; color: #666; line-height: 1.75em; }
/*homeSlide*/
.homeSlide { overflow: hidden; max-width: 1920px; margin: 0 auto; }
.homeSlide .item { padding-bottom: 45%; background: no-repeat center center; background-size: cover; position: relative; }
.homeSlide video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.homeSlide .info { background-color: rgba(0,0,0,.5); padding: 30px 2% 60px; position: absolute; width: 49%; left: 11.979%; top: 50%; transform: translateY(-50%); color: #fff; margin-top: 46px; }
.homeSlide h2 { font-size: 50px; line-height: 1.125em; max-height: 2.25em; overflow: hidden; font-weight: normal; margin-bottom: 20px; }
.homeSlide .text { font-size: 24px; line-height: 1.875em; max-height: 3.75em; overflow: hidden; }
.homeSlide .more { margin-top: 30px; }


.homeSlide .more a{ display: block; color: #fff;  border: 1px solid #fff; font-size: 18px; width: 130px; height: 43px; text-align: center; line-height: 43px;position: relative; padding-right: 64px; transition:.3s; padding-left: 16px; }
.homeSlide .more a:after { content: '>'; display: block; width: 71px; position: absolute; right: 10px; top: 0;line-height: 44px; }
.homeSlide .more a:hover {padding-right:90px; color: #fff; border: 1px solid #024994; background: #024994 }




/*hmPro*/
.hmPro { padding: 50px 0; }
.hmPro ul { overflow: hidden; }
.hmPro li { float: left; width: 50%; }
.hmPro li.li3, .hmPro li.li5 { width: 25%; }
.hmPro li a { display: block; background: #fefefe url(../images/bg_line.png) repeat left top; padding-bottom: 62.857%; position: relative; overflow: hidden; color: #1c1d22; transition: 0.3s; }
.hmPro li.li1 a { background-color: #024993; background-image: url(../images/bg_line2.png); }
.hmPro li.li3 a { background-color: #ccc; padding-bottom: 125.714%; text-align: center; }
.hmPro li:hover a { background: #da0505 url(../images/bg_line.png) repeat left top; }
.hmPro li.li4:hover a { background-color: #da0505; }
.hmPro li.li4 a { background-color: #f7f7f7; }
.hmPro li.li5 a { background-color: #024993; background-image: url(../images/bg_line2.png); padding-bottom: 125.714%; text-align: center; }
.hmPro li.li5:hover a { background-color: #da0505; }
.hmPro li .bg, .hmPro li .bgimg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: all .3s; }
.hmPro li .bgimg { display: block; background: no-repeat center center; background-size: cover; }
/* .hmPro li .bgimg.hover{ opacity: 0;} */
.hmPro li:hover .bgimg { transform: scale(1.1); }
.hmPro li .info { position: absolute; left: 0; top: 50%; width: 90%; transform: translateY(-50%); padding: 2% 5%; z-index: 2; }
.hmPro li .pic { float: right; width: 55%; overflow: hidden; }
.hmPro li figure { background: no-repeat center center; background-size: contain; padding-bottom: 96%; transition: all .3s; position: relative; }
.hmPro li figure span { display: block; position: absolute; top: 0; height: 100%; width: 100%; background: no-repeat center center; background-size: contain; transition: all .3s; opacity: 0; }
.hmPro li h3 { font-size: 20px; line-height: 1.5em; max-height: 3em; overflow: hidden; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hmPro li:hover h3 { color: #fff; }
.hmPro li .text { padding: 12% 1%; }
.hmPro li .text span { display: block; background: url(../images/arrow_gray.png) no-repeat center center; background-size: contain; width: 51px; height: 12px; margin-top: 8%; transition: margin .3s; }
.hmPro li.li3 .text span, .hmPro li.li5 .text span { display: none; }
.hmPro li.li3 .pic, .hmPro li.li5 .pic { float: none; width: auto; margin: 0 auto; }
.hmPro li.li3 figure { padding-bottom: 83.49%; }
.hmPro li.li5 figure { padding-bottom: 83.49%; background-size: 80%; }
.hmPro li a:hover figure { transform: scale(0.9); background-image: none !important; }
.hmPro li a:hover .text span { margin-top: 10%; background-image: url(../images/arrow_white.png); }
.hmPro li a:hover .bgimg.hover { opacity: 1; transform: scale(1.1); }
/*hmInd*/
.hmInd { padding: 50px 0; max-width: 1920px; margin: 0 auto; }
.hmInd .hmTitle { text-align: center; }
.hmInd .box { overflow: hidden; }
.hmInd ul { float: left; width: 33.33%; overflow: hidden; }
.hmInd li a { display: block; background: no-repeat center center; background-size: cover; position: relative; }
.hmInd li h3 { font-weight: normal; position: absolute; left: 0; line-height: 1.35em; transition: margin .3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hmInd ul li a { padding-bottom: 67.1875%; color: #fff; position: relative; }
/* .hmInd .ul1 li:last-child a,
.hmInd .ul3 li:last-child a{padding-bottom:48.214%;} */
.hmInd .ul2 li a { padding-bottom: 134.4%; color: #fff; }
.hmInd .ul3 { width: 33.34%; }
.hmInd li h3 { width: 100%; text-align: center; font-size: 50px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.hmInd li a:hover h3 { margin-top: -2%; z-index: 1; color: #fff; }
.hmInd .ul1 li a:after { content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; position: absolute; opacity: 0; transition: 0.3s; }
.hmInd .ul1 li:hover a:after { opacity: 0.5; }
.hmInd .ul2 li a:after { content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; position: absolute; opacity: 0; transition: 0.3s; }
.hmInd .ul2 li:hover a:after { opacity: 0.5; color: #fff; }
.hmInd .ul3 li a:after { content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; position: absolute; opacity: 0; transition: 0.3s; }
.hmInd .ul3 li:hover a:after { opacity: 0.5; color: #fff; }
/*hmAbout*/
.hmAbout { padding: 50px 0; background: url(../images/bg_hmabout.png) no-repeat center bottom; background-size: cover; overflow: hidden; max-width: 1920px; margin: 0 auto; }
.hmAbout ul { padding: 30px 3%; overflow: hidden; margin-bottom: 30px; }
.hmAbout li { float: left; text-align: center; width: 20%; padding-bottom: 2%; }
.hmAbout li .round { background-color: #6691be; color: #fff; border-radius: 50%; width: 248px; padding-bottom: 248px; overflow: hidden; position: relative; margin: 0 auto 10%; }
.hmAbout li .info { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); }
.hmAbout li span { font-size: 64px; line-height: 1.125em; }
.hmAbout li span i { font-style: normal; }
.hmAbout li p { font-size: 30px; clear: both; line-height: 1.125em; }
.hmAbout li h3 { font-size: 18px; font-weight: normal; color: #000; line-height: 1.35em; }
.hmAbout .more { margin-bottom: 10px; }
.hmAbout .more a { display: block; color: #024994; border: 1px solid #024994; font-size: 18px; width: 130px; height: 43px; text-align: center; line-height: 43px; margin: 0 auto; position: relative; padding-right: 64px; transition:.3s; padding-left: 16px; }
.hmAbout .more a:after { content: '>'; display: block; width: 71px; position: absolute; right: 10px; top: 0;line-height: 45px; }
.hmAbout .more a:hover {padding-right: 90px; color: #fff; border: 1px solid #024994; background: #024994 }





/*hmNews*/
.hmNews { padding: 65px 0; }
.hmNews ul { overflow: hidden; }
.hmNews li { float: left; width: 30.333%; padding: 0 1.5%; }
.hmNews li a { display: block; overflow: hidden; background-color: #f3f3f3; }
.hmNews li .pic { overflow: hidden; position: relative; padding-bottom: 62.857%; }
.hmNews li .pic span { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; transition: transform .3s; }
.hmNews li .info { padding: 25px 30px; }
.hmNews li time { display: block; background-color: rgba(2,77,156,.7); width: 80px; height: 80px; color: #fff; text-align: center; font-size: 16px; line-height: 30px; margin: -75px 0 25px; position: relative; z-index: 1; }
.hmNews li time i { font-style: normal; display: block; font-size: 36px; line-height: 50px; }
.hmNews li h3 { font-size: 18px; color: #000; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.35em; margin-bottom: 15px; transition: color .3s; }
.hmNews li p { font-size: 14px; color: #666; line-height: 1.75em; word-wrap: break-word; height: 5.25em; overflow: hidden; transition: color .3s; }
.hmNews li .more { clear: both; overflow: hidden; margin-top: 5px; }
.hmNews li .more i { font-style: normal; display: block; width: 29px; height: 7px; background: url(../images/icon_02.png) no-repeat left center; background-size: contain; float: right; transition: padding .3s; }
.hmNews li a:hover .pic span { transform: scale(1.1, 1.1); }
.hmNews li a:hover h3 { color: #024994; }
.hmNews li a:hover .more i { padding-right: 15px; }
.hmNews li a:hover p { color: #024994; }
/*hmNetwork*/
.hmNetwork { background: url(../images/bg_network.jpg) no-repeat center center; background-size: cover; padding: 35px 0 15px; color: #fff; }
.hmNetwork .box { display: table; width: 100%; table-layout: fixed; }
.hmNetwork .map, .hmNetwork .info { width: 52%; padding: 0 2%; display: table-cell; vertical-align: middle; }
.hmNetwork .map { width: 48%; }
.hmNetwork .map img { display: block; width: 100%; height: auto; }
.hmNetwork .info { padding-right: 10%; }
.hmNetwork h2 { font-weight: normal; line-height: 1.35em; font-size: 58px; position: relative; padding-bottom: 15px; margin-bottom: 15px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hmNetwork h2:after { content: ''; display: block; height: 1px; width: 80%; background-color: #fff; position: absolute; left: 0; bottom: 0; }
.hmNetwork .intro { font-size: 16px; line-height: 1.8; text-align: justify;}
.hmNetwork .more { overflow: hidden; margin-top: 9%; }

.hmNetwork .more a { display: block; color: #fff; border: 1px solid #fff; font-size: 18px; width: 130px; height: 43px; text-align: center; line-height: 43px; position: relative; padding-right: 64px; transition:.3s; padding-left: 16px; }
.hmNetwork .more a:after { content: '>'; display: block; width: 71px; position: absolute; right: 10px; top: 0;line-height: 44px; }
.hmNetwork .more a:hover {padding-right:90px; color: #fff; border: 1px solid #024994; background: #024994;}






/*banner*/
.banner { background: no-repeat center center; background-size: cover; padding-bottom: 315px; overflow: hidden; }
/*joinus*/
.joinus { padding: 75px 0; }
.jobItem { margin-bottom: 1px; }
.jobItem .top { background-color: #ccc; position: relative; padding: 10px 70px 10px 30px; cursor: pointer; }
.jobItem .top:after { content: '+'; display: block; font-size: 30px; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 50%; margin-top: -20px; right: 30px; }
.jobItem .top h2, .jobItem .top h3 { font-weight: normal; font-size: 30px; color: #333; line-height: 1.35em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jobItem .top h3 { font-size: 16px; }
.jobItem .intro { background-color: #f0f0f0; padding: 15px 30px; color: #666; line-height: 1.875em; font-size: 16px; display: none; }
.jobItem .intro h4 { font-size: 16px; line-height: 1.875em; font-weight: normal; color: #333; }
.jobItem .box { padding: 15px 0; }
.jobItem .apply { padding: 15px 0; }
.jobItem .apply a { display: block; color: #fff; font-size: 14px; height: 38px; width: 200px; margin: 0 auto; text-transform: uppercase; background-color: #024993; border-radius: 19px; text-align: center; line-height: 38px; }
.jobItem .apply a:hover { opacity: .85; }
.jobItem:first-child .intro { display: block; }
.jobItem .open:after { content: '-'; }
/*jobForm*/
.jobForm .upload { margin-bottom: 4.166%; }
.jobForm .upload a { display: block; color: #fff; background-color: #024993; box-shadow: 0px 0px 1px #000; width: 150px; height: 40px; line-height: 40px; border-radius: 20px; padding: 0 50px 0 30px; position: relative; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jobForm .upload a:after { content: ''; display: block; width: 17px; height: 20px; background: url(../images/icon_upload.png) no-repeat center center; background-size: contain; position: absolute; right: 30px; top: 50%; margin-top: -10px; }
.jobForm .upload a:hover { opacity: .85; }
.jobForm .upload a i { font-style: normal; }
.jobForm .upload .file { display: none; }
.jobForm .select { margin-bottom: 15px; width: 282px; background-color: #fff; position: relative; }
.jobForm .select:after { content: ''; display: block; width: 10px; height: 10px; background: url(../images/icon_arrow.png) no-repeat center center; background-size: contain; position: absolute; right: 15px; top: 50%; margin-top: -5px; }
.jobForm select { width: 100%; height: 35px; line-height: 35px; padding: 0 15px; font-size: 14px; color: #333; border: 1px solid #ddd; -webkit-appearance: none; position: relative; z-index: 1; }
.jobForm select::-ms-expand {
display:none;
}
.jobForm .item { float: left; padding-right: 20px; position: relative; padding-bottom: 15px; }
.jobForm .input { width: 280px; border: 1px solid #ddd; }
.jobForm .text { font-size: 14px; color: #333; height: 33px; width: 100%; text-indent: 15px; background-color: #fff; }
.jobForm .item i { font-style: normal; color: #f00; position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: -7.5px; }
.jobForm .textarea { float: none; margin-bottom: 3.333%; }
.jobForm .textarea .input { width: auto; }
.jobForm textarea { height: 200px; width: 100%; padding: 8px 0; text-indent: 15px; background-color: #fff; color: #333; font-size: 14px; font-family: "Whitney SSm A", "Whitney SSm B", Arial, Verdana, Geneva, "sans-serif"; }
.jobForm .submit { width: 345px; height: 44px; cursor: pointer; color: #fff; background-color: #034993; font-size: 16px; }
.jobForm .submit:hover { opacity: .85; }
/*contact*/
.contactPage { padding: 2.864% 0; }
.contact { margin-bottom: 3.125%; overflow: hidden; }
.contact h2 { margin-bottom: 3.125%; padding-bottom: 1.136%; position: relative; font-size: 36px; color: #024993; font-weight: normal; text-align: center; line-height: 1.25em; }
.contact h2:after { content: ''; display: block; width: 80px; height: 3px; background-color: #024993; position: absolute; left: 50%; bottom: 0; margin-left: -40px; }
.contact>ul { overflow: hidden; width: 103%; }
.contact>ul>li { float: left; width: 32%; padding-right: 5px; padding-bottom: 2%; }
.contact>ul>li .box { border: 1px solid #d2d2d2; margin-left: 5px; padding: 25px 5px; }
.contact>ul>li .pic { float: left; width: 150px; overflow: hidden; display: inline-block; }
.contact>ul>li figure { padding-bottom: 77.777%; background: no-repeat center center; background-size: cover; overflow: hidden; }
.contact>ul>li .info { margin-left: 196px; overflow: hidden; }
.contact>ul>li h3, .contact li h4 { font-size: 18px; color: #333; line-height: 1.65em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.contact>ul>li h4 { font-weight: normal; }
.contact>ul>li p { font-size: 16px; color: #666; line-height: 1.875em; height: 7.5em; overflow: hidden; }
.contact.ht>ul>li { column-count: 1; }
.contact.ht>ul>li:nth-of-type(1) { -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
.contact .pattern { display: none; }
.contact:nth-of-type(1)>ul>li:nth-of-type(1) .pattern { display: block; }
.contact>ul>li:nth-of-type(1) .pattern { margin-top: 97px; padding-top: 60px; border-top: 1px solid #cccccc; }
.contact>ul>li:nth-of-type(1) .pattern ul li { margin-bottom: 30px; font-size: 18px; color: #666; }
.contact>ul>li:nth-of-type(1) .pattern ul li:before { display: inline-block; width: 29px; height: 29px; content: ''; margin-right: 13px; vertical-align: middle; }
.contact>ul>li:nth-of-type(1) .pattern ul li:nth-of-type(1):before { background-image: url(../images/ioc1.png); }
.contact>ul>li:nth-of-type(1) .pattern ul li:nth-of-type(2):before { background-image: url(../images/ioc2.png); }
/*pageBar*/
.pageBar { overflow: hidden; padding: 35px 0; }
.pageBar h2 { font-size: 48px; font-weight: normal; color: #024993; line-height: 1.125em; text-transform: uppercase; float: left; }
.breadcrumb { float: right; font-size: 14px; color: #666; background: url(../images/icon_home.png) no-repeat left 12px; line-height: 1.75em; padding: 10px 0 10px 30px; }
/*products*/
.products { overflow: hidden; }
.proSide { float: left; width: 340px; background: #fff; }
.proSide li { font-size: 18px; color: #666; border-bottom: 1px solid #e0e0e0; margin-bottom: 1px; position: relative; }
.proSide li a { display: block; height: 50px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-left: 10px solid #e0e0e0; padding: 0 30px; position: relative; }
.proSide li em { position: absolute; right: 0; top: 0; height: 50px; width: 30px; z-index: 1; cursor: pointer; }
.proSide li em:after { content: ''; display: block; width: 10px; height: 5px; background: url(../images/icon_drop.png) no-repeat 0 0; position: absolute; right: 10px; top: 50%; margin-top: -2.5px; }
.proSide dl { display: none; margin-bottom: 15px; }
.proSide dd { font-size: 15px; color: #7c7a7a; padding: 0 10px 0 60px; }
.proSide dd a { height: 32px; line-height: 32px; border-left: none; padding: 0; }
.proSide dd a:after { display: none; }
.proSide .cur > a { border-left-color: #024993; color: #024993; }
.proSide .cur > em:after { background-position: 0 -5px; }
.proSide .cur dl { display: block; }
.proSide dd.on { }
.proSide dd.on a { color: #fff; background-color: #024993; }
.proMain { margin-left: 390px; overflow: hidden; }
.proBox { overflow: hidden; margin-bottom: 15px; }
.proBox h3 { font-size: 18px; color: #fff; font-weight: normal; height: 49px; line-height: 49px; border-bottom: 1px solid #dcdcdc; margin-bottom: 35px; overflow: hidden; }
.proBox h3 span { float: left; display: inline-block; position: relative; display: block; background-color: #024993; padding: 0 10px; margin: 0 20px; min-width: 290px; white-space: nowrap; }
.proBox h3 span:before, .proBox h3 span:after { content: ''; display: block; width: 20px; height: 100%; background: url(../images/left_bg.png) no-repeat center center; position: absolute; left: -20px; top: 0; }
.proBox h3 span:after { background-image: url(../images/right_bg.png); left: auto; right: -20px; }
.proBox ul { overflow: hidden; width: 103%; }
.proBox li { float: left; width: 31%; padding-right: 2%; padding-bottom: 2%; }
.proBox li a { display: block; overflow: hidden; border: 1px solid #d2d2d2; background-color: #d2d2d2; color: #333; transition: all .3s; }
.proBox li .pic { padding-bottom: 62.79%; position: relative; overflow: hidden; }
.proBox li figure { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff no-repeat center center; background-size: contain; transition: transform .3s; }
.proBox li p { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; padding: 20px 25px; }
.proBox li a:hover figure { transform: scale(1.1, 1.1); }
.proBox li a:hover { border-color: #024993; background-color: #024993; color: #fff; }
/*proDetails*/
.proDetails .top { overflow: hidden; margin-bottom: 25px; }
.proImg { }
.proImg .item { }
.proImg .Ispic { padding-bottom: 28%; width: 44.313%; border: 1px solid #ccc; float: left; }
.proImg .owl-nav button { position: absolute; top: 50%; width: 30px; height: 46px; margin-top: -23px; }
.proImg .owl-nav .owl-prev { left: 0; }
.proImg .owl-nav .owl-next { right: 55.5%; }
.proImg .owl-nav span { font-size: 48px; color: #bbb; }
.proImg .owl-dots { font-size: 0; line-height: normal; text-align: center; padding: 10px 0; width: 44.313%; margin-top: -28px; position: relative; z-index: 1; }
.proImg .owl-dots .owl-dot { display: inline-block; margin: 0 5px; }
.proImg .owl-dots span { display: block; width: 10px; height: 10px; background-color: #ccc; border-radius: 50%; }
.proImg .owl-dots .active span { background-color: #024993; }
.proDetails { margin-bottom: 3%; }
.proDetails .info { width: 53%; float: right; }
.proDetails .title { font-size: 36px; color: #024993; font-weight: normal; line-height: 1.125em; border-bottom: 1px solid #ccc; padding-bottom: 4%; margin-bottom: 4%; }
.proDetails .feature h4 { font-size: 24px; font-weight: normal; color: #024993; line-height: 1.25em; margin-bottom: 4%; }
.proDetails .feature .intro { font-size: 16px; color: #333; line-height: 1.75em; }
.proDetails .feature p { padding: 4px 0; }
.proDetails .entry { font-size: 16px; line-height: 2em; color: #333; margin-bottom: 35px; }
.proDetails .entry h4 { font-size: 24px; color: #024993; font-weight: normal; line-height: 1.35em; margin-bottom: 10px; }
.proDetails .download { overflow: hidden; margin-bottom: 35px; }
.proDetails .download a { display: block; float: left; border: 1px dashed #d2d2d2; padding: 11px 55px; color: #113884; font-size: 18px; line-height: 1.75em; background: url(../images/icon_download.png) no-repeat 25px center; background-size: auto 18px; transition: all .3s; }
.proDetails .download a:hover { border: 1px solid #113884; }
/*postnavi*/
.postnavi { font-size: 18px; color: #666; line-height: 1.75em;border-top: 1px dashed #ccc; padding-top: 4%; }
.postnavi p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom:16px; }
.postnavi p span{ font-weight: bold; padding-right:12px; color: #113884; }
.postnavi a { color: #333; }
.postnavi a:hover { color: #113884; }
/*sidebar*/
.sidebar { float: left; width: 280px; border-right: 1px solid #b8b8b8; padding: 5px 35px 30px 0; }
.widget { margin-bottom: 11%; }
.sideSearch { border-bottom: 1px solid #9ca1a5; position: relative; padding-right: 20px; }
.sideSearch .s { position: absolute; right: 0; top: 50%; margin-top: -15px; width: 20px; height: 30px; background: url(../images/icon_search.png) no-repeat center center; background-size: 18px auto; }
.sideSearch .text { height: 20px; width: 98%; line-height: 20px; padding: 5px 1%; font-size: 18px; color: #666; }
.sideMenu li { margin-bottom: 7.936%; font-size: 18px; line-height: 1.75em; }
.sideMenu li a { display: block; color: #666; padding: 11px 30px 11px 20px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #ccc; border-radius: 5px; text-transform: uppercase; transition: all .3s; }
.sideMenu li i { font-style: normal; display: block; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); }
.sideMenu li a:hover, .sideMenu li.cur a { background-color: #024994; color: #fff; border-color: #024994; }
/*main*/
.main { margin-left: 350px; overflow: hidden; }
/*pagenavi*/
.pagenavi a, .pagenavi i { display: inline-block; float: left; height: 30px; padding: 0 11px; background-color: #f2f2f2; font-size: 12px; margin-right: 7px; line-height: 30px; transition: all .3s; }
.pagenavi a:last-child { margin-right: 0; }
.pagenavi i { font-style: normal; background-color: transparent; padding: 0; }
.pagenavi a:hover, .pagenavi a.a_cur { background-color: #2e2e2e; color: #fff; }
.pagenavi .a_btn { padding: 0 20px; }
/*news*/
.news { overflow: hidden; padding: 2% 0 5%; }
.newsItem { overflow: hidden; padding-bottom: 3px; margin-bottom: 4.705%; border-bottom: 1px solid #dedede; transition: all .3s; }
.newsItem:hover { border-bottom: 1px solid #024993; }
.newsItem .pic { float: right; width: 250px; overflow: hidden; }
.newsItem .pic a { display: block; padding-bottom: 86%; background: no-repeat center center; background-size: cover; transition: all .3s; }
.newsItem:hover .pic a { transform: scale(1.1); }
.newsItem .info { margin-right: 290px; overflow: hidden; }
.newsItem h2 { font-size: 20px; font-weight: normal; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.newsItem h2 a { color: #333; }
.newsItem h2 a:hover { color: #024994; }
.newsItem time { display: block; font-size: 14px; color: #999; margin-bottom: 15px; }
.newsItem .excerpt { font-size: 15px; color: #666; word-wrap: break-word; line-height: 1.75em; height: 8.75em; overflow: hidden; }
.newsItem .more { margin-top: 10px; }
.newsItem .more a { font-size: 14px; color: #003399; text-transform: uppercase; transition: margin .3s; }
.newsItem:hover .more a { margin-left: 10px; }
.newsItem .ioc { margin-top: 20px; text-align: right; opacity: 0; transition: all .3s; }
.newsItem:hover .ioc { opacity: 1; }
/*newsDetails*/
.newsDetails .title { font-weight: normal; font-size: 30px; color: #333; line-height: 1.25em; margin-bottom: 1.764%; }
.newsDetails .meta { margin-bottom: 2.353%; }
.newsDetails .meta span { font-size: 14px; color: #999; margin-right: 10px; }
.newsDetails .entry { font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 2.353%; overflow: hidden; }
.newsDetails .entry p { margin-bottom: 2.353% }
.newsDetails .postnavi { font-size: 14px; }
/*subMenu*/
.subMenu span { display: none; }
.subMenu ul { overflow: hidden; }
.subMenu li { float: left; padding-right: 1.136%; padding-bottom: 2px; font-size: 16px; color: #333; }
.subMenu li a { display: block; background-color: #ccc; color: #333; width: 160px; padding: 0 5px; text-align: center; height: 38px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s; }
.subMenu li a:hover, .subMenu li.cur a { color: #fff; background-color: #034993; }
/*download*/
.download { overflow: hidden; margin-bottom: 3%; }
.download ul { overflow: hidden; width: 104%; }
.download li { float: left; width: 46%; padding: 1% 4% 1% 0; }
.download li a { display: block; overflow: hidden; background-color: #f6f6f6; position: relative; color: #333; }
.download li .cover { float: left; width: 116px; overflow: hidden; }
.download li figure { padding-bottom: 120.689%; overflow: hidden; position: relative; }
.download li figure img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.download li .btn { width: 110px; background-color: #eee; position: absolute; right: 0; top: 0; height: 100%; }
.download li .btn span { display: block; text-align: center; width: 100%; height: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #024993; font-size: 14px; background: url(../images/icon_04.png) no-repeat top center; padding-top: 35px; transition: all .3s; }
.download li .info { margin: 15px 130px 15px 170px; }
.download li h2 { font-weight: normal; font-size: 18px; line-height: 1.35em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
.download li .intro { font-size: 14px; color: #666; line-height: 1.875em; height: 5.625em; overflow: hidden; }
.download li a:hover { color: #034993; }
.download li a:hover .btn span { padding-top: 45px; }
/*afterSales*/
.afterSales { display: table; width: 100%; table-layout: fixed; }
.afterSales .entry { font-size: 17px; color: #333; line-height:1.8; overflow: hidden; display: table-cell; width: 50%; vertical-align: top; }
.afterSales .pic { display: table-cell; width: 50%; padding-left: 1%; vertical-align: middle; }
.afterSales .pic img { display: block; width: auto; max-width: 100%; height: auto; }
/*globalService*/
.globalService .top { /* display: table; */ width: 100%; /* table-layout: fixed; */ /* padding:0 0 2%; */ }
.globalService .map { /* display: table-cell; */ width: 100%; padding: 0 1%; vertical-align: middle; }
.globalService .map img { display: block; width: auto; max-width: 1440px; height: auto; margin: 0 auto; }
.globalService .info { overflow: hidden; /* display: table-cell; */ width: 100%; vertical-align: middle;/*  padding-right: 5%;  */}
.globalService h2 { font-size: 58px; font-weight: normal; color: #024993; line-height: 1.25em; /* border-bottom: 1px solid #ebebeb; */ margin-bottom: 2%; /* padding-bottom: 2%;  */text-transform: uppercase; }
.globalService .text { font-size: 16px; color: #666; line-height: 1.8; }
.globalService .btm { overflow: hidden; }
.globalService .btm ul { overflow: hidden; width: 102.5%; }
.globalService .btm li { float: left; width: 17.5%; padding-right: 2.5%; padding-bottom: 2%; }
.globalService .btm .pic { overflow: hidden; }
.globalService .btm figure { padding-bottom: 66.129%; overflow: hidden; background: no-repeat center center; background-size: cover; }
/*singlepage*/
.singlepage .entry { font-size: 16px; color: #666; line-height:1.8; }
.singlepage .entry p { margin-bottom: 1.5%; text-align: justify;}
/*petroleum*/
.petroleum { margin-bottom: 2%; overflow: hidden; }
.petroleum .entry { font-size: 16px; color: #666; }
.petroleum .entry p { margin-bottom: 2%; }
.petroleum .btm { display: table; width: 100%; table-layout: fixed; }
.petroleum .pic { display: table-cell; width: 40%; vertical-align: top; }
.petroleum .pic img { display: block; width: 100%; height: auto; }
.petroleum .info { display: table-cell; vertical-align: middle; width: 60%; padding-left: 4%; }
.petroleum .info li { overflow: hidden; padding: 10px 0; }
.petroleum .info h3 { font-weight: normal; font-size: 24px; color: #333; line-height: 1.35em; margin-bottom: 5px; }
.petroleum .info h3:after { display: inline-block; content: ''; margin-left: 30px; width: 55px; height: 1px; background-color: #d2d2d2; vertical-align: middle; }
.petroleum .info p { font-size: 16px; color: #666; line-height: 1.8; }
.petroleum .info .num { float: left; width: 40px; position: relative; }
.petroleum .info .num img { width: 100% }
.petroleum .info .text { margin-left: 90px; }
/*development*/
.development .intro { padding: 1% 0; margin-bottom: 3%; }
.development .intro h2 { font-size: 48px; color: #024993; font-weight: normal; line-height: 1.35em; text-align: center; margin-bottom: 2%; }
.development .intro .text { font-size: 24px; color: #666; line-height: 1.75em; }
.history { position: relative;/*  background: url(../images/icon_05.png) no-repeat top center; */ /* padding-top: 114px; */ overflow: hidden; margin-bottom: 3%; }
/* .history:before { content: ''; display: block; width: 2px; height: 100%; background-color: #d1d1d3; position: absolute; left: 50%; top: 64px; margin-left: -1px; } */
.history #history { position: relative; z-index: 1; padding: 0 4.545%; }
.history .item { background: url(../images/icon_history.png) repeat-y center top; overflow: hidden; padding-bottom: 33px; }
.history .box { width: 50%; }
.history .date { float: right; width: 130px; border-bottom: 2px solid #c8c8c8; font-size: 30px; color: #024993; height: 46px; line-height: 46px; padding: 0 5px; position: relative; }
.history .date i { display: block; font-style: normal; width: 16px; height: 16px; background-color: rgba(1,92,227,.6); border-radius: 50%; position: absolute; right: -9px; bottom: -9px; }
.history .date i:after { content: ''; display: block; border-radius: 50%; background-color: #015ce3; width: 10px; height: 10px; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; }
.history .info { padding: 8px 0; text-align: right; margin-right: 180px; font-size: 18px; color: #666; line-height: 32px; }
.history .item:nth-child(2n) .box { float: right; }
.history .item:nth-child(2n) .date { float: left; text-align: right; }
.history .item:nth-child(2n) .date i { right: auto; left: -7.5px; }
.history .item:nth-child(2n) .info { text-align: left; margin-right: 0; margin-left: 180px; }
.history .list{padding: 0 4.545%;}
.history .list:before{display: block;content: '';width: 20px;height: 20px;margin:auto;background-color: #a6a5a5;border-radius: 20px;}
.history .list:after{display: block;content: '';width: 20px;height: 20px;margin:auto;background-color: #a6a5a5;border-radius: 20px;}
.history .list ul{padding: 3%;background-image: url(../images/line.jpg);background-repeat: repeat-y;background-position: center;}
.history .list ul li{position: relative;margin-bottom: 4%;}
.history .list ul li:last-child{margin-bottom: 0;}
.history .list ul li .img{width: 40%}
.history .list ul li .img img{width: 100%;}
.history .list ul li:nth-of-type(odd) .img{margin-right: auto;}
.history .list ul li:nth-of-type(even) .img{margin-left: auto;}
.history .list ul li .time{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto;width: 127px;height: 127px;background-size: cover;background-repeat: no-repeat;font-size: 33.75px;font-weight: bold;font-family: 'Arial';text-align: center;line-height: 127px;}
.history .list ul li:nth-of-type(odd) .time{background-image: url(../images/circular1.png);}
.history .list ul li:nth-of-type(even) .time{background-image: url(../images/circular2.png);}
.history .list ul li .text{position: absolute;width: 40%;font-size: 22px;color: #737373;line-height: 48px;}
.history .list ul li:nth-of-type(odd) .text{top: 50%;right: 0;transform: translate(0%, -50%);;text-align: left;}
.history .list ul li:nth-of-type(even) .text{top: 50%;left: 0;transform: translate(0%, -50%);;text-align: right;}
/*culture && profile*/
.culture .inner1200 { padding: 3.645% 0 6.25%; }
.culture h2 { font-weight: normal; text-align: center; line-height: 1.35em; font-size: 48px; color: #024993; margin-bottom: 2%; }
.culture .entry { font-size: 24px; color: #666; line-height: 1.75em; }
.culture .title { text-align: center; font-size: 30px; color: #024993; font-weight: normal; line-height: 1.35em; margin-bottom: 3.571%; }
.videoBox .video { position: relative; margin-top: 4.1666%; }
.videoBox video { width: 100%; height: auto; }
.videoBox .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: no-repeat center center; background-size: cover; }
.videoBox .cover i { font-style: normal; display: block; width: 10.4%; padding-bottom: 10.4%; background: url(../images/icon_play.png) no-repeat center center; background-size: contain; transition: transform .3s; position: absolute; left: 50%; top: 50%; margin-top: -5.2%; margin-left: -5.2%; cursor: pointer; }
.videoBox .cover i:hover { transform: scale(0.9, 0.9); }
.aboutYdf { background: url(../images/bg_culture.jpg) no-repeat center center; background-size: cover; padding: 4.166% 0; }
.aboutYdf h3 { font-size: 36px; font-weight: normal; text-align: center; line-height: 1.35em; color: #024993; margin-bottom: 5%; }
.aboutYdf ul { overflow: hidden; }
.aboutYdf li { float: left; width: 27.333%; padding: 1% 3%; text-align: center; }
.aboutYdf li .icon { width: 121px; margin: 0 auto 5%; }
.aboutYdf li span { display: block; padding-bottom: 73.553%; background: no-repeat center center; background-size: contain; }
.aboutYdf li p { font-size: 24px; color: #fff; line-height: 1.75em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*certification*/
.certification { background: url(../images/bg_cert.jpg) no-repeat center bottom; background-size: cover; padding: 4.6875% 0; }
.certification .intro { font-size: 18px; color: #666; line-height: 1.75em; }
/*milestone*/
.milestone .box { padding-top: 3%; }
.milestone .info { margin-top: 3.5%; }
.milestone h4 { width: 180px; height: 48px; line-height: 48px; background-color: #024993; color: #fff; font-size: 24px; font-weight: normal; text-align: center; margin: 0 auto 2.916%; }
.milestone .intro { font-size: 24px; color: #666; text-align: center; line-height: 1.75em; width: 76.666%; margin: 0 auto; }
/*.milestone .item {display:none;}*/
.milestone .dot { position: relative; }
.milestone .dot:before, .milestone .dot:after { content: ''; display: block; width: 50%; height: 2px; background-color: #666; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.milestone .dot:after { left: auto; right: -1px; }
.milestone .active:first-child .dot:before { display: none; }
.milestone .active:last-child .dot:after { display: none; }
.milestone .dot span { display: block; width: 16px; height: 16px; margin: 0 auto; border: 2px solid #666; border-radius: 50%; background-color: #fff; cursor: pointer; position: relative; z-index: 9; }
.milestone .center span { border-color: #024993; }
.milestone .center span:before { content: ''; display: block; border-radius: 50%; width: 7px; height: 7px; background-color: #024993; position: absolute; left: 50%; top: 50%; margin-left: -3.5px; margin-top: -3.5px; }
.milestone1 .list { position: relative; margin: 0 56px; margin-bottom: 5%; }
.milestone1 .list .bd { width: 100%; }
.milestone1 .list .bd li { float: left; position: relative; overflow: hidden; }
.milestone1 .list .bd .tempWrap { margin: 0 auto; }
.milestone1 .list .bd li { position: relative; }
.milestone1 .list .bd li:before, .milestone1 .list .bd li:after { content: ''; display: block; width: 50%; height: 2px; background-color: #666; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.milestone1 .list .bd li:after { left: auto; right: -1px; }
.milestone1 .list .bd li span { display: block; width: 16px; height: 16px; margin: 0 auto; border: 2px solid #666; border-radius: 50%; background-color: #fff; cursor: pointer; position: relative; z-index: 9; }
.milestone1 .list .bd li.on span { border-color: #024993; }
.milestone1 .list .bd li.on span:before { content: ''; display: block; border-radius: 50%; width: 7px; height: 7px; background-color: #024993; position: absolute; left: 50%; top: 50%; margin-left: -3.5px; margin-top: -3.5px; }
.milestone h4 { width: 180px; height: 48px; line-height: 48px; background-color: #024993; color: #fff; font-size: 24px; font-weight: normal; text-align: center; margin: 0 auto 2.916%; }
.milestone .intro { font-size: 24px; color: #666; text-align: center; line-height: 1.75em; width: 76.666%; margin: 0 auto; }
.milestone1 .big { width: 100%; }
.milestone1 .big ul { display: none; margin: 0 auto; }
.milestone1 .big li { overflow: hidden; }
.milestone1 .big .txt h3 { width: 180px; height: 48px; line-height: 48px; background-color: #024993; color: #fff; font-size: 24px; font-weight: normal; text-align: center; margin: 0 auto 2.916%; }
.milestone1 .big .txt p { font-size: 24px; color: #666; text-align: center; line-height: 1.75em; width: 76.666%; margin: 0 auto; }
.Floor001893 .title { text-align: center; padding: 3% 0 2% 0; color: #014099; font-size: 36px; }
.Floor001893 .title span { text-transform: uppercase; color: #e1e1e1; font-size: 30px; display: block; padding: 10px 0; font-family: Arial, Helvetica, sans-serif; }
.Floor001893 .title:after { display: block; content: ''; margin: 0 auto; width: 80px; height: 6px; background-color: #cacaca; }
.Floor001893 .year { position: relative; padding: 0 40px; }
.Floor001893 .year .prev, .Floor001893 .year .next { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; background: url(../images/Floor001893-controls.png) no-repeat left top; cursor: pointer; }
.Floor001893 .year .prev { left: 0; }
.Floor001893 .year .next { right: 0; background-position: left bottom; }
.Floor001893 .year .nextStop, .Floor001893 .year .prevStop { cursor: default; }
.Floor001893 .year .prevStop { background-position: right top; }
.Floor001893 .year .nextStop { background-position: right bottom; }
.Floor001893 .year .bd { background: url(../images/Floor001893-bg.png) repeat-x left center; overflow: hidden; }
.Floor001893 .year li { cursor: pointer; text-align: center; background: url(../images/Floor001893-dot.png) no-repeat center center; font-size: 18px; padding-bottom: 40px; }
.Floor001893 .year li span { display: block; height: 130px; padding-top: 10px; }
.Floor001893 .year li:before { display: block; width: 0; height: 0; margin: 0 auto; border: 20px solid transparent; content: ''; }
.Floor001893 .year li.on { font-size: 28px; color: #1865d0; background-image: url(../images/Floor001893-dot_hover.png); }
.Floor001893 .year li.on:before { border-top-color: #f1f1f1; }
.Floor001893 .year li.on span { padding-top: 0; }
.Floor001893 .txt { background-color: #f1f1f1; }
.Floor001893 .txt li { padding: 3% 35% 3% 0; position: relative; }
.Floor001893 .txt li .img { position: absolute; right: 0; width: 32%; top: -10%; }
.Floor001893 .txt li .img img { display: block; width: 100%; }
.Floor001893 .txt li dl { display: table; width: 100%; min-height: 300px; }
.Floor001893 .txt li dl dt, .Floor001893 .txt li dl dd { display: table-cell; vertical-align: top; }
.Floor001893 .txt li dl dt { border-right: 1px solid #cacaca; width: 245px; text-align: right; font-size: 72px; color: #014099; }
.Floor001893 .txt li dl dt span { display: block; padding-right: 30px; }
.Floor001893 .txt li dl dt:after { display: block; float: right; ; content: ''; width: 20px; height: 20px; background-color: #2465c2; }
.Floor001893 .txt li dl dd pre { padding-left: 30px; font-size: 16px; line-height: 24px; }
/*certBox*/
.certBox { margin-top: 5.714%; }
.certBox .item { padding-bottom: 135.222%; background: no-repeat center center; background-size: contain; overflow: hidden; }
.certBox .owl-nav button { position: absolute; top: 50%; margin-top: -15px; }
.certBox .owl-nav .owl-prev { left: -5.714%; }
.certBox .owl-nav .owl-next { right: -5.714%; }
.certBox .owl-nav span { display: block; width: 30px; height: 30px; background: no-repeat center center; background-size: contain; text-indent: -9999em; }
.certBox .owl-nav .owl-prev span { background-image: url(../images/icon_09.png); }
.certBox .owl-nav .owl-next span { background-image: url(../images/icon_10.png); }
/*branch*/
.branch h2 { font-size: 48px; text-align: center; color: #024993; line-height: 1.125em; padding: 3.9% 0; font-weight: normal; }
.branchBox { position: relative; min-height: 200px; margin-bottom: 4.1%; }
.branchBox:before { content: ''; display: block; width: 86%; height: 200px; background-color: #024993; position: absolute; left: 0; top: 0; }
.branchBox .inner { position: relative; z-index: 1; overflow: hidden; }
.branchBox .info { width: 28%; position: relative; float: left; height: 477px; }
.branchBox .info h3 { height: 200px; position: relative; margin-left: 40px; color: #fff; font-weight: normal; }
.branchBox .info h3:after { content: ''; display: block; width: 8px; height: 86px; background-color: #e5e5e5; position: absolute; left: 0; bottom: -43px; }
.branchBox .info h3 span { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); font-size: 36px; line-height: 1.25em; max-height: 2.5em; overflow: hidden; }
.branchBox .info .intro { margin: 70px 0 10px 40px; font-size: 18px; color: #666; line-height: 1.75em; height: 10.5em; overflow: hidden; }
.branchBox .city { width: 24%; float: left; }
.branchBox .city.four { width: 18%; }
.branchBox .city .pic { margin-left: 15px; margin-bottom: 15px; padding-bottom: 477px; position: relative; overflow: hidden; }
.branchBox .city .img { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; z-index: 1; transition: transform .3s; }
.branchBox .city span { position: absolute; left: 0; bottom: 25px; width: 90%; padding: 0 5%; font-size: 24px; color: #fff; text-align: center; z-index: 2; line-height: 1.25em; max-height: 2.5em; overflow: hidden; }
.branchBox .city:hover .img { transform: scale(1.1, 1.1); }
/* .ul_sitemap{ padding: 25px 0; font-size: 14px;}
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:10px 10px 10px 15px; position: relative; line-height: 20px;line-height: 24px;min-height: 24px;}
.ul_sitemap li strong{ position: absolute; left: 0; top: 10px; width: 90px; text-align: right; font-weight: bold; font-size: 16px;}
.ul_sitemap li strong a{ color: #024994;}
.ul_sitemap li span{   padding-left:100px;display: block; }
.ul_sitemap li span em{ font-style:normal; color: #999; padding: 0 10px;} */

.ul_sitemap { padding: 25px 0; /* font-size: 14px;display: -webkit-flex; display: flex;align-content:flex-start;flex-direction:row;flex-wrap: wrap; */ }
.ul_sitemap>div { width: 28.3334%; margin: 1%; float: left; }
.ul_sitemap li { border: solid 1px #ddd; padding: 10px 10px 10px 15px; position: relative; line-height: 20px; line-height: 24px; min-height: 24px; /* display: inline-block; */ }
.ul_sitemap li+li { margin-top: 20px; }
.ul_sitemap li strong { display: block; font-weight: bold; padding: 10px; }
.ul_sitemap li strong a { color: #024994; }
.ul_sitemap li span { border-top: solid 1px #ddd; display: block; padding: 10px; }
.ul_sitemap li span a { display: block; }
.ul_sitemap li span em { font-style: normal; color: #999; padding: 0 10px; display: none; }
/*Installation & Training*/
.training-top { font-size: 0; }
.training-top .img1 { display: inline-block; width: 32.5%; vertical-align: middle; }
.training-top .img1 img { width: 100%; }
.training-top .text { display: inline-block; margin-left: 3.1%; width: 43.5%; font-size: 16px; color: #666; line-height:1.8; vertical-align: middle; text-align: justify;}
.training-top .img2 { display: inline-block; margin-left: 3.1%; width: 17.8%; vertical-align: middle; }
.training-top .img2 img { width: 100% }
.training-list { margin-top: 5%; }
.training-list ul { font-size: 0; }
.training-list ul li { display: inline-block; width: 31.25%; margin-right: 3.125%; line-height: 1; }
.training-list ul li:last-child { margin-right: 0; }
.training-list ul li .img img { width: 100%; }
.training-list ul li .title { padding: 20px 25px; font-size: 18px; color: #666; background-color: #eee; line-height: 30px; }
.guidelines-top { font-size: 0; }
.guidelines-top .img { display: inline-block; width: 28.8%; margin-right: 4%; vertical-align: middle; }
.guidelines-top .img img { width: 100%; }
.guidelines-top .text { display: inline-block; width: 67.2%; font-size: 16px; color: #666; line-height:1.8; vertical-align: middle; }
.guidelines-list { margin-top:4%; }
.guidelines-list ul { font-size: 0; }
.guidelines-list ul li { position: relative; display: inline-block; width: 47.5%; margin-right: 5%; line-height: 1; }
.guidelines-list ul li:last-child { margin-right: 0; }
.guidelines-list ul li .img img { width: 100%; }
.guidelines-list ul li .title { position: absolute; bottom: 4%; left: 10%; padding: 15px; background-color: #fff; font-size: 30px; color: #000 }

@media (max-width:767px) {
.ul_sitemap>div { float: none; width: 100%; }
.ul_sitemap li+li { margin-top: 1%; }
}
/*Banner002167 */
.Banner002167 { position: relative; z-index: 1; overflow: hidden;}
.Banner002167 div { height: 1040px; background-position: center top; background-repeat: no-repeat; }
.Banner002167 img { display: none; }
.Banner002167 aside { position: absolute; left: 50%; top: 10%; line-height: 46px; height: 46px; width: 100%; font-size: 33px; padding: 0 2%; max-width: 1366px; color: #fff; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.Banner002167 aside h1 { margin-top: 0; margin-bottom: 3%; font-weight: 100; font-size: 48px; color: #024993;  padding:0 10px;}
.Banner002167 aside p { font-weight: 100; font-size: 24px; color: #4d4d4d; margin-bottom: 0; line-height:1.8; padding:0 10px; }
.Banner002167 aside span { display: block; margin-top: 100px;  padding:0 10px;}

.Banner002167 aside span a{margin-right: 30px; display: inline-block; color: #fefefe; background:#0074ba;  font-size: 20px; width:220px; text-align: center; height: 56px; line-height: 56px;  position: relative; padding-right: 64px; transition:.3s; padding-left: 16px; }
.Banner002167 aside span a:after { content: '>'; display: block; width: 71px; position: absolute; right: 10px; top: 0;line-height: 56px; }
.Banner002167 aside span a:hover {padding-right: 90px; color: #fff;}


@media(max-width:1280px) {
.Banner002167 aside h1 { font-size: 40px; }
.Banner002167 aside p { font-size: 16px; }
.history .list ul li .text{font-size: 22px;line-height: 32px;}
}

@media(max-width:1000px) {
.Banner002167 div { display: none; }
.Banner002167 img { display: block; min-width: 100%; min-height: 540px; }
}

@media(max-width:768px) {
.Banner002167 aside span { margin-top: 20px; }
.Banner002167 aside span a { margin-right: 20px; width: 180px; padding-right: 40px; margin-bottom: 10px; font-size: 18px; background: url(../images/a_more.png) no-repeat 160px center #0074ba; }
.history .list{padding: 0;}
.history .list ul li .img{margin-top: 20px;width: 100%;}
.history .list ul li .text{margin-top: 10px;position: unset;width: 100%;top: 0;}
.history .list ul li:nth-of-type(even) .text{transform: none;text-align: left;}
.history .list ul li:nth-of-type(odd) .text{transform: none;text-align: left;}
.history .list ul li .time{position: unset;}
.history .list:before{display: none;}
.history .list:after{display: none;}
.history .list ul{background-image: none;}
.history .list ul li .text{font-size: 20px;line-height: 28px;}
.history .list ul li .time{width: 80px;height: 80px;line-height: 80px;font-size: 20px;}
}

@media(max-width:640px) {
.Banner002167 aside { top: 3%; }
.Banner002167 aside h1 { font-size: 32px; }
}
/*
 .content_about 为demo编号
 */
.content_about { padding-bottom: 5%; }
.content_about .auto { max-width: 1680px; margin: 0 auto; }

@media only screen and (max-width:1710px ) {
.content_about .auto { max-width: 1710px; padding-left: 15px; padding-right: 15px; }
}
.content_about .info { padding: 6% 0; font-size: 22px; font-weight: 100; color: #818182; line-height:1.6; max-width: 1366px; margin: 0 auto; text-align: justify}
.content_about .more { margin-top: 10%; }


.content_about .more a{margin-right: 30px; display: inline-block; color: #fefefe; background:#0074ba;  font-size: 20px; width: 220px; text-align: center; height: 56px; line-height: 56px;  position: relative; padding-right: 64px; transition:.3s; padding-left: 16px; }
.content_about .more a:after { content: '>'; display: block; width: 71px; position: absolute; right: 10px; top: 0;line-height: 56px; }
.content_about .more a:hover {padding-right: 90px; color: #fff;}





.content_about dl { margin-bottom: 6%; }

@media(min-width:769px) {
.content_about dl { display: table; width: 100%; }
.content_about dl dt, .content_about dl dd { display: table-cell; vertical-align: middle; width: 45%; }
}
.content_about dl dt img { max-width: 100%; }
.content_about dd figure { padding-left: 10%; }
.content_about dl.odd dt { width: 38%; text-align: right; }
.content_about dl.odd dd figure { padding-right: 15%; }
.content_about dd figure * { margin: 0; }
.content_about dd figure h1 { font-size: 48px; color: #818182; font-weight: 100; }
.content_about dd figure p { line-height:1.6; font-weight: 100;  margin: 2% 0 0; font-size: 22px; color: #818182; text-align: justify;}

@media (max-width: 1280px) {
.content_about dd figure h1 { font-size: 40px; }
.content_about .info, .content_about dd figure p { font-size: 16px; }
}

@media(max-width:1024px) {
.content_about dd figure h1 { font-size: 32px; }
}

@media(max-width:768px) {
.content_about dd figure { padding-left: 0; padding-top: 3%; }
.content_about dl.odd dt { width: auto; text-align: center; }
.content_about dl.odd dd figure { padding-right: 0; }
.content_about .more a { margin-right: 20px; width: 180px; padding-right: 40px; font-size: 18px; background: url(../images/a_more.png) no-repeat 160px center #0074ba; }
}
.content_about .mainbox { color: #fff; padding: 8% 42% 8% 8%; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; }
.content_about .edit-css-2718 { font-size: 16px; line-height: 32px; }
.content_about .edit-css-2718 .tit { font-size: 45px; font-weight: 100; margin: 0 0 5% 0; }
.content_about .edit-css-2718 p { margin: 0; font-size: 22px; font-weight: 100; line-height:1.6; text-align: justify;}
/*.content_about .mainbox .link {color: #fefefe; margin-right: 30px; width: 240px; padding-right: 60px; height: 56px; line-height: 56px; display: inline-block; font-size: 20px; text-align: center; background: url(../images/a_more.png) no-repeat 240px center #0074ba; }
*/


.content_about .mainbox .link{ position: absolute;left:71%; top: 50%; margin-top: -28px; display: inline-block; color: #fefefe; background:#0074ba;  font-size: 20px; width: 220px; text-align: center; height: 56px; line-height: 56px;  padding-right: 64px; transition:.3s; padding-left: 16px; }
.content_about .mainbox .link:after { content: '>'; display: block; width: 71px; position: absolute; right: 10px; top: 0;line-height: 56px; }
.content_about .mainbox .link:hover {padding-right:90px; color: #fff;}






@media (max-width: 1280px) {
.content_about .edit-css-2718 .tit { font-size: 40px; }
.content_about .edit-css-2718 p { font-size: 16px; }
}

@media(max-width:1024px) {
.content_about .edit-css-2718 .tit { font-size: 32px; }
}

@media(max-width:768px) {
.content_about .mainbox { padding: 8%; }
.content_about .mainbox .link { position: static; margin-top: 3%; }
}
/*
 .PicList001212 为demo编号
 */
.PicList001212 { padding-bottom: 5%; }
.PicList001212 .auto { max-width: 1680px; margin: 0 auto; overflow: hidden; }

@media only screen and (max-width:1710px ) {
.PicList001212 .auto { max-width: 1710px; padding-left: 15px; padding-right: 15px; }
}
.PicList001212 .info { padding: 6% 0; font-size: 22px; font-weight: 100; color: #818182; text-align: center; line-height: 2; max-width: 1366px; margin: 0 auto; }
.PicList001212 .info .tit { font-weight: 100; font-size: 48px; color: #024993; }
.PicList001212 time { position: absolute; left: 30px; bottom: 30px; font-size: 18px; color: #545454; }
.PicList001212 li { float: left; width: 33.332%; background: #ededed; transition: all ease-out 0.5s; position: relative; }
.PicList001212 li:after { position: absolute; content: ""; right: 0; top: 0; height: 50%; width: 1px; background: #fff; }
.PicList001212 li:nth-of-type(2n) { background: #0074ba; }
.PicList001212 li:nth-of-type(3n):after { display: none; }
.PicList001212 li div { padding: 30px; ; min-height: 320px; position: relative; }
.PicList001212 li .Ispic { display: block; padding-bottom: 67%; transition: all ease-out 0.5s; }
.PicList001212 li h1 { margin: 0; font-weight: normal; font-size: 18px; color: #545454; line-height: 1.8; }
.PicList001212 li:nth-of-type(2n) h1, .PicList001212 li:nth-of-type(2n) time { color: #fff; }
.PicList001212 li figure { overflow: hidden; border-bottom: 1px solid #fff; }
.PicList001212 li:hover figure a { transform: scale(1.05); }

@media (max-width: 1280px) {
.PicList001212 .info .tit { font-size: 40px; }
.PicList001212 .info { font-size: 16px; }
}

@media(max-width:1024px) {
.PicList001212 .info .tit { font-size: 32px; }
}

@media(max-width:768px) {
.PicList001212 li { width: 50%; }
}

@media(max-width:480px) {
.PicList001212 li { float: none; width: auto; }
.PicList001212 li div { padding: 30px; ; min-height: 240px; }
}
/*
 .Floor002460 为demo编号
 */
.Floor002460 { padding-bottom: 5%; }
.Floor002460 .auto { max-width: 1300px; margin: 0 auto; }

@media only screen and (max-width:1330px ) {
.Floor002460 .auto { max-width: 1330px; padding-left: 15px; padding-right: 15px; }
}
.Floor002460 .info { padding: 6% 0; font-size: 26px; font-weight: 100; color: #818182; text-align:justify; line-height:1.8; max-width: 1366px; margin: 0 auto; }
.Floor002460 .videobox { position: relative; height: 280px; overflow: hidden;}
.Floor002460 .videobg { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 280px; }
.Floor002460 .videobg .play { display: block; background: url(../images/Floor002460-play.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 60px 60px; cursor: pointer; }
.Floor002460 .video { position: absolute; top: 0; left: 0; width: 100%; min-height: 345px; z-index: 5; display: none; }
.Floor002460 .video video { width: 100%;   min-height: 345px;background: #fff; object-fit: cover;}

@media only screen and (min-width: 768px) {
.Floor002460 .videobg, .Floor002460 .videobox { height: 420px; }
.Floor002460 .videobg .play { background-size: 80px 80px; }
}

@media only screen and (min-width: 1360px) {
.Floor002460 .videobg, .Floor002460 .videobox { height:576px; }
.Floor002460 .videobg .play { background-size: 100px 100px; }
}

@media (max-width: 1280px) {
.Floor002460 .info { font-size: 16px; }
}
/*
 .PicList001646 为demo编号
 */
.PicList001646 .auto { max-width: 1680px; position: relative; margin: 0 auto; }

@media only screen and (max-width:1710px ) {
.PicList001646 .auto { max-width: 1710px; padding-left: 15px; padding-right: 15px; }
}
.PicList001646 .tit { font-size: 45px; font-weight: 100; color: #818182; text-align: center; margin-bottom: 2%; margin-top: 6%; }
.PicList001646 .info { font-size: 22px; font-weight: 100; color: #818182; text-align: justify; line-height:1.6; max-width: 1366px; margin: 0 auto; }
.PicList001646 dl { margin-top: 6%; margin-bottom: 6%; }
.PicList001646 dt img{ max-width: 100%;}
@media(min-width:769px) {
.PicList001646 dl { display: table; width: 100%; }
.PicList001646 dl dt, .PicList001646 dl dd { display: table-cell; vertical-align: middle; width: 45%; padding-right: 5%; }
}
.PicList001646 dd figure { padding-left: 10%; }
.PicList001646 dl.odd dt { width: 38%; padding-right: 0; text-align: right; }
.PicList001646 dl.odd dd figure { padding-right: 15%; }
.PicList001646 dd figure * { margin: 0; }
.PicList001646 dd figure h1 { font-size: 48px; color: #818182; font-weight: 100; }
.PicList001646 dd figure p { line-height:1.6; font-weight: 100; text-align:justify; margin: 2% 0 0; font-size: 22px; color: #818182; }
.PicList001646 dl .video_files { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
.PicList001646 dl .video_files video { width: 100%; height: 100%; background-color: #000;object-fit: cover; }
.PicList001646 dl .video_files .close { position: absolute; right: 3%; top: 3%; z-index: 10; width: 30px; height: 30px; border-radius: 50%; background-color: #024994; cursor: pointer; }
.PicList001646 dl .video_files .close::before, .PicList001646 dl .video_files .close::after { position: absolute; content: ''; width: 3px; height: 70%; border-radius: 3px; background-color: #fff; left: 13px; top: 5px; }
.PicList001646 dl .video_files .close::before { transform: rotate(45deg); }
.PicList001646 dl .video_files .close::after { transform: rotate(-45deg); }
.PicList001646 dl dt aside { position: relative; height: 430px; }
.PicList001646 dl dt aside em { display: block; padding-bottom: 56%; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.PicList001646 dl dt aside a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0); }
.PicList001646 dl dt aside a::before, .PicList001646 dl dt aside a::after { position: absolute; content: ''; z-index: 5; top: 50%; left: 50%; }
.PicList001646 dl dt aside a::before { width: 100px; height: 100px; background: rgba(49,49,49,0.59); margin-left: -50px; margin-top: -50px; border-radius: 50%; }
.PicList001646 dl dt aside a::after { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 35px solid rgba(255,255,255,1); margin-left: -15px; margin-top: -18px; }
@media (max-width: 1280px){
.PicList001646 .tit,.PicList001646 dd figure h1{ font-size: 40px;}
.PicList001646 .info,.PicList001646 dd figure p { font-size: 16px; }
}
@media(max-width:1024px){
.PicList001646 .tit,.PicList001646 dd figure h1{ font-size: 32px;}
}
@media(max-width:768px) {
.PicList001646 dd figure { padding-left: 0; padding-top: 3%; }
.PicList001646 dl.odd dt { width:auto; padding-right: 0; text-align: cener; }
.PicList001646 dl.odd dd figure { padding-right: 0; padding-bottom: 3%; padding-top: 0; }
.PicList001646 dl dt aside { height: auto; }
}

/*RighInfo002222*/
.RighInfo002222 .auto { max-width: 1680px; position: relative; margin: 0 auto; }

@media only screen and (max-width:1710px ) {
.RighInfo002222 .auto { max-width: 1710px; padding-left: 15px; padding-right: 15px; }
}
.RighInfo002222 .tit { font-size: 45px; font-weight: 100; color: #414141; text-align: center; margin-bottom: 2%; }
.RighInfo002222 .info { font-size: 22px; font-weight: 100; color: #818182; text-align: center; line-height:1.8; max-width: 1366px; margin: 0 auto; }
.RighInfo002222 .h2 { color: #414141; font-size: 45px; font-weight: 100; }
.RighInfo002222 .p { font-size: 20px; font-weight: 100; color: #6e6d6d; line-height:1.8; }
.RighInfo002222 .box1 { background: #fff; padding: 6% 0; }
.RighInfo002222 .box1 .img { float: right; width: 56%; display: block; padding-top: 6%; text-align: right; }
.RighInfo002222 .box1 .img img { max-width: 100%; }
.RighInfo002222 .box1 figure { float: left; width: 40%; }
.RighInfo002222 .box2 { padding: 4% 0; background: #fcfcfc; }
.RighInfo002222 .box3 { position: relative; background: #f2f1f1; padding: 3% 0; }
.RighInfo002222 .box3 .ul li { float: left; width: 33.3334%; padding: 0 0 6% 0; }
.RighInfo002222 .box3 .ul li img { max-width: 100%; }
.RighInfo002222 .box3 .ul li figure { padding: 10% 15%; position: relative; }
.RighInfo002222 .box3 .ul li figure:before { position: absolute; content: ""; top: -55px; left: 50%; margin-left: -45px; width: 0; height: 0; border-style: solid; border-color: transparent transparent #e1e2e1 transparent; border-bottom-width: 48px; border-left-width: 45px; border-right-width: 45px; }
.RighInfo002222 .box3 .ul li .p { font-size:24px; font-weight: 100; color: #6e6d6d; line-height:1.8; }
.RighInfo002222 .box3 .ul li .h1 { color: #004fba; font-weight: bold; font-size: 24px; margin: 0; padding-left: 20px; position: relative; margin-top: 10%; }
.RighInfo002222 .box3 .ul li .h1:before { position: absolute; content: ""; top: 50%; left: 0; margin-top: -6px; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #024993; border-left-width: 12px; border-top-width: 8px; border-bottom-width: 8px; }
.RighInfo002222 .box3 .ul li .h3 { color: #6e6d6d; margin: 0; font-weight: 100; font-size: 24px; padding-left: 20px; }
.RighInfo002222 .box4 { background: #0074ba; text-align: center; color: #fff; padding: 4% 0; font-size: 30px; line-height: 1.8; font-weight: 100; }
.RighInfo002222 .box4 .h2 { color: #fff; }
.RighInfo002222 .box4 p { max-width: 1280px; margin: 0 auto; margin-bottom: 2%; }
.RighInfo002222 .box4 dd { display: inline-block; margin: 0 3%; height: 56px; line-height: 56px; position: relative; padding-left: 68px; }
.RighInfo002222 .box4 dd img { position: absolute; left: 0; top: 50%; margin-top: -28px; }

@media (max-width: 1280px) {
.RighInfo002222 .tit { font-size: 40px; }
.RighInfo002222 .info { font-size: 16px; }
.RighInfo002222 .h2 { font-size: 40px; }
.RighInfo002222 .p { font-size: 16px; }
.RighInfo002222 .box3 .ul li .p { font-size: 20px; }
.RighInfo002222 .box4 { font-size: 20px; }
}

@media(max-width:1024px) {
.RighInfo002222 .box1 .img, .RighInfo002222 .box1 figure { width: 100%; float: none; text-align: center; }
.RighInfo002222 .box1 .img { padding-top: 2%; }
.RighInfo002222 .tit { font-size: 32px; }
.RighInfo002222 .h2 { font-size: 32px; }
.RighInfo002222 .box3 .ul li .p { font-size: 18px; }
.RighInfo002222 .box4 { font-size: 18px; }
}

@media(max-width:768px) {
.RighInfo002222 .box3 .ul li { float: none; width: auto; margin: 0; }
.RighInfo002222 .box4 dd { margin: 2% auto; }
}
/*RighInfo002222 End*/






/*
 .RighInfo001108 为demo编号
 */
.RighInfo001108 { padding: 2% 0 0; }
.RighInfo001108 .auto { max-width: 1680px; position: relative; margin: 0 auto; }

@media only screen and (max-width:1710px ) {
.RighInfo001108 .auto { max-width: 1710px; padding-left: 15px; padding-right: 15px; }
}
.RighInfo001108 .pic { float: left; width: 38%; }
.RighInfo001108 .pic img { width: 100%; }
.RighInfo001108 .txt { float: right; width: 46%; padding-right: 5%; padding-top: 3%; color: #333; }
.RighInfo001108 .txt h1 { font-size: 36px; color: #024993; font-weight: normal; }
.RighInfo001108 .txt p { font-size: 20px; color: #333; line-height: 2; font-weight: 100; }
.RighInfo001108 .txt dl { padding: 5% 0; }
.RighInfo001108 .txt dt { color: #fff; font-size: 22px; width: 200px; height: 54px; line-height: 54px; text-align: center; background: #0074ba; font-weight: 100; margin-bottom: 3%; }
.RighInfo001108 .txt dd { font-size: 20px; color: #333; line-height: 2; font-weight: 100; }
.RighInfo001108 .txt .contact { padding: 3% 0; }
.RighInfo001108 .txt .contact h3 { font-weight: normal; color: #363636; font-size: 22px; margin-bottom: 3%; }
.RighInfo001108 .txt .contact a { color: #fff; text-align: center; line-height: 54px; font-size: 22px; padding: 0 15px; padding-left: 70px; display: inline-block; background: url(../images/RighInfo001108-ico.png) no-repeat 15px center #0074ba; font-weight: 100; }
.RighInfo001108 .info_pn { background: url(../images/RighInfo001108-bg.png) no-repeat center; background-size: cover; padding: 5% 0; margin-top: 5%; }
.RighInfo001108 .info_pn span { display: inline-block; margin-right: 10%; position: relative; padding-left: 30px; }
.RighInfo001108 .info_pn span:before { position: absolute; content: ""; left: 0; top: 50%; width: 18px; height: 24px; margin-top: -12px; background: url(../images/RighInfo001108-arrow.png) no-repeat left center; }
.RighInfo001108 .info_pn span a { color: #fff; font-size: 30px; font-weight: 100; }

@media (max-width: 1280px) {
.RighInfo001108 .txt p { font-size: 16px; }
.RighInfo001108 .txt dd { font-size: 16px; }
}

@media(max-width:1024px) {
.RighInfo001108 .txt h1 { font-size: 32px; }
.RighInfo001108 .txt .contact a { font-size: 18px; }
.RighInfo001108 .info_pn span a { font-size: 20px; }
}

@media(max-width:768px) {
.RighInfo001108 .pic, .RighInfo001108 .txt { float: none; width: auto; }
.RighInfo001108 .info_pn span { display: block; margin-right: 0; margin-bottom: 2%; position: relative; padding-left: 30px; }
}