@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#f5f5f5;}
body { max-width:1920px; min-height:100%; margin:0 auto; background:#fff; font:0/0 Arial; color:#595757; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img,iframe { border:0;}
u { text-decoration:none;}
i { font-style:normal;}
b { font-weight:normal;}
a,a:hover { text-decoration:none; color:#0088da;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div,ul { font:12px/20px "microsoft yahei","SimSun";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei","SimSun"; text-transform:uppercase;}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
table td { padding:8px 10px; border:#ccc 1px solid; vertical-align:middle;}
table.noborder { border:0;}
table.noborder td { border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
video { background:#333; font:0/0 arial;}
input,select,textarea { float:left; background:none; border:0; font:12px/20px "microsoft yahei","SimSun"; color:#595757; resize:none; position:relative; z-index:20;}
input[type="submit"],.submit { cursor:pointer;}
select:-ms-expand { display:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
input.white::-webkit-input-placeholder,input.white::-moz-placeholder,input.white:-moz-placeholder,input.white:-ms-placeholder { color:rgba(255,255,255,1);}
html::-webkit-scrollbar { width:10px; height:10px;}
html::-webkit-scrollbar-thumb { background:rgba(50,50,50,0.5); border:transparent 2px solid; border-radius:10px; background-clip:padding-box;}
html::-webkit-scrollbar-thumb:hover { background-color:rgba(50,50,50,0.8);}
html::-webkit-scrollbar-track { background:rgba(50,50,50,0.05);}
html::-ms-clear,html::-ms-reveal { display:none;}
video::-webkit-media-controls-panel { background:rgba(255,255,255,0.2);}
.m_fl,ul,ol,li { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow,li { overflow:hidden;}
.hidden { display:none;}
.display { display:block;}
.name { text-overflow:ellipsis; white-space:nowrap;}
.img,.swiper,.banner .imgs,.loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 Arial; position:relative;}
.img img { width:100%; transition:all 0.5s; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}
@font-face { font-family:"ALTGOT2N";
	src:url("ALTGOT2N.eot");
	src:url("ALTGOT2N.eot") format("embedded-opentype"),
	url("ALTGOT2N.woff") format("woff"),
	url("ALTGOT2N.ttf") format("truetype"),
	url("ALTGOT2N.svg") format("svg");
}

.allSelect em { font-style:normal; position:absolute;}
.allSelect em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:#898989 1px solid; text-indent:14px; font-size:14px; top:0; right:0; cursor:pointer;}
.allSelect em.value:after { width:0; height:0; content:""; border-right:transparent 7px solid; border-left:transparent 7px solid; border-top:#ccc 7px solid; position:absolute; top:50%; right:9px; z-index:10; margin-top:-3px; transition-duration:400ms;}
.allSelect em.id { display:none;}
.allSelect em.open { border-color:#0088da !important;}
.allSelect em.open:after { border-top-color:#0088da; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:209px; background:#fff; border:#0088da 1px solid; position:absolute; top:calc(100% - 1px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { float:left; width:100%; height:34px; border-top:#f7f7f7 1px solid; text-indent:14px; line-height:34px; font-size:14px; overflow:hidden; cursor:pointer;}
.allSelect dl dd a { float:left; width:100%; height:100%;}
.allSelect dl dd:first-child { border:0;}
.allSelect dl dd i { display:none;}
.allSelect dl dd:hover { background:rgba(2,134,209,0.2);}
.allSelect dl dd.active { background:rgba(2,134,209,0.4);}
.allSelect dl dd.none { color:#b0b0b0;}
.allSelect dl.open { transform:translateY(5px); opacity:1; visibility:visible;}

/**头部和尾部**/
header { width:1300px; height:100px; position:relative; z-index:150;}
header:before { width:1920px; height:calc(100% - 1px); content:""; background:rgba(255,255,255,1); border-bottom:rgba(0,0,0,0.05) 1px solid; position:absolute; top:0; left:50%; transform:translateX(-50%);}

header .logo { height:60px; font:0/0 Arial; position:absolute; top:50%; left:0px; z-index:20; margin-top:-30px;}
header .logo img { height:100%;}

header .nav { height:100px; line-height:100px; position:absolute; top:50%; right:140px; transform:translateY(-50%); z-index:10;}
header .nav>li { height:100%; margin-left:2px; overflow:visible; position:relative;}
header .nav>li>a { float:left; height:100%; padding:0 20px; font-size:16px; color:#3e3a39; position:relative;}
header .nav>li:hover>a { background:#212e7d; color:#fff;}
header .nav>li>a.active { background:#212e7d; color:#fff;}

header .nav li dl { width:1000%; height:40px; position:absolute; top:100%; left:0; transition:all 0.3s; transform:translateY(20px); opacity:0; visibility:hidden;}
header .nav li dl:before { width:20000px; height:100%; content:""; background:rgba(33,46,125,0.4); position:absolute; top:0; left:50%; transform:translateX(-50%);}
header .nav li dd { float:left; height:40px; padding-left:25px; line-height:40px; position:relative; z-index:10;}
header .nav li dd:before { width:1px; height:12px; content:""; content:""; background:#fff; position:absolute; top:50%; left:12px; margin-top:-6px;}
header .nav li dd:first-child { padding:0;}
header .nav li dd:first-child:before { display:none;}
header .nav li dd a { float:left; width:100%; height:100%; text-align:center; font-size:14px; color:#fff;}
header .nav li dd a:hover,header .nav li dd a.active { color:#212e7d;}
header .nav li:hover dl { transform:translateY(0); opacity:1; visibility:visible;}

header .icon { height:50px; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:20;}
header .icon li { width:20px; height:100%; margin-left:20px; position:relative; overflow:visible; cursor:pointer;}
header .icon li i { width:100%; height:100%; position:absolute; top:0; left:0;}
header .icon li i:before { width:100%; height:21px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .icon li.search { width:20px; margin:0;}
header .icon li.search i:before { background-position:-50px 0;}
header .icon li.search:hover i:before { background-position:-50px -25px;}
header .icon li.weixin { width:23px;}
header .icon li.weixin i:before { background-position:-70px 0;}
header .icon li.weixin:hover i:before { background-position:-70px -25px;}
header .icon li.qq { width:19px;}
header .icon li.qq i:before { background-position:-95px 0;}
header .icon li.qq:hover i:before { background-position:-95px -25px;}

header .icon li.header_search { width:172px; height:50px; margin:0; background:#fff; overflow:hidden; position:absolute; top:50%; right:100%; margin-top:-25px; margin-right:-30px; z-index:30; opacity:0; visibility:hidden;}
header .icon li.header_search:after { width:20px; height:21px; content:""; background:url(../images/base.png) no-repeat -50px 0; position:absolute; top:15px; right:10px; z-index:25;}
header .icon li.header_search input { position:absolute;}
header .icon li.header_search input[type=text] { width:calc(100% - 2px); height:calc(100% - 13px); padding-bottom:1px; background:none; border:#39211d 1px solid; border-radius:20px; text-indent:10px; top:5px; left:0; z-index:10;}
header .icon li.header_search input[type=text]:focus { border-color:#0088da; color:#0088da;}
header .icon li.header_search input[type=submit] { width:40px; height:40px; background:none; border:0; top:5px; right:0; z-index:30; cursor:pointer;}
header .icon li.header_search.open { opacity:1; visibility:visible;}

header .icon li .ewm { width:140px; height:149px; background:none; position:absolute; top:100%; left:50%; margin-left:-70px; transition:all 0.2s; transform:translateY(10%); opacity:0; visibility:hidden;}
header .icon li .ewm:before { width:0; height:0; content:""; border-right:transparent 9px solid; border-left:transparent 9px solid; border-bottom:#212e7d 9px solid; position:absolute; top:0; left:50%; margin-left:-8px;}
header .icon li .ewm:after { width:138px; height:138px; content:""; background-color:#fff; border:#212e7d 1px solid; border-radius:5px; position:absolute; bottom:0; left:0;}
header .icon li .ewm img { width:138px; height:138px; border-radius:5px; position:absolute; bottom:1px; left:1px; z-index:20;}
header .icon li:hover p { transform:translateY(0); opacity:1; visibility:visible;}

header .header_mask { width:1920px; height:100%; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-960px; z-index:15; display:none;}

footer { width:1300px; height:290px; margin-top:60px !important; color:#fff; position:relative; z-index:100;}
footer:before { width:1920px; height:calc(100% - 50px); content:""; background:#0088da; border-bottom:#212e7d 50px solid; position:absolute; top:0; left:50%; margin-left:-960px;}
#footer { position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;}

footer a { border-bottom:#0088da 1px solid; color:#fff;}
footer a:hover { border-color:#fff; color:#fff;}

footer>ul { position:relative; z-index:20;}

footer .link { width:100%; margin:54px 0 25px; line-height:26px; font-size:16px;}
footer .link li { height:100%; padding-left:35px; display:inline-block; position:relative;}
footer .link li:before { width:1px; height:14px; content:""; background:#fff; position:absolute; top:50%; left:16px; margin-top:-6px;}
footer .link li:first-child { padding:0;}
footer .link li:first-child:before { display:none;}
footer .link li a { float:left; height:100%;}

footer .copyright { width:100%; line-height:26px; font-size:14px;}

footer .ewm { height:145px; position:absolute; top:60px; right:0;}
footer .ewm li { float:left; width:120px; margin-left:20px;}
footer .ewm i { float:left; width:100%; text-align:center;}
footer .ewm .img { height:120px;}
footer .ewm .img.mb { width:104px; height:104px; border:#fff 8px solid;}
footer .ewm .txt { height:14px; margin-top:10px; line-height:14px; font-size:14px;}

footer .links { width:100%; height:24px; line-height:24px; font-size:14px; overflow:hidden; position:absolute; bottom:13px; left:0;}
footer .links li { height:100%; margin-left:20px;}
footer .links li:first-child { margin:0; font-size:16px; font-weight:bold;}
footer .links li a { float:left; height:100%; color:#fff; position:relative;}
footer .links li a:after { width:100%; height:1px; content:""; background:#fff; position:absolute; bottom:0; left:0; display:none;}
footer .links li a:hover:after { display:block;}

#fixed_right { width:90px; background:#fff; border-radius:20px; box-shadow:0px 0px 20px 5px rgba(0,0,0,0.05); position:fixed; top:50%; right:-100px; transform:translateY(-50%); z-index:200; transition:all 0.3s; opacity:0; visibility:hidden;}
#fixed_right.open { right:25px; opacity:1; visibility:visible;}
#fixed_right>div { width:100%; height:80px; overflow:visible; position:relative;}
#fixed_right>div:before { width:calc(100% - 20px); height:1px; content:""; background:#ddd; position:absolute; top:0; left:10px;}
#fixed_right>div:first-child:before { display:none;}
#fixed_right>div a { height:80px; display:block; position:relative;}
#fixed_right>div p { position:absolute;}
#fixed_right>div .name { width:100%; height:14px; padding-top:42px; text-align:center; line-height:14px; font-size:14px; color:#3e3a39; top:50%; left:0; transform:translateY(-50%);}
#fixed_right>div .name:before { width:50px; height:36px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#fixed_right>div:hover .name { color:#212e7d;}
#fixed_right>div.right01 .name:before { width:28px; background-position:-120px 0;}
#fixed_right>div.right01:hover .name:before { background-position:-120px 0;}
#fixed_right>div.right02 .name:before { width:30px; background-position:-150px 0;}
#fixed_right>div.right02:hover .name:before { background-position:-150px 0;}
#fixed_right>div.phone .name:before { width:32px; background-position:-185px 0;}
#fixed_right>div.phone:hover .name:before { background-position:-185px 0;}
#fixed_right>div.gotoTop .name { padding-top:30px;}
#fixed_right>div.gotoTop .name:before { width:44px; background-position:-220px -7px;}
#fixed_right>div.gotoTop:hover .name:before { background-position:-220px -7px;}
#fixed_right>div.phone .txt { padding-right:15px; font-size:18px; color:#fff; top:50%; right:70px; transform:translateY(-50%); z-index:10; transition:all .3s; opacity:0; visibility:hidden;}
#fixed_right>div.phone .txt i { float:left; width:125px; padding:10px; background:#212e7d; position:relative;}
#fixed_right>div.phone .txt i:after { width:0; height:0; content:""; border:transparent 9px solid; border-right:0; border-left:#212e7d 9px solid; position:absolute; top:50%; right:-9px; transform:translateY(-50%);}
#fixed_right>div.phone:hover .txt { right:90px; opacity:1; visibility:visible;}

/**首页**/
.header_index { width:calc(100% - 200px); margin:0 100px;}

section { width:1300px; position:relative; z-index:50;}
section img { max-width:100%;}
section>ul { position:relative; z-index:10;}
section>ul.bg { width:1920px; height:100%; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1;}
section>ul.bg li { width:100%;}

.index_title { width:100%; height:50px; color:#3e3a39; position:relative;}
.index_title h5,.index_title h6 { width:100%; text-align:center; position:absolute; left:0;}
.index_title h5 { line-height:24px; font-size:24px; font-weight:bold; top:0;}
.index_title h6 { height:14px; line-height:16px; font-size:16px; bottom:0;}
.index_title h6 i { height:100%; display:inline-block; position:relative;}
.index_title h6 i:before,.index_title h6 i:after { width:45px; height:1px; content:""; background:#3e3a39; position:absolute; top:50%;}
.index_title h6 i:before { left:-60px;}
.index_title h6 i:after { right:-60px;}

.index_swiper { width:1920px; height:650px; left:50%; transform:translateX(-50%);}
.index_swiper .swiper-pagination { bottom:15px !important;}
.index_swiper .swiper-pagination-bullet { width:14px; height:14px; margin:0 5px !important; background:#fff; border-radius:100%;}
.index_swiper .swiper-pagination-bullet-active { background:#0088da;}
.index_swiper .swiper-button { width:60px; height:60px; background:rgba(7,7,7,0.25); border-radius:100%; position:absolute; z-index:50; transition:all 0.3s; opacity:0; visibility:hidden;}
.index_swiper .swiper-button:before { width:11px; height:19px; content:""; background:url(../images/base.png) no-repeat -50px -50px; position:absolute; top:50%; left:50%; margin:-9px 0 0 -5px;}
.index_swiper .swiper-button:hover { background:rgba(0,136,218,0.35);}
.index_swiper .swiper-button-prev { transform:translateX(20px); left:30px;}
.index_swiper .swiper-button-next { transform:translateX(-20px); right:30px;}
.index_swiper .swiper-button-next:before { transform:rotate(180deg);}
.index_swiper:hover .swiper-button { transform:translateX(0); opacity:1; visibility:visible;}

.index_part1 { margin-top:70px;}
.index_part1 .list { width:105%; margin-top:10px;}
.index_part1 .list li { width:310px; margin:20px 20px 0 0; font:0/0 arial; position:relative;}
.index_part1 .list li a { float:left; width:100%; height:100%; position:relative;}
.index_part1 .list li p { width:100%; text-align:center; color:#fff; overflow:hidden; position:absolute; left:0; transition:all 0.35s;}
.index_part1 .list li img { width:100%;}
.index_part1 .list li .bg { position:relative;}
.index_part1 .list li .img { height:100%; top:0; z-index:10;}
.index_part1 .list li .name { width:230px; height:130px; background:rgba(255,255,255,0.8); top:50%; left:50%; transform:translate(-50%,-50%); z-index:30;}
.index_part1 .list li .name:before { width:20px; height:2px; content:""; background:#212e7d; position:absolute; top:66px; left:50%; transform:translateX(-50%);}
.index_part1 .list li .name i { width:100%; text-align:center; color:#2b2b2b; position:absolute; left:0;}
.index_part1 .list li .name .txt1 { line-height:22px; font-size:18px; font-weight:bold; top:30px;}
.index_part1 .list li .name .txt2 { line-height:12px; font-size:12px; text-transform:uppercase; bottom:30px;}

.index_part1 .list li:nth-child(1) .name:before { display:none;}

.index_part1 .list li:hover .img img { transform:scale(1.05);}
.index_part1 .list li:hover .name { background:rgba(0,136,218,0.8);}
.index_part1 .list li:hover .name:before { background:#fff;}
.index_part1 .list li:hover .name i { color:#fff;}

.index_part2 { margin-top:70px;}
.index_part2 .list { width:100%; height:230px; margin-top:10px; position:relative;}
.index_part2 .list .scroll { width:1210px; height:100%; overflow:hidden; position:absolute; top:0; left:45px;}
.index_part2 .list .auto_list { width:10000%; height:100%;}
.index_part2 .list li { width:390px; height:210px; margin:20px 20px 0 0; overflow:visible; position:relative;}
.index_part2 .list li a { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_part2 .list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_part2 .list li .img { height:100%; transition:all 0.3s;}
.index_part2 .list li:hover .img { transform:translateY(-10px);}

.index_part2 .list .button { width:30px; height:35px; border:#313131 1px solid; border-radius:8px; position:absolute; bottom:87px; cursor:pointer;}
.index_part2 .list .button:hover { background:#0088da; border-color:#0088da;}
.index_part2 .list .button:before { width:12px; height:23px; content:""; background:url(../images/base.png) no-repeat -65px -50px; position:absolute; top:6px; left:8px;}
.index_part2 .list .button:hover:before { background-position:-80px -50px;}
.index_part2 .list .button.auto_list_prev { left:0;}
.index_part2 .list .button.auto_list_next { right:0;}
.index_part2 .list .button.auto_list_next:before { left:10px; transform:rotate(180deg);}

.index_part3 { margin-top:70px;}
.index_part3:before { width:1920px; height:100%; content:""; background:#eff8ff; position:absolute; top:0; left:50%; margin-left:-960px;}

.index_part3 .logo { width:100%; margin:40px 0 15px;}
.index_part3 .logo li { width:100%; text-align:center; font:0/0 arial;}

.index_part3 .info { width:920px; height:420px; background:#0088da; margin:30px 0 20px; position:relative;}
.index_part3 .info li { position:absolute;}
.index_part3 .info li.imgs { width:360px; height:420px; top:0; left:0;}
.index_part3 .info li.imgs img { transition:all 0.5s;}
.index_part3 .info li.imgs:hover img { transform:scale(1.05);}

.index_part3 .info li.text { width:490px; height:295px; line-height:22px; font-size:14px; color:#fff; top:30px; right:35px;}

.index_part3 .info li.more { width:490px; height:40px; bottom:30px; right:35px;}
.index_part3 .info li.more a { float:left; width:108px; height:38px; border:#fff 1px solid; border-radius:20px; text-align:center; line-height:38px; font-size:14px; color:#fff;}
.index_part3 .info li.more a:hover { background:#212e7d; border-color:#212e7d; color:#fff;}

.index_part3 .icon { width:360px; position:absolute; bottom:20px; right:0;}
.index_part3 .icon li { width:100%; height:130px; margin-top:15px; position:relative;}
.index_part3 .icon li p { width:100%; overflow:hidden; position:absolute; left:0; z-index:10;}
.index_part3 .icon li .img { height:100%; top:0;}
.index_part3 .icon li .img:before { width:100%; height:100%; content:""; background:rgba(0,0,0,0.1); position:absolute; top:0; left:0; z-index:20; display:none;}
.index_part3 .icon li .txt { height:36px; top:50%; margin-top:-18px; z-index:20;}
.index_part3 .icon li .txt i { color:#2b2b2b; position:absolute; left:25px;}
.index_part3 .icon li .txt i.cn { line-height:18px; font-size:18px; font-weight:bold; top:0;}
.index_part3 .icon li .txt i.en { line-height:12px; font-size:12px; text-transform:uppercase; bottom:0;}
.index_part3 .icon li:hover .img:before { display:block;}

.index_part4 { background:#eff8ff;}
.index_part4:before { width:1920px; height:100%; content:""; background:url(../images/bg_part4.jpg) no-repeat; position:absolute; top:0; left:50%; margin-left:-960px;}

.index_part4 .list { width:110%; height:160px; margin:40px 0;}
.index_part4 .list li { width:200px; height:156px; margin-right:75px; border:#595757 2px solid; border-left:0; border-right:0; overflow:visible; position:relative;}
.index_part4 .list li:before,.index_part4 .list li:after { width:0; height:2px; content:""; background:#0088da; position:absolute; left:50%; transition:all 0.25s; transform:translateX(-50%);}
.index_part4 .list li:before { top:-2px;}
.index_part4 .list li:after { bottom:-2px;}
.index_part4 .list li a { float:left; width:100%; height:100%; text-align:center; position:relative;}
.index_part4 .list li .num { margin-top:28px; display:inline-block; position:relative;}
.index_part4 .list li .num span { font:80px/80px "ALTGOT2N";}
.index_part4 .list li .num i { height:22px; padding:0 2px; line-height:22px; background:#595757; border-radius:10px; color:#fff; position:absolute; bottom:19px; right:-22px;}
.index_part4 .list li .name { width:100%; text-align:center; line-height:14px; font-size:14px; position:absolute; bottom:32px; left:0;}
.index_part4 .list li:nth-child(4) .num i,
.index_part4 .list li:nth-child(5) .num i { right:-36px;}

.index_part4 .list li:hover:before,.index_part4 .list li:hover:after { width:100%;}
.index_part4 .list li:hover .num i { background:#0088da;}

.index_news { margin-top:70px; padding-bottom:10px;}
.index_news .swiper { width:640px; height:440px; margin-top:30px; position:relative;}
.index_news .swiper-slide p { width:100%; overflow:hidden; position:absolute; left:0; z-index:10;}
.index_news .swiper-slide .img { height:100%; top:0;}
.index_news .swiper-slide .img img { min-height:100%;}
.index_news .swiper-slide .name { width:calc(100% - 90px); height:50px; padding:0 75px 0 15px; background:rgba(0,0,0,0.7); line-height:50px; font-size:14px; color:#fff; bottom:0; z-index:20;}
.index_news .swiper-pagination { width:auto !important; bottom:19px !important; left:auto !important; right:10px;}
.index_news .swiper-pagination-bullet { width:12px; height:12px; margin:0 0 0 5px !important; background:#e5e5e5; border-radius:0;}
.index_news .swiper-pagination-bullet-active { background:#0088da;}
.index_news .swiper-slide:hover .img img { transform:scale(1.05);}

.index_news .right { width:630px; height:440px; margin-top:30px;}
.index_news .right .imglist { width:100%; height:256px; border-bottom:#9fa0a0 1px dotted;}
.index_news .right .imglist li { width:100%; height:110px; margin-bottom:15px; position:relative;}
.index_news .right .imglist li a { float:left; width:100%; height:100%; position:relative;}
.index_news .right .imglist li p { width:calc(100% - 175px); overflow:hidden; position:absolute; left:175px;}
.index_news .right .imglist li .img { width:160px; height:100%; top:0; left:0;}
.index_news .right .imglist li .img img { min-height:100%;}
.index_news .right .imglist li .name { height:24px; line-height:24px; font-size:16px; font-weight:bold; color:#3e3a39; top:4px;}
.index_news .right .imglist li .date { width:auto; height:21px; padding:0 6px 0 5px; background:#9fa0a0; border-radius:0 8px 8px 0; font:12px/22px arial; color:#fff; top:35px;}
.index_news .right .imglist li .info { height:40px; line-height:20px; font-size:14px; color:#595757; bottom:4px;}
.index_news .right .imglist li:hover .date { background:#0088da;}
.index_news .right .imglist li:hover .name { color:#0088da;}
.index_news .right .imglist li:hover .info { color:#0088da;}

.index_news .right .txtlist { width:100%; margin-top:6px;}
.index_news .right .txtlist li { width:100%; height:20px; margin-top:10px; position:relative;}
.index_news .right .txtlist li a { float:left; width:100%; height:100%; text-indent:10px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.index_news .right .txtlist li a:before { width:4px; height:4px; content:""; border:#595757 1px solid; border-radius:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_news .right .txtlist li span { float:right; margin-left:10px; font:13px/20px arial;}
.index_news .right .txtlist li:hover a:before { border-color:#0088da;}

/**公共**/
.banner { width:1920px; position:relative; left:50%; margin-left:-960px; z-index:10;}
.banner .imgs { width:100%; margin-bottom:40px; text-align:center; font:0/0 Arial; overflow:hidden; position:relative; z-index:10;}
.banner .imgs img { transition:all 0.8s;}
.banner .imgs img:hover { transform:scale(1.03);}

main { width:1300px; position:relative; z-index:90;}
.main_left { width:250px;}
.main_right { width:1000px;}
.main_left_fix { position:absolute; left:50%; margin-left:-650px;}

.main_left .menu { width:calc(100% - 30px); padding:79px 14px 0px; background:#fff; border:#0088da 1px solid; position:relative; z-index:30;}
.main_left .menu .title { width:100%; height:80px; position:absolute; top:0; left:0; z-index:20;}
.main_left .menu .title:before { width:100%; height:100%; content:""; background:#0088da; position:absolute; bottom:0; left:0;}
.main_left .menu h5 { width:100%; height:38px; text-align:center; line-height:18px; font-size:20px; font-weight:bold; color:#fff; position:absolute; top:50%; left:0; margin-top:-19px;}
.main_left .menu h5 i { width:100%; height:12px; line-height:12px; font-size:12px; font-weight:normal; position:absolute; bottom:0px; left:0;}
.main_left .menu li { width:100%; height:42px; border-top:#c9c9c9 1px dotted; line-height:42px; font-size:15px; position:relative; z-index:10;}
.main_left .menu li>a { float:left; width:100%; height:100%; text-indent:20px; color:#595757; position:relative;}
.main_left .menu li>a:before,.main_left .menu li>a:after { width:0; height:0; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%;}
.main_left .menu li>a:before { width:4px; height:4px; background:#595757; left:5px; margin-top:-2px;}
.main_left .menu li>a:after { width:5px; height:9px; background-position:-28px 0; right:5px; margin-top:-4px; transition:all 0.3s;}

.main_left .menu li:hover>a,.main_left .menu li>a.active { color:#0088da;}
.main_left .menu li:hover>a:before,.main_left .menu li>a.active:before { background:#0088da;}
.main_left .menu li:hover>a:after,.main_left .menu li>a.active:after { background-position:-20px 0;}

.main_left .menu li.btn>a:after { width:11px; height:11px; background-position:-122px -52px; right:5px; margin-top:-5px; transition:all 0s;}
.main_left .menu li.btn:hover>a:after { background-position:-137px -52px;}
.main_left .menu li.btn>a.active:after { height:1px; background-position:-150px -57px; margin-top:0;}
.main_left .menu .nav_list { float:left; width:100%; background:#eaedef; display:none;}
.main_left .menu .nav_list dd { float:left; width:100%; height:40px; border-top:rgba(255,255,255,0.15) 1px solid; line-height:40px; font-size:14px;}
.main_left .menu .nav_list dd a { float:left; width:calc(100% - 45px); height:100%; padding:0 10px 0 35px; color:#183884; position:relative;}
.main_left .menu .nav_list dd a:before { width:4px; height:4px; content:""; border:#183884 1px solid; border-radius:100%; position:absolute; top:50%; left:20px; transform:translateY(-50%);}
.main_left .menu .nav_list dd a:hover,.main_left .menu .nav_list dd a.active2 { background:#183884; color:#fff;}
.main_left .menu .nav_list dd a:hover:before,.main_left .menu .nav_list dd a.active2:before { border-color:#fff;}

.main_left .news { width:calc(100% - 30px); padding:63px 14px 11px; margin-top:20px; background:#fff; border:#898989 1px solid; position:relative; z-index:30;}
.main_left .news .title { width:100%; height:60px; text-align:center; position:absolute; top:-1px; left:0; z-index:20;}
.main_left .news .title:before { width:100%; height:100%; content:""; background:#212e7d; position:absolute; bottom:0; left:0; z-index:1;}
.main_left .news h5 { width:100%; line-height:18px; font-size:20px; top:50%; color:#fff; position:absolute; left:0; transform:translateY(-50%); z-index:10;}
.main_left .news li { width:100%; height:20px; margin-top:8px; font-size:14px;}
.main_left .news li a { float:left; width:100%; height:100%; text-indent:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.main_left .news li a:before { width:4px; height:4px; content:""; background:#595757; position:absolute; top:50%; left:0; margin-top:-2px;}
.main_left .news li a:hover:before { background:#0088da;}

.main_left .contact { width:calc(100% - 30px); padding:67px 14px 10px; margin-top:20px; background:#fff; border:#898989 1px solid; position:relative; z-index:30;}
.main_left .contact .title { width:100%; height:60px; text-align:center; position:absolute; top:-1px; left:0; z-index:20;}
.main_left .contact .title:before { width:100%; height:100%; content:""; background:#212e7d; position:absolute; bottom:0; left:0; z-index:1;}
.main_left .contact h5 { width:100%; line-height:18px; font-size:20px; top:50%; color:#fff; position:absolute; left:0; transform:translateY(-50%); z-index:10;}
.main_left .contact p { margin-top:5px; font-size:14px;}

.location { width:100%; height:53px; margin-bottom:25px; background:#eaedef; border-top:#212e7d 2px solid; position:relative; z-index:10;}
.location h5 { height:100%; text-indent:30px; line-height:50px; font-size:18px; color:#212e7d; position:absolute; top:0; left:0;}
.location h5:after { width:8px; height:8px; content:""; background:#212e7d; position:absolute; top:50%; left:15px; margin-top:-5px; transform:rotate(45deg);}
.location span { height:20px; line-height:20px; font-family:"SimSun"; color:#727171; position:absolute; top:50%; right:15px; margin-top:-10px;}
.location span i,.location span a { font-family:"microsoft yahei"; color:#727171; display:inline-block; position:relative;}
.location span i { padding-left:18px;}
.location span i:before { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat -35px 0; position:absolute; top:50%; left:0; margin-top:-7px;}
.location span a:hover { color:#0088da;}

/**内容**/
article { width:100%; margin:-7px 0 -7px; line-height:30px; font-size:16px; position:relative;}
article * { max-width:100%; position:relative; z-index:10;}
article img { max-width:100%; margin:7px auto -2px;}
article iframe { max-width:100%; margin:7px 0 -2px; position:relative; z-index:10;}
article table { max-width:100%; margin:7px 0 -2px; position:relative; z-index:10;}
article table.noborder:first-child { margin-top:-5px;}
article table.noborder td { padding:5px 0;}
article video { max-width:100% !important; height:auto !important; margin:7px 0 -2px;}
article .no { margin-top:0; font:0/0 Arial;}
article .no img { margin:0 !important;}

/**列表**/
#list { width:100%; position:relative; z-index:20;}

#list .pages { width:calc(100% - 120px); height:30px; padding:11px 110px 10px 10px; margin-top:25px; background:rgba(0,136,218,0.08); border-radius:5px; text-align:right; position:relative; z-index:100;}
#list .pages>a,#list .pages span { height:27px; line-height:26px; padding:0 10px; margin-left:8px; background:#fff; border:#c9caca 1px solid; border-radius:3px; display:inline-block; position:relative;}
#list .pages>a:hover,#list .pages span { background:#0088da; border-color:#0088da; color:#fff;}
#list .pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
#list .pages .nums i { padding:0 3px;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:#fff; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:65px; height:29px; background:none; border:0; color:#595757; position:absolute; bottom:11px; right:10px;}
#list .pages .gotoPage em { font-style:normal; background:#fff; position:absolute;}
#list .pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; top:0; left:0; text-align:left; text-indent:9px; font-size:12px; cursor:pointer;}
#list .pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
#list .pages .gotoPage em.open { border-color:#0088da;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { width:calc(100% - 2px); max-height:167px; background:#fff; border:#0088da 1px solid; position:absolute; top:auto; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
#list .pages .gotoPage dl dd { float:left; width:100%; height:27px; line-height:26px; border-top:#f7f7f7 1px solid; text-indent:9px; font-size:12px; overflow:hidden;}
#list .pages .gotoPage dl dd a { float:left; width:100%; height:100%;}
#list .pages .gotoPage dl dd:first-child { border:0;}
#list .pages .gotoPage dl dd a:hover { background:rgba(0,0,0,0.05); color:#0088da;}
#list .pages .gotoPage dl dd a.active { background:rgba(0,0,0,0.15); color:#fff;}
#list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#list .list_news { width:100%; margin-top:-24px; position:relative; z-index:90;}
#list .list_news li { width:100%; padding-bottom:24px; margin-top:22px; border-bottom:#c9caca 1px dotted;}
#list .list_news li p { overflow:hidden; position:relative; z-index:10;}
#list .list_news li .name { margin-bottom:15px; line-height:20px; font-size:16px; white-space:normal;}
#list .list_news li .name a { color:#3a3a3a;}
#list .list_news li .img { float:left; width:124px; height:85px; margin:-3px 15px -10px 0; overflow:hidden; z-index:20;}
#list .list_news li .img img { min-height:100%; transition:all 0.8s;}
#list .list_news li .info { height:44px; line-height:22px; color:#777;}
#list .list_news li .date { margin-top:18px; line-height:12px; color:#898989;}
#list .list_news li:hover a { color:#0088da;}
#list .list_news li:hover .imgs img { transform:scale(1.08);}

#list .list_photo { width:105%; margin:-20px 0 0px;}
#list .list_photo li { width:318px; margin:20px 20px 0 0; border:rgba(0,136,218,0.1) 1px solid;}
#list .list_photo li a { float:left; width:100%; padding-bottom:40px; overflow:hidden; position:relative;}
#list .list_photo li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;}
#list .list_photo li img { width:100%;}
#list .list_photo li .bg { float:left; font:0/0 arial; position:relative;}
#list .list_photo li .img { height:calc(100% - 40px); top:0;}
#list .list_photo li .name { height:40px; background:rgba(0,136,218,0.1); line-height:40px; font-size:14px; bottom:0;}
#list .list_photo li:hover { border-color:#0088da;}
#list .list_photo li:hover .name { background:#0088da; color:#fff;}

#list .msg_form { width:100%; height:400px; background:#eaedef; border:#efefef 0px solid; position:relative;}
#list .msg_form li { width:100%; height:50px; position:absolute; z-index:10;}
#list .msg_form li:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
#list .msg_form li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#b5b5b5 1px solid; text-indent:40px;}
#list .msg_form li textarea { width:calc(100% - 28px); height:calc(100% - 20px); padding:9px 13px; border:#b5b5b5 1px solid;}
#list .msg_form li input:focus,#list .msg_form li textarea:focus { border-color:#0088da;}
#list .msg_form li.user { width:calc((100% - 95px) / 2); background:#fff; top:35px; left:35px;}
#list .msg_form li.user:before { background-position:0 -25px;}
#list .msg_form li.tel { width:calc((100% - 95px) / 2); background:#fff; top:35px; right:35px;}
#list .msg_form li.tel:before { background-position:-20px -25px;}
#list .msg_form li.detail { width:calc(100% - 70px); height:180px; background:#fff; top:110px; left:35px;}
#list .msg_form li.submit { width:126px; height:46px; background:#000; border:0; border-radius:5px; text-align:center; line-height:44px; font-size:16px; color:#fff; bottom:35px; right:35px;}
#list .msg_form li.submit:hover { background:#0088da;}
#list .msg_form li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .msg_form li.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat 0 -45px; position:absolute; top:50%; left:0; margin-top:-7px;}
#list .msg_form li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

#list .search_tongji { width:100%; height:55px; margin-bottom:25px; background:#0088da; position:relative; z-index:10;}
#list .search_tongji li { height:20px; text-indent:20px; font-size:14px; color:#fff; position:absolute; top:50%; left:0; margin-top:-10px;}
#list .search_tongji i { color:#ffdd00;}

#list .search_news { width:100%; margin-top:-24px; position:relative; z-index:90;}
#list .search_news li { width:100%; padding-bottom:24px; margin-top:22px; border-bottom:#c9caca 1px dotted;}
#list .search_news li p { overflow:hidden; position:relative; z-index:10;}
#list .search_news li .name { margin-bottom:15px; line-height:20px; font-size:16px; white-space:normal;}
#list .search_news li .name a { color:#3a3a3a;}
#list .search_news li .img { float:left; width:124px; height:85px; margin:-3px 15px -10px 0; overflow:hidden; z-index:20;}
#list .search_news li .img img { min-height:100%; transition:all 0.8s;}
#list .search_news li .info { height:44px; line-height:22px; color:#777;}
#list .search_news li .date { margin-top:18px; line-height:12px; color:#898989;}
#list .search_news li .date span { height:100%; padding-left:21px; display:inline-block; position:relative;}
#list .search_news li .date span:before { width:1px; height:11px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-5px;}
#list .search_news li .date span:first-child { padding:0;}
#list .search_news li .date span:first-child:before { display:none;}

#list .search_news li:hover a { color:#0088da;}
#list .search_news li:hover .imgs img { transform:scale(1.08);}

/**内容**/
#detail { width:100%; position:relative;}

#detail .pages { width:100%; margin:30px 0 -6px; padding-top:6px; border-top:#ddd 1px solid;}
#detail .pages li { width:100%; margin-top:6px; height:24px; line-height:24px; font-size:14px; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li a:hover { color:#0088da;}
#detail .pages li .none,#detail .pages li .none:hover { color:#9aa1a5;}

#detail .view_news_title { width:100%;}
#detail .view_news_title h1,#detail .view_news_title h2 { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:0px 0 21px; line-height:30px; font-size:20px; font-weight:bold; color:#30363a;}
#detail .view_news_title h2 { height:44px; margin-bottom:40px; background:#eaedef; border-radius:5px; line-height:44px; font-size:13px; color:#727171;}
#detail .view_news_title h2 span { margin-left:29px; text-transform:none; display:inline-block; position:relative;}
#detail .view_news_title h2 span:before { width:1px; height:12px; content:""; background:#727171; position:absolute; top:50%; left:-15px; margin-top:-5px;}
#detail .view_news_title h2 span:first-child { margin:0;}
#detail .view_news_title h2 span:first-child:before { display:none;}

/**弹出**/
#pop_div { width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:9999; transition:all 0.3s; opacity:0; visibility:hidden;}
#pop_div.open { opacity:1; visibility:visible;}

#pop_div .close { width:28px; height:28px; border:#fff 2px solid; cursor:pointer; border-radius:100%; top:-32px; right:-32px;}
#pop_div .close:before { width:12px; height:12px; content:""; background:url(../images/base.png) no-repeat; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; cursor:pointer; transition:all 0.5s;}
#pop_div .close:hover { background:rgba(0,136,218,0.1);}
#pop_div .close:hover:before { transform:rotate(180deg);}
#pop_div .title { width:calc(100% - 20px); height:34px; padding:0 10px; background:rgba(0,0,0,0.5); line-height:34px; font-size:14px; color:#fff; bottom:0; left:0; cursor:auto; display:none;}
#pop_div .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.4); top:0; left:0; z-index:30; display:none;}
#pop_div .page { width:136px; height:40px; border:#fff 2px solid; border-radius:22px; text-align:center; color:#fff; position:absolute; bottom:-60px;}
#pop_div .page i { height:100%; line-height:40px; font-size:16px; position:relative; display:inline-block;}
#pop_div .page i:before { width:6px; height:13px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; margin-top:-6px; display:none;}
#pop_div .page:hover { border-color:#0088da; color:#0088da;}
#pop_div .page.prev { left:50%; margin-left:-150px;}
#pop_div .page.prev i { padding-left:0;}
#pop_div .page.prev i:before { background-position:-15px -55px; left:0;}
#pop_div .page.prev i:hover:before { background-position:-15px -55px;}
#pop_div .page.prev.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}
#pop_div .page.prev.end i:before { background-position:-35px -55px;}
#pop_div .page.next { right:50%; margin-right:-150px;}
#pop_div .page.next i { padding-right:0;}
#pop_div .page.next i:before { background-position:-26px -70px; right:0;}
#pop_div .page.next:hover i:before { background-position:-26px -70px;}
#pop_div .page.next.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}
#pop_div .page.next.end i:before { background-position:-36px -70px;}

.pop_photo { width:100%; text-align:center; position:absolute; top:50%; left:0; transition:all 0.2s; transform:translateY(-80%); opacity:0; visibility:hidden;}
.pop_photo.open { transform:translateY(-50%); opacity:1; visibility:visible;}
.pop_photo .list { float:none !important; font:0/0 Arial; position:relative; display:inline-block;}
.pop_photo .list img { max-width:800px; max-height:600px; position:relative; z-index:10;}
.pop_photo .list li { position:absolute; cursor:pointer; z-index:20;}

@media (max-width:1550px){
.header_index { width:calc(100% - 100px); margin:0 50px;}
}

@media (max-width:1400px){
.header_index { width:calc(100% - 60px); margin:0 30px;}
header .nav>li>a { padding:0 18px;}
}