@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; position:relative;}
* { 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:#42b8f1;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div,ul { font:14px/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 { padding:2px; 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;}
.ffsong { font-family:"SimSun";}
.ffyahei { font-family:"microsoft yahei";}
.hidden { display:none;}
.display { display:block;}
.red { color:red !important;}
.name { text-overflow:ellipsis; white-space:nowrap;}
.img,.banner .imgs,.loading,article.img_loading img,article iframe,article video { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 Arial; position:relative;}
.img img { width:100%; min-height:100%; transition:all 0.5s; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}
.body { background:#f7f8f8;}

#loading:before { width:0%; height:3px; content:""; background:#42b8f1; transition:all 0.5s; position:fixed; top:0; left:0; z-index:99999;}
#loading.loading01:before { width:10%;}
#loading.loading02:before { width:20%;}
#loading.loading03:before { width:30%;}
#loading.loading04:before { width:40%;}
#loading.loading05:before { width:50%;}
#loading.loading06:before { width:60%;}
#loading.loading07:before { width:70%;}
#loading.loading08:before { width:80%;}
#loading.loading09:before { width:90%;}
#loading.loading10:before { width:100%;}
#loading.end:before { opacity:0;}

/**头部和尾部**/
header { width:1200px; height:80px; position:relative; z-index:200;}
header:before { width:1000%; height:100%; content:""; background:rgba(0,0,0,0.8); position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;}

header .logo { height:50px; position:absolute; top:50%; left:0; margin-top:-25px; z-index:30;}
header .logo img { height:100%;}

header .nav { width:calc(100% - 215px); height:100%; padding-left:215px; line-height:80px; font-size:16px; position:relative; z-index:20;}
header .nav li { height:100%; margin:0 15px; overflow:visible;}
header .nav li>a { float:left; height:calc(100% - 3px); border-bottom:transparent 3px solid; color:#fff;}
header .nav li:hover>a { border-color:#42b8f1; color:#42b8f1;}
header .nav li>a.active { border-color:#42b8f1; color:#42b8f1;}

header .nav li dl { width:100%; position:absolute; top:100%; left:0; transition:all 0.3s; transform:translateY(10%); opacity:0; visibility:hidden;}
header .nav li dl:before { width:1920px; height:100%; content:""; background:rgba(255,255,255,1); border-bottom:#ddd 1px solid; box-shadow:0 1px 2px rgba(0,0,0,0.2); position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
header .nav li dl dd { float:left; position:relative; z-index:20;}
header .nav li:hover dl { transform:translateY(0); opacity:1; visibility:visible;}
header .nav li dl.open { transform:translateY(0); opacity:1; visibility:visible;}

header .nav li .website { width:calc(100% - 90px); height:180px; padding:50px 45px;}
header .nav li .website dd { width:calc(100% / 4); height:100%;}
header .nav li .website dd:before { width:1px; height:100%; content:""; background:#e6e6e6; position:absolute; top:0; left:0;}
header .nav li .website dd:first-child:before { display:none;}
header .nav li .website dd a { width:100%; height:100%; display:block;}
header .nav li .website dd p { width:100%; text-align:center; position:absolute; left:0;}
header .nav li .website dd .img { width:152px; height:130px; background:none !important; top:0; left:50%; transform:translateX(-50%);}
header .nav li .website dd .txt1 { line-height:14px; font-size:14px; bottom:20px;}
header .nav li .website dd .txt2 { line-height:12px; font-size:12px; bottom:0;}

header .nav li .wechat { height:200px; padding:40px 0;}
header .nav li .wechat dd { width:calc((100% - 100px) / 2 - 360px); height:calc(100% - 75px); padding:75px 0 0 360px; margin-left:100px; line-height:20px; font-size:12px;}
header .nav li .wechat dd:first-child { margin:0;}
header .nav li .wechat dd a { width:100%; height:100%; display:block;}
header .nav li .wechat dd .img { width:330px; height:100%; font:0/0 Arial; overflow:hidden; position:absolute; top:0; left:0;}
header .nav li .wechat dd .img img { transition:all 0.5s;}
header .nav li .wechat dd .name { width:calc(100% - 360px); height:75px; position:absolute; top:0; right:0;}
header .nav li .wechat dd .name:after { width:20px; height:2px; content:""; background:#898989; position:absolute; bottom:12px; left:0;}
header .nav li .wechat dd .name em,header .nav li .wechat dd .name i { width:100%; font-style:normal; position:absolute; right:0;}
header .nav li .wechat dd .name em { line-height:14px; font-size:14px; top:16px;}
header .nav li .wechat dd .name i { line-height:12px; font-size:12px; top:38px;}
header .nav li .wechat dd .info { width:calc(100% - 360px); position:absolute; top:80px; right:0; color:#898989;}
header .nav li .wechat dd:hover .img img { transform:scale(1.05);}

header .nav li .case { padding:0;}
header .nav li .case dd { width:calc(100% - 65px); height:30px; padding:20px 0 20px 65px; line-height:30px; font-size:14px;}
header .nav li .case dd:before { width:1920px; height:1px; content:""; background:#efefef; position:absolute; top:0; left:50%; margin-left:-960px;}
header .nav li .case dd:first-child:before { display:none;}
header .nav li .case dd i { height:30px; position:absolute; top:50%; left:0; margin-top:-15px;}
header .nav li .case dd a { float:left; height:100%; margin-left:35px;}

header .nav li .service { width:calc(100% - 60px); padding:20px 30px;}
header .nav li .service dd { width:calc(100% / 6 - 80px); height:70px; margin:15px 40px;}
header .nav li .service dd a { width:100%; height:100%; display:block;}
header .nav li .service dd p { text-align:center; position:absolute; top:0; right:0; bottom:0; left:0;}
header .nav li .service dd .icon { width:44px; height:44px; border:#898989 2px solid; border-radius:100%; margin:0 auto auto auto;}
header .nav li .service dd:hover .icon { border-color:#42b8f1;}
header .nav li .service dd .icon:before { width:30px; height:30px; content:""; background:url(../images/base.png) no-repeat -50px -30px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .nav li .service dd .name { width:100%; height:14px; line-height:14px; font-size:14px; margin:auto auto 0 auto;}
header .nav li .service dd .jichu:before { background-position:-50px -30px;}
header .nav li .service dd:hover .jichu:before { background-position:-50px -90px;}
header .nav li .service dd .seo:before { background-position:-80px -30px;}
header .nav li .service dd:hover .seo:before { background-position:-80px -90px;}
header .nav li .service dd .yuming:before { background-position:-110px -30px;}
header .nav li .service dd:hover .yuming:before { background-position:-110px -90px;}
header .nav li .service dd .ifx:before { background-position:-140px -30px;}
header .nav li .service dd:hover .ifx:before { background-position:-140px -90px;}
header .nav li .service dd .shangbiao:before { background-position:-170px -30px;}
header .nav li .service dd:hover .shangbiao:before { background-position:-170px -90px;}
header .nav li .service dd .hongbao:before { background-position:-200px -30px;}
header .nav li .service dd:hover .hongbao:before { background-position:-200px -90px;}
header .nav li .service dd .tel400:before { background-position:-230px -30px;}
header .nav li .service dd:hover .tel400:before { background-position:-230px -90px;}
header .nav li .service dd .kexing:before { background-position:-50px -60px;}
header .nav li .service dd:hover .kexing:before { background-position:-50px -120px;}
header .nav li .service dd .kuaipai:before { background-position:-80px -60px;}
header .nav li .service dd:hover .kuaipai:before { background-position:-80px -120px;}
header .nav li .service dd .email:before { background-position:-110px -60px;}
header .nav li .service dd:hover .email:before { background-position:-110px -120px;}
header .nav li .service dd .caigou:before { background-position:-140px -60px;}
header .nav li .service dd:hover .caigou:before { background-position:-140px -120px;}
header .nav li .service dd .guwen:before { background-position:-170px -60px;}
header .nav li .service dd:hover .guwen:before { background-position:-170px -120px;}
header .nav li .service dd .baping:before { background-position:-200px -60px;}
header .nav li .service dd:hover .baping:before { background-position:-200px -120px;}
header .nav li .service dd .tongcheng:before { background-position:-230px -60px;}
header .nav li .service dd:hover .tongcheng:before { background-position:-230px -120px;}
header .nav li .service dd .svideo:before { background-position:-530px 0px;}
header .nav li .service dd:hover .svideo:before { background-position:-530px -30px;}

header .nav li .news { height:44px; padding:28px 0; text-align:center; line-height:42px; font-size:14px;}
header .nav li .news dd { float:none; height:100%; margin:0 40px; display:inline-block;}
header .nav li .news dd a { height:100%; padding-left:52px; display:block; position:relative;}
header .nav li .news dd .icon { width:44px; height:100%; background:#898989; border-radius:100%; position:absolute; top:0; left:0;}
header .nav li .news dd:hover .icon { background:#42b8f1;}
header .nav li .news dd .icon:before { width:30px; height:30px; content:""; background:url(../images/base.png) no-repeat 0 -30px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .nav li .news dd .gongsi:before { background-position:0 -30px;}
header .nav li .news dd .hangye:before { background-position:0 -60px;}
header .nav li .news dd .wenti:before { background-position:0 -90px;}

header .nav li .about { width:calc(100% - 52px); padding:20px 26px;}
header .nav li .about dd { width:calc(100% / 7 - 80px); height:70px; margin:15px 40px;}
header .nav li .about dd a { width:100%; height:100%; display:block;}
header .nav li .about dd p { text-align:center; position:absolute; top:0; right:0; bottom:0; left:0;}
header .nav li .about dd .icon { width:44px; height:44px; background:#898989; border-radius:100%; margin:0 auto auto auto;}
header .nav li .about dd:hover .icon { background:#42b8f1;}
header .nav li .about dd .icon:before { width:30px; height:30px; content:""; background:url(../images/base.png) no-repeat -50px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .nav li .about dd .name { width:100%; height:14px; line-height:14px; font-size:14px; margin:auto auto 0 auto;}
header .nav li .about dd .profile:before { background-position:-50px 0;}
header .nav li .about dd .culture:before { background-position:-80px 0;}
header .nav li .about dd .history:before { background-position:-110px 0;}
header .nav li .about dd .honor:before { background-position:-140px 0;}
header .nav li .about dd .zhaopin:before { background-position:-170px 0;}
header .nav li .about dd .message:before { background-position:-200px 0;}
header .nav li .about dd .contact:before { background-position:-230px 0;}

header .tel { height:30px; padding-left:45px; line-height:30px; font-size:22px; color:#fff; position:absolute; top:50%; right:0; margin-top:-15px; z-index:30;}
header .tel:before { width:38px; height:30px; content:""; background:url(../images/base.png) no-repeat 0 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 0;}

footer { width:1200px; padding-top:50px; position:relative;}
footer .list { width:1200px; padding-top:300px; color:#fff; position:relative;}
footer .list ul { padding-top:60px; position:absolute; z-index:20;}
footer .list .bg { width:1920px; height:100%; background:#000; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
footer .list a { color:rgba(255,255,255,0.8);}
footer .list a:hover { color:#42b8f1;}

footer .list .title { width:100%; height:39px; border-bottom:#3e3a39 1px solid; position:absolute; top:0; left:0;}
footer .list .title:before { width:22px; height:22px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; left:0;}
footer .list .title p { float:left;}
footer .list .title .txt1 { margin-left:30px; line-height:22px; font-size:24px;}
footer .list .title .txt2 { margin:10px 0 0 5px; line-height:14px; font-size:14px; text-transform:uppercase;}

footer .list .list1 { width:950px; height:150px; top:50px; left:0;}
footer .list .list1 .title { width:860px;}
footer .list .list1 .title:before { background-position:0 -160px;}

footer .list .list1 dl { float:left; height:calc(100% - 24px); padding-top:24px; margin-right:13px; position:relative;}
footer .list .list1 dl dt { line-height:16px; font-size:16px; position:absolute; top:0; left:0;}
footer .list .list1 dl dd { float:left; width:65px; height:24px; margin:6px 10px 0 0; text-align:left; line-height:24px; font-size:14px; overflow:hidden;}
footer .list .list1 dl dt a { color:#fff;}
footer .list .list1 dl dt a:hover { color:#42b8f1;}

footer .list .list1 dl.dl1 { width:105px;}
footer .list .list1 dl.dl1 dd { width:65px;}
footer .list .list1 dl.dl2 { width:105px;}
footer .list .list1 dl.dl2 dd { width:100%;}
footer .list .list1 dl.dl3 { width:105px;}
footer .list .list1 dl.dl4 { width:240px;}
footer .list .list1 dl.dl5 { width:105px;}
footer .list .list1 dl.dl6 { width:160px;}
footer .list .list1 dl.dl6 dd { width:50%; margin-right:0;}

footer .list .list2 { width:295px; top:50px; right:0;}
footer .list .list2 .title:before { background-position:0 -204px;}

footer .list .list2 dl { float:left; width:140px; margin-left:15px;}
footer .list .list2 dl:first-child { margin:0;}
footer .list .list2 dl dt,footer .list .list2 dl dd { float:left; overflow:hidden;}
footer .list .list2 dl dt { width:calc(100% - 12px); height:128px; border:#fff 6px solid;}
footer .list .list2 dl dd { width:100%; margin-top:8px; text-align:center; line-height:14px; font-size:14px;}

footer .list .list3 { width:calc(100% + 15px); padding:50px 0 45px; position:relative;}
footer .list .list3 .title { width:1200px;}
footer .list .list3 .title:before { background-position:0 -182px;}
footer .list .list3 a { float:left; height:24px; line-height:24px; font-size:14px; margin:5px 15px 0 0;}

footer .footer { width:1200px; padding:27px 0 20px; color:#fff; position:relative;}
footer .footer a { color:#fff;}
footer .footer a:hover { color:rgba(255,255,255,0.5);}

footer .footer ul { width:100%; text-align:center; position:relative; z-index:20;}
footer .footer .bg { width:1920px; height:100%; background:#42b8f1; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}

footer .footer .link { margin-bottom:15px;}
footer .footer .link li { float:none; padding-left:16px; margin-left:15px; line-height:14px; font-size:14px; position:relative; display:inline-block;}
footer .footer .link li:before { width:1px; height:12px; content:""; background:#fff; position:absolute; top:50%; left:0; margin-top:-5px;}
footer .footer .link li:first-child { padding:0; margin:0;}
footer .footer .link li:first-child:before { display:none;}

footer .footer .copyright { line-height:26px; font-size:14px;}
footer .footer .copyright p { text-align:center;}
footer .footer .copyright i { padding:0 5px;}
footer .footer .copyright span { padding:0 8px;}

#right_fixed { width:48px; height:250px; position:fixed; top:50%; right:0; margin-top:-125px; z-index:200;}
#right_fixed li { float:right; width:48px; height:48px; margin:1px 0; overflow:visible; transition:all 0.35s;}
#right_fixed li a { width:100%; height:100%; display:block; background:#28a0dc; color:#fff; position:relative;}
#right_fixed li a:before { width:26px; height:26px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:11px; margin-top:-13px;}
#right_fixed li:hover a { background:#282828;}
#right_fixed li.qq a:before { background-position:0 -246px;}
#right_fixed li.tel a:before { background-position:0 -272px;}
#right_fixed li.weixin a:before { background-position:0 -298px;}
#right_fixed li.msg a:before { background-position:0 -324px;}
#right_fixed li.gotoTop a:before { background-position:0 -350px;}

#right_fixed li.tel p { width:160px; height:40px; line-height:40px; font-size:20px; position:absolute; top:50%; left:50px; margin-top:-20px;}
#right_fixed li.tel:hover { width:200px;}

#right_fixed li.weixin p { width:148px; height:148px; position:absolute; top:0; right:100%; transition:all 0.3s; transform:translateX(-20px); opacity:0; visibility:hidden;}
#right_fixed li.weixin p:after { width:0; height:0; content:""; border-top:transparent 9px solid; border-bottom:transparent 9px solid; border-left:#28a0dc 9px solid; position:absolute; top:17px; right:4px;}
#right_fixed li.weixin p img { width:136px; height:136px; border:#28a0dc 6px solid; overflow:hidden; position:absolute; top:0; right:13px;}
#right_fixed li.weixin:hover p { transform:translateX(0); opacity:1; visibility:visible;}

#right_fixed li.gotoTop { transition:all 0.3s; opacity:0; visibility:hidden;}
#right_fixed li.gotoTop.open { opacity:1; visibility:visible;}

/**公共**/
.banner { width:100%; margin-bottom:50px; position:relative; z-index:10;}
.banner .list { width:100%; position:relative; z-index:10;}
.banner .list li { width:100%; position:relative;}
.banner .list .imgs { width:100%; text-align:center; font:0/0 Arial;}
.banner .list .imgs img { width:100%; transition:all 0.5s;}
.banner .list .imgs img:hover { transform:scale(1.035);}

main { width:1200px; position:relative; z-index:100;}
.main_all { width:100%;}
.main_left { width:250px;}
.main_right { width:900px;}
.main_left_fix { position:absolute; left:50%; margin-left:-600px;}

.main_all .nav { width:100%; border-top:#ddd 1px solid;}
.main_all .nav li { width:calc(100% - 85px); height:29px; line-height:28px; padding:15px 0 15px 85px; border-bottom:#ddd 1px solid; position:relative;}
.main_all .nav li i { width:80px; height:100%; background:#efefef; text-align:center; line-height:58px; font-size:16px; position:absolute; top:0; left:0;}
.main_all .nav li a { float:left; height:100%; padding:0 7px; margin-left:15px; border-radius:3px; font-size:14px;}
.main_all .nav li a.active { background:#42b8f1; color:#fff;}

.main_all .location { width:100%; height:14px; position:relative; z-index:10;}
.main_all .location li { height:14px; font:14px/14px "SimSun"; color:#898989; position:absolute; top:-20px; left:0;}
.main_all .location li i { font-family:"microsoft yahei";}
.main_all .location li a { font-family:"microsoft yahei"; color:#898989; position:relative;}
.main_all .location li a:hover { color:#42b8f1;}

.main_left .menu { width:100%; padding-top:80px; position:relative;}
.main_left .menu span { width:100%; height:80px; background:#42b8f1; position:absolute; top:0; left:0; z-index:20;}
.main_left .menu span h5 { line-height:24px; font-size:26px; color:#fff; position:absolute; top:50%; left:30px; margin-top:-12px;}
.main_left .menu li { width:100%; height:48px; margin-top:1px; line-height:48px; font-size:14px; position:relative; z-index:20;}
.main_left .menu li a { width:100%; height:100%; background:#eceeef; text-indent:45px; display:block; position:relative;}
.main_left .menu li a:before,.main_left .menu li a:after { content:""; position:absolute; top:50%; display:none;}
.main_left .menu li a:before { width:4px; height:4px; border:#fff 1px solid; border-radius:4px; left:30px; margin-top:-3px;}
.main_left .menu li a:after { width:5px; height:9px; background:url(../images/base.png) no-repeat -40px 0; right:15px; margin-top:-4px;}
.main_left .menu li a:hover { background:rgba(66,184,241,0.5); color:#fff;}
.main_left .menu li a.active { background:#42b8f1; color:#fff;}
.main_left .menu li a:hover:before,.main_left .menu li a:hover:after,.main_left .menu li a.active:before,.main_left .menu li a.active:after { display:block;}

.main_left .nav { width:100%; position:relative;}
.main_left .nav>li { width:100%; height:40px; margin-top:2px; line-height:38px; font-size:16px;}
.main_left .nav>li:first-child { margin:0;}
.main_left .nav>li>a { float:left; width:100%; height:100%; background:#42b8f1; text-indent:10px; color:#fff; position:relative;}
.main_left .nav>li>a:after { width:18px; height:18px; content:""; background:url(../images/base.png) no-repeat 0 -225px; position:absolute; top:50%; right:10px; margin-top:-9px;}
.main_left .nav>li>a:hover,.main_left .nav>li>a.active { color:#fff;}
.main_left .nav>li>a.active:after { background-position:-20px -225px;}

.main_left .nav .nav_list { float:left; width:calc(100% - 2px); background:#fff; border:#c9caca 1px solid; display:none;}
.main_left .nav .nav_list dd { width:100%; height:39px; border-top:#c9caca 1px solid; line-height:39px;}
.main_left .nav .nav_list dd:first-child { height:40px; border-top:0;}
.main_left .nav .nav_list dd a { float:left; width:100%; height:100%; text-indent:9px; transition:all 0.3s;}
.main_left .nav .nav_list dd a:hover { text-indent:16px; color:#42b8f1;}
.main_left .nav .nav_list dd a.active2 { text-indent:9px !important; color:#42b8f1;}

.main_right .location { width:100%; height:53px; margin-bottom:25px; border-top:#9fa0a0 2px solid; position:relative; z-index:10;}
.main_right .location h5 { line-height:24px; font-size:26px; color:#42b8f1; position:absolute; top:50%; left:0; margin-top:-4px;}
.main_right .location h5:before { width:100%; height:2px; padding-right:120px; content:""; background:#42b8f1; position:absolute; top:-25px; left:0;}
.main_right .location li { height:14px; line-height:14px; font-family:"SimSun"; color:#898989; position:absolute; top:50%; right:0; margin-top:-6px;}
.main_right .location li i { font-family:"microsoft yahei";}
.main_right .location li a { font-family:"microsoft yahei"; color:#898989; position:relative;}
.main_right .location li a:hover { color:#42b8f1;}

/**页码**/
.pages { width:calc(100% - 100px); height:28px; padding:20px 100px 0 0; margin:22px 0 0 0; border-top:#c9caca 1px solid; text-align:right; font-size:12px; position:relative; z-index:100;}
.pages>a,.pages span { height:26px; line-height:26px; padding:0 10px; margin-left:10px; border:#c8cfd2 1px solid; border-radius:3px; display:inline-block; position:relative;}
.pages>a:hover,.pages span { background:#42b8f1; border-color:#42b8f1; color:#fff;}
.pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
.pages .nums i { padding:0 3px;}
.pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
.pages .none:hover { background:none; border-color:#ccc; color:#ccc;}

.pages .gotoPage { width:60px; height:28px; background:none; border:0; color:#595757; position:absolute; top:20px; right:0;}
.pages .gotoPage em { font-style:normal; position:absolute;}
.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; cursor:pointer;}
.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;}
.pages .gotoPage em.open { border-color:#42b8f1;}
.pages .gotoPage em.open:after { transform:rotate(180deg);}
.pages .gotoPage dl { width:calc(100% - 2px); max-height:161px; background:#fff; border:#c8cfd2 1px solid; position:absolute; top:calc(100% + 0px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
.pages .gotoPage dl dd { float:left; width:100%; height:26px; line-height:26px; border-top:#f7f7f7 1px solid; text-indent:9px; overflow:hidden;}
.pages .gotoPage dl dd a { float:left; width:100%; height:100%;}
.pages .gotoPage dl dd:first-child { border:0;}
.pages .gotoPage dl dd a:hover,.pages .gotoPage dl dd a.active { background:#42b8f1; color:#fff;}
.pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

.page2 { width:100%; height:40px; padding-bottom:25px; margin:25px 0 25px; border-bottom:#ccc 1px solid; position:relative;}
.page2 li { width:150px; height:40px; text-align:center; position:absolute; top:0;}
.page2 li.prev { left:50%; margin-left:-160px;}
.page2 li.next { right:50%; margin-right:-160px;}
.page2 a { width:calc(100% - 2px); height:calc(100% - 2px); line-height:38px; border:#898989 1px solid; border-radius:3px; font-size:14px; display:inline-block;}
.page2 a:hover { background:#e60012; border-color:#e60012; color:#fff;}
.page2 a.none,.page2 a.none:hover { background:none; border-color:#c8cfd2; color:#c8cfd2;}

/**内容**/
article { width:100%; line-height:26px; font-size:14px; margin:-7px 0 -6px; position:relative; z-index:30;}
article img { max-width:100%; margin:7px auto -2px;}
article .no { margin-top:0; font:0/0 Arial;}
article .no:first-child,article iframe:first-child { margin-top:7px !important;}
article .no img { margin-top:0 !important;}
article.showCase img { width:100%;}

/**列表**/
#list { width:100%; position:relative;}

#list .list_case { width:105%; margin-top:20px;}
#list .list_case li { width:390px; height:295px; margin:15px 15px 0 0; position:relative;}
#list .list_case li a { width:100%; height:100%; display:block;}
#list .list_case li p { width:100%; overflow:hidden; position:absolute; left:0;}
#list .list_case li .img { width:100%; height:245px; top:0; left:0;}
#list .list_case li .img img { transition:all 0.8s;}
#list .list_case li .name { width:calc(100% - 75px); height:50px; padding-right:75px; background:#f6f7f8; text-indent:15px; line-height:50px; font-size:16px; bottom:0;}
#list .list_case li .name:before,
#list .list_case li .name:after { width:28px; height:20px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#list .list_case li .name:before { background-position:-260px 0; margin-right:30px;}
#list .list_case li .name:after { background-position:-288px 0; margin-right:2px;}
#list .list_case li:hover .img img { transform:scale(1.05);}
#list .list_case li:hover .name { background:#42b8f1; color:#fff;}
#list .list_case li:hover .name:before { background-position:-260px -20px;}
#list .list_case li:hover .name:after { background-position:-288px -20px;}

#list .list_cityCase { width:105%; margin-top:-15px;}
#list .list_cityCase li { width:290px; height:220px; margin:15px 15px 0 0; position:relative;}
#list .list_cityCase li a { width:100%; height:100%; display:block;}
#list .list_cityCase li p { width:100%; overflow:hidden; position:absolute; left:0;}
#list .list_cityCase li .img { width:100%; height:180px; top:0; left:0;}
#list .list_cityCase li .img img { transition:all 0.8s;}
#list .list_cityCase li .name { width:calc(100% - 75px); height:40px; padding-right:75px; background:#f6f7f8; text-indent:15px; line-height:40px; font-size:16px; bottom:0;}
#list .list_cityCase li .name:before,#list .list_cityCase li .name:after { width:28px; height:20px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#list .list_cityCase li .name:before { background-position:-260px 0; margin-right:30px;}
#list .list_cityCase li .name:after { background-position:-288px 0; margin-right:2px;}
#list .list_cityCase li:hover .img img { transform:scale(1.05);}
#list .list_cityCase li:hover .name { background:#42b8f1; color:#fff;}
#list .list_cityCase li:hover .name:before { background-position:-260px -20px;}
#list .list_cityCase li:hover .name:after { background-position:-288px -20px;}

#list .list_newsImg { width:100%; margin-top:-25px; position:relative; z-index:30;}
#list .list_newsImg li { width:100%; height:142px; margin-top:25px; position:relative;}
#list .list_newsImg li p { width:calc(100% - 245px); overflow:hidden; position:absolute; left:245px; z-index:20;}
#list .list_newsImg li .img { width:230px; height:140px; border:#eee 1px solid; top:0px; left:0px;}
#list .list_newsImg li .img img { width:100%; min-height:100%; transition:all 0.5s}
#list .list_newsImg li .name { height:18px; line-height:18px; font-size:18px; color:#3e3a39; text-overflow:ellipsis; white-space:nowrap; top:3px;}
#list .list_newsImg li .date { line-height:12px; font-size:12px; color:#898989; top:35px;}
#list .list_newsImg li .date span { float:left; height:12px; margin-left:21px; position:relative;}
#list .list_newsImg li .date span:before { width:1px; height:100%; content:""; background:#898989; position:absolute; top:1px; left:-11px;}
#list .list_newsImg li .date span:first-child { margin:0;}
#list .list_newsImg li .date span:first-child:before { display:none;}
#list .list_newsImg li .info { height:48px; line-height:24px; top:58px;}
#list .list_newsImg li .tags { line-height:12px; font-size:12px; bottom:4px;}
#list .list_newsImg li .tags i,#list .list_newsImg li .tags a { float:left; margin-left:10px; color:#42b8f1;}
#list .list_newsImg li .tags i { margin:0 -5px 0 0;}
#list .list_newsImg li .tags a:hover { color:#c7000b;}
#list .list_newsImg li:hover .img img { transform:scale(1.08);}
#list .list_newsImg li:hover .name a { color:#42b8f1;}

#list .list_photo { width:105%; margin:-15px 0 0px;}
#list .list_photo li { width:390px; height:270px; margin:15px 15px 0 0; position:relative;}
#list .list_photo li p { width:100%; overflow:hidden; position:absolute; left:0;}
#list .list_photo li .img { width:100%; height:100%; top:0;}
#list .list_photo li .img img { width:100%; min-height:100%; transition:all 0.8s;}
#list .list_photo li .title { height:36px; line-height:36px; background:#dbe2f9; text-align:center; font-size:14px; bottom:0;}
#list .list_photo li:hover .img img { transform:scale(1.1);}
#list .list_photo li:hover .title { background:#e60012; color:#fff;}

#list .add_msg { width:510px; height:375px; background:#fff; border:#efefef 0px solid; position:relative;}
#list .add_msg li { width:100%; height:50px; position:absolute;}
#list .add_msg li:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:30; margin-top:-8px;}
#list .add_msg li input[type="text"],#list .add_msg li textarea { border:#c9caca 2px solid; text-indent:40px; color:#595757; position:absolute; top:0; left:0; z-index:20;}
#list .add_msg li input[type="text"]:focus,#list .add_msg li textarea:focus { border-color:#e60012;}
#list .add_msg li input[type="text"] { width:calc(100% - 4px); height:46px; font:14px/40px "microsoft yahei";}
#list .add_msg li.user { top:0; left:0;}
#list .add_msg li.user:before { background-position:0 -50px;}
#list .add_msg li.tel { top:65px; left:0;}
#list .add_msg li.tel:before { background-position:-20px -50px;}
#list .add_msg li.detail { height:184px; top:130px; left:0;}
#list .add_msg li.detail textarea { width:calc(100% - 30px); height:160px; padding:10px 13px; text-indent:0; font:14px/20px "microsoft yahei";}
#list .add_msg li.submit { width:126px; height:46px; background:#e60012; border:0; text-align:center; font:16px/44px "microsoft yahei"; color:#fff; bottom:0; left:0px; cursor:pointer;}
#list .add_msg li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .add_msg li.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat -40px -50px; position:absolute; top:50%; left:0; margin-top:-7px;}
#list .add_msg 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;}

/**内容**/
#detail { width:100%; position:relative;}
#detail article .loading { width:100%; height:80px;}

#detail #popMsg { width:100%; height:40px; margin-top:25px; text-align:center; line-height:40px; font-size:16px; position:relative;}
#detail #popMsg li { float:none; width:200px; height:100%; margin:0 7px; border-radius:20px; display:inline-block;}
#detail #popMsg li a { width:100%; height:100%; background:#42b8f1; text-align:center; color:#fff; display:block;}
#detail #popMsg li a:hover { background:#f7ab00;}

#detail #pages { width:100%; margin-top:25px;}
#detail #pages li { width:calc((100% - 10px) / 2); height:40px; margin-left:10px; line-height:38px;}
#detail #pages li:first-child { margin:0;}
#detail #pages li a { float:left; width:calc(100% - 30px); height:calc(100% - 2px); padding:0 14px; border:#c9caca 1px solid; border-radius:20px; color:#898989; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#detail #pages li a:hover { border-color:#42b8f1; color:#42b8f1;}
#detail #pages li a.none:hover { border-color:#c9caca; color:#898989;}

#detail #history { width:calc(100% + 50px); padding-top:45px; margin:25px 0 -5px; position:relative;}
#detail #history p { width:calc(100% - 80px); height:38px; padding:0 14px; border:#c9caca 1px solid; border-radius:20px; line-height:38px; color:#898989; position:absolute; top:0; left:0;}
#detail #history li { width:calc(100% / 2 - 50px); height:24px; margin:10px 50px 0 0; line-height:24px;}
#detail #history li a { width:100%; height:100%; text-indent:23px; display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#detail #history li a:before { width:2px; height:2px; content:""; background:#595757; position:absolute; top:50%; left:15px; margin-top:-1px;}
#detail #history li span { float:right; margin-left:10px; text-indent:0; font-size:12px; color:#898989;}
#detail #history li:hover a:before { background:#42b8f1;}
#detail #history li:hover span { color:#42b8f1;}
#detail #history li.case { width:290px; height:auto; margin:10px 15px 5px 0;}
#detail #history li.case a { width:100%; height:100%; text-indent:0; display:block;}
#detail #history li.case a:before { display:none;}
#detail #history li.case i { float:left; width:100%; font:0/0 "microsoft yahei"; overflow:hidden;}
#detail #history li.case .img { height:182px;}
#detail #history li.case .img img { transition:all 0.5s;}
#detail #history li.case .name { height:14px; margin-top:10px; line-height:14px; text-align:center; font-size:14px;}
#detail #history li.case:hover .img img { transform:scale(1.1);}

#detail .view_case_title { width:calc(100% - 50px); padding:25px; background:#fff; position:relative; z-index:50;}
#detail .view_case_title h1 { float:left; width:100%; margin-top:-5px; font:bold 30px/40px "microsoft yahei";}
#detail .view_case_title li { width:100%; line-height:24px;}
#detail .view_case_title .info { margin-top:15px;}
#detail .view_case_title .tags { height:30px; line-height:29px; margin:20px 0 -20px;}
#detail .view_case_title .tags p,#detail .view_case_title .tags a { float:left; height:100%;}
#detail .view_case_title .tags p { padding-right:20px; margin-left:35px; position:relative;}
#detail .view_case_title .tags p:first-child { margin:0;}
#detail .view_case_title .tags p:after { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat -400px 0; position:absolute; top:50%; right:0; margin-top:-7px;}
#detail .view_case_title .tags p.icon1:after { background-position:-400x 0;}
#detail .view_case_title .tags p.icon2:after { background-position:-415px 0;}
#detail .view_case_title .tags p.icon3:after { background-position:-430px 0;}
#detail .view_case_title .tags a { padding:0 10px; margin-left:10px; background:#42b8f1; border-radius:3px; color:#fff;}
#detail .view_case_title .tags a:hover { background:#f7ab00;}

#detail .view_news_title { width:100%; margin-bottom:30px; position:relative; z-index:50;}
#detail .view_news_title h1 { float:left; width:100%; margin-top:-7px; font:bold 30px/40px "microsoft yahei";}
#detail .view_news_title li { width:100%; line-height:24px;}
#detail .view_news_title .info { margin:12px 0 15px; line-height:12px; font-size:12px; color:#898989;}
#detail .view_news_title .info span { float:left; height:12px; margin-left:21px; position:relative;}
#detail .view_news_title .info span:before { width:1px; height:100%; content:""; background:#898989; position:absolute; top:1px; left:-11px;}
#detail .view_news_title .info span:first-child { margin:0;}
#detail .view_news_title .info span:first-child:before { display:none;}
#detail .view_news_title .tags { height:30px; line-height:29px;}
#detail .view_news_title .tags p,#detail .view_news_title .tags a { float:left; height:100%;}
#detail .view_news_title .tags p { padding-right:20px; margin-left:35px; position:relative;}
#detail .view_news_title .tags p:first-child { margin:0;}
#detail .view_news_title .tags p:after { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat -400px 0; position:absolute; top:50%; right:0; margin-top:-7px;}
#detail .view_news_title .tags p.icon1:after { background-position:-400x 0;}
#detail .view_news_title .tags p.icon2:after { background-position:-415px 0;}
#detail .view_news_title .tags p.icon3:after { background-position:-430px 0;}
#detail .view_news_title .tags a { padding:0 10px; margin-left:10px; background:#42b8f1; border-radius:3px; color:#fff;}
#detail .view_news_title .tags a:hover { background:#f7ab00;}

/**弹出**/
#pop_div { width:100%; height:100%; background:rgba(0,0,0,0.6); 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_honor { width:100%; text-align:center; font:0/0 arial; position:absolute; top:50%; left:0; transition:all 0.3s; transform:translateY(-60%); opacity:0; visibility:hidden;}
.pop_honor.open { transform:translateY(-50%); opacity:1; visibility:visible;}
.pop_honor .showImg { float:none !important; position:relative; display:inline-block;}
.pop_honor .showImg img { position:relative; /*max-height:600px;*/ z-index:10;}
.pop_honor .showImg li { text-align:center; position:absolute; cursor:pointer; z-index:20;}
.pop_honor .showImg .close { width:29px; height:29px; background:rgba(0,0,0,0.6); border:rgba(255,255,255,0.7) 1px solid; border-radius:100%; cursor:pointer; top:0; right:-40px;}
.pop_honor .showImg .close:before { width:11px; height:11px; content:""; background:url(../images/base.png) no-repeat -502px -7px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transition:all 0.35s;}
.pop_honor .showImg .close:hover { border-color:rgba(255,255,255,1);}
.pop_honor .showImg .close:hover:before { transform:rotate(180deg);}
.pop_honor .showImg .title { width:100%; height:40px; font:16px/40px "microsoft yahei"; color:#fff; bottom:-40px; left:0;}
.pop_honor .showImg .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.2) !important; top:0; left:0; z-index:30; display:none;}
.pop_honor .showImg .page { width:40px; height:40px; background:rgba(0,0,0,0.6); border-radius:100%; font:0/0 arial; position:absolute; top:50%; margin-top:-20px; z-index:25;}
.pop_honor .showImg .page:before { width:9px; height:17px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; left:50%; margin:-8px 0 0 -5px; transition:all 0.35s;}
.pop_honor .showImg .prev { left:-50px;}
.pop_honor .showImg .prev:before { background-position:-495px -30px;}
.pop_honor .showImg .prev:hover:before { background-position:-510px -30px;}
.pop_honor .showImg .prev.end:before { background-position:-495px -70px;}
.pop_honor .showImg .next { right:-50px;}
.pop_honor .showImg .next:before { background-position:-510px -50px; margin-left:-3px;}
.pop_honor .showImg .next:hover:before { background-position:-495px -50px;}
.pop_honor .showImg .next.end:before { background-position:-510px -70px;}

.pop_message { width:700px; height:350px; background:#42b8f1; border-radius:5px; position:absolute; top:50%; left:50%; margin:-210px 0 0 -350px; transition:all 0.3s; transform:translateY(-20px); opacity:0; visibility:hidden;}
.pop_message.open { transform:translateY(0); opacity:1; visibility:visible;}
.pop_message .list { width:100%; height:100%; position:relative;}
.pop_message .list li { width:620px; height:50px; background-color:#fff; line-height:50px; font-size:14px; position:absolute; left:50%; margin-left:-310px; z-index:20;}
.pop_message .list .close { width:31px; height:31px; background:#777; border:#28a0dc 4px solid; border-radius:100%; left:auto; margin:auto; top:-19px; right:-19px; z-index:30; cursor:pointer;}
.pop_message .list .close:before { width:15px; height:15px; content:""; background:url(../images/base.png) no-repeat -500px -5px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; cursor:pointer; transition:all 0.5s;}
.pop_message .list .close:hover { background:#777;}
.pop_message .list .close:hover:before { transform:rotate(180deg);}
.pop_message .list span { height:100%; color:#898989; position:absolute; top:0; left:15px;}
.pop_message .list input { width:calc(100% - 2px); height:calc(100% - 2px); border:#ddd 1px solid; text-indent:85px; position:absolute; top:0; left:0; z-index:20;}
.pop_message .list input:focus { border-color:#f7ab00;}
.pop_message .list .title { background:none; text-align:center; font-size:30px; color:#fff; top:15px;}
.pop_message .list .xuqiu { top:85px;}
.pop_message .list .user { top:145px;}
.pop_message .list .tel { top:205px;}
.pop_message .list .submit { background:#f7ab00; text-align:center; line-height:48px; font-size:18px; color:#fff; bottom:30px;}
.pop_message .list .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1) !important; position:absolute; top:0; left:0; margin:auto; z-index:100; display:none;}

.pop_zhaopin { width:1000px; height:600px; background:#fff; border-radius:5px; position:absolute; top:50%; left:50%; margin:-300px 0 0 -500px; transition:all 0.3s; transform:translateY(-20px); opacity:0; visibility:hidden;}
.pop_zhaopin.open { transform:translateY(0); opacity:1; visibility:visible;}
.pop_zhaopin .name { width:100%; height:60px; background:#f8f8f8; border-bottom:#eee 1px solid; border-radius:5px 5px 0 0; position:absolute; top:0; left:0;}
.pop_zhaopin .name li { height:20px; line-height:20px; font-size:14px; color:#898989; position:absolute; top:50%; margin-top:-10px; z-index:20;}
.pop_zhaopin .name li i { font-size:16px; color:#333;}
.pop_zhaopin .name .close { width:31px; height:31px; background:#777; border:#fff 2px solid; border-radius:100%; top:-13px; right:-19px; z-index:30; cursor:pointer;}
.pop_zhaopin .name .close:before { width:13px; height:13px; content:""; background:url(../images/base.png) no-repeat -501px -6px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transition:all 0.35s;}
.pop_zhaopin .name .close:hover { border-color:rgba(66,184,241,1);}
.pop_zhaopin .name .close:hover:before { transform:rotate(180deg);}
.pop_zhaopin .name .title { left:20px;}
.pop_zhaopin .name .num { left:500px;}
.pop_zhaopin .name .date { left:700px;}
.pop_zhaopin article { width:calc(100% - 40px); height:calc(100% - 100px); padding:20px; margin:0; overflow-y:scroll; position:absolute; top:60px; left:0;}
.pop_zhaopin .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1) !important; position:absolute; top:0; left:0; display:none1;}

@media (max-width:1610px){
header .header { height:70px; line-height:70px;}
.pop_honor { margin-top:-365px !important;}
.pop_honor .showImg img { max-height:700px;}
}

@media (max-width:1400px){
.pop_honor { margin-top:-305px !important;}
.pop_honor .showImg img { max-height:580px;}
}