@charset "utf-8";

/* CSS Document */

html,body {font-size:14px;margin:0;padding:0;font-family: "微软雅黑";color:#333;background:#FFF;letter-spacing:0.5px}

.center  {text-align:center}

body {background:url(../images/top.jpg) no-repeat center top}

ul,li,dl,dt,dd,form {margin:0;padding:0;list-style-type:none;font-size:14px;}

a:link,a:visited {color:#666;text-decoration:none}

a:hover,a:active {color:#013C96}

a.whitelink:link,a.whitelink:visited {color:#FFF;text-decoration:none}

a.whitelink:hover,a.whitelink:active {color:#FF0}

a.redlink:link,a.redlink:visited {color:#F00;text-decoration:none}

a.redlink:hover,a.redlink:active {color:#000}

a.navlink:link,a.navlink:visited {color:#333;text-decoration:none;font-size:15px;display:block;height:80px;line-height:80px;}

a.navlink:hover,a.navlink:active,a.curnavlink:link,a.curnavlink:visited {color:#FFF;text-decoration:none;font-size:15px;display:block;height:80px;line-height:80px;background:#FE0000}

a.reda:link,a.reda:visited {color:#c00;font-weight:bold;}

.cleardiv {context:"."; height:"0"; display:block;clear:both;visibility:hidden}

.mtop {margin-top:10px;}

.floatleft {float:left}

.floatright {float:right}


.redindex{
	color: #c00000;
}


#top {width:940px;margin:0 auto;overflow:hidden;padding-left:260px;background:url(../images/logo.jpg) no-repeat left center}

#top dt {width:100px;float:left;height:80px;line-height:80px;}


#top dd {width:320px;height:72px;line-height: 80px; float:right;color:#FFF;font-size:22px;text-align:right;background:url(../images/tel.jpg) no-repeat 60px 20px}

#top dd span {color:#FFF;line-height:2em;font-size:16px;margin-top:10px;display:block}

#top dd div {height:30px;line-height:35px;letter-spacing:2px}



#top dt div {position:absolute;width:350px;margin-top:80px;overflow:hidden;display:none;z-index:1000}





#top dt div.twoNav {width:700px;}

#top div dl {width:350px;float:left;overflow:hidden;background:#EAEFF5;padding-bottom:10px;}

#top div dl dt {height:35px;background:#013C96;color:#FFF;text-align:center;font-size:16px;line-height:35px;width:100%;margin-bottom:10px}




#top div dl dt a:link,#top div dl dt a:visited {color:#FFF; }

#top div dl dd {font-size:14px;width:100%;background:none;text-align:left;height:30px;line-height:30px;color:#676978}

#top div dl dd a:link,#top div dl dd a:visited {display:block;width:150px;float:left;margin-left:10px;color:#4F6795}

#gg {width:1200px;margin:10px auto;overflow:hidden;}

#gg dt {width:790px;float:left;border:1px solid #EEEEEE;padding:5px;background:#FBFBFB url(../images/sound.jpg) no-repeat 10px center;height:30px;line-height:30px;border-radius:3px;padding-left:50px;}

#gg dd {width:320px;float:right;border:1px solid #EEEEEE;padding:5px;background:#FBFBFB;height:30px;line-height:30px;border-radius:3px;}

.sipt {width:240px;background:#E2E2E4;border:0;height:30px;outline:none;padding:0 10px;float:left;color:#666}

.sbtn {width:50px;height:30px;outline:none;background:url(../images/sbtn.jpg);border:0;float:right}

#header,#mobNav  {display:none}

#mobNav a {margin:0 10px}

@media screen and ( max-width: 960px ) {

#top {display:none}

#header {display:block;width:100vw;overflow:hidden;margin:5px auto}

#header dt {width:42vw;float:left}

#header dt img {height:60px}

#header dd {width:calc(58vw - 30px);float:right;line-height:60px;font-size:18px;font-weight:bold;color:red;position:relative;background:url(../images/tel.png) no-repeat left center;padding-left:30px}


#mobNav {display:block;}

#gg {width:96vw;}

#gg dt {width:calc(96vw - 57px);float:none;height:30px;overflow:hidden}

#gg dd {width:calc(96vw - 12px);;float:none;border-top:0}

.sipt {width:calc(96vw - 82px);}

}



#IndexClass {width:1200px;margin:0px auto;overflow:hidden}

#IndexClass dt {width:350px;float:left;border:1px solid #F4F2F3;box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.1), 0 5px 10px 5px rgba(0,0,0,0.1) ;margin-bottom:20px;}

#IndexClass dd {width:350px;float:left;margin-left:65px;border:1px solid #F4F2F3;box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.1), 0 5px 10px 5px rgba(255,255,255,0.5) ; }

#IndexClass dt:hover,#IndexClass dd:hover {box-shadow: 5px 5px 10px 3px rgba(0,0,255,0.1), 0 5px 10px 5px rgba(0,0,255,0.1)}

#IndexClass span {display:block;width:260px;margin:10px auto;height:40px;line-height:40px;border-radius:5px;text-align:center;background:#003B95;color:#FFF;font-size:18px;}

#IndexClass div {width:260px;margin:15px auto 25px auto}

#IndexClass div a:link,#IndexClass div a:visited {display:block;height:35px;line-height:35px;background:url(../images/li1.jpg) no-repeat left center;padding-left:20px;}

@media screen and ( max-width: 960px ) {

	#IndexClass {width:96vw;margin:10px auto}

	#IndexClass dt ,#IndexClass dd {width:calc(96vw - 2px);box-shadow:0 0 0 0 ,0 0 0 0 ;float:none;margin:10px auto}

	#IndexClass img {width:100%;height:auto}

	#IndexClass span  {width:90vw}

	#IndexClass div {width:80vw}

}

#IndexPro {width:1200px;margin:0 auto;overflow:hidden}

#IndexPro dt {width:240px;float:left}

#IndexPro dd {width:240px;float:left;margin-left:80px;}

#IndexPro div {padding:0 10px;}

#IndexPro  span {display:block;font-size:20px;border-bottom:1px solid #ddd;line-height:2em;}

#IndexPro  font {font-size:12px;line-height:2.2em;}

#IndexPro ul {margin:10px 0;}

#IndexPro ul li {height:40px;line-height:40px;font-size:16px;padding-left:30px;background:url(../images/li2.jpg) no-repeat left center}

@media screen and ( max-width: 960px ) {

#IndexPro {width:100vw;}

#IndexPro dt ,#IndexPro dd {width:48vw;margin:1vw;}

#IndexPro ul li {margin-left:8px;}

}



#bottom {width:100%;overflow:hidden;background:#013C96;margin:20px auto 0 auto}

/* #footer {width:800px;padding:30px 0;margin:0 auto;color:#FFF;background:url(../images/flogo.jpg) no-repeat left center;padding-left:400px;overflow:hidden}

#footer dt {width:600px;float:left;font-size:20px}

#footer dd {width:200px;float:right;text-align:center}

#footer dt  div {font-size:14px;line-height:3em;margin-top:25px}

#footer dd img {margin-bottom:10px;} */

#copy {width:100%;overflow:hidden;background:#011027;}

#copy dl {width:1200px;margin:0 auto;overflow:hidden;color:#FFF}

#copy dt {width:800px;float:left;height:60px;line-height:60px;}

#copy dd {width:200px;float:right;height:60px;line-height:60px;}

#language {display:none}

@media screen and ( max-width: 960px ) {

#bottom ,#copy dl,#copy dt ,#copy dd {width:100vw}

/* #footer{width:90vw;padding:20px 0 0 0;background:none;margin:0 auto;overflow:hidden}

#footer dt {width:100%;float:none;font-size:18px;text-align:center;}

#footer dt  div {font-size:12px;line-height:2.5em;margin-top:20px;text-align:left}

#footer dd {width:100%;float:none;margin:10px auto;} */

#copy span {display:block;}

#copy {font-size:12px;text-align:center;padding:10px 0}

#copy dt,#copy dd {line-height:30px;height:auto}

#language {display:block;width:100%;overflow:hidden;color:#000;text-align:center;font-size:14px;line-height:50px;background:#011027}

#language a {margin:0 10px}



}



#location {width:1200px;margin:10px auto;background:url(../images/home.jpg) no-repeat left center;overflow:hidden;height:50px;line-height:50px;}

#location dt {width:570px;float:left;font-size:15px;padding-left:30px;color:#555}

#location dd {width:600px;float:right;text-align:right}

#location dt a:link,#location dt a:visited {color:#555}

#location dt a:hover,#location dt a:active {color:#013C96}

#location dd a:link,#location dd a:visited {padding:8px 25px;border:1px solid #CCC;color:#000;margin:0 5px;font-size:14px;}

#location dd a:hover,#location dd a:active,#location dd a.sclassCur:link,#location dd a.sclassCur:visited {color:#FFF;background:#114577}

@media screen and ( max-width: 960px ) {

#location {width:96vw;margin:10px auto;background:none;overflow:hidden;line-height:50px;height:auto}

#location dt {width:100%;font-size:14px;background:url(../images/home.jpg) no-repeat left center;padding-left:30px;color:#555;margin:0 auto;float:none}

#location dd {width:100%;text-align:center;float:none;}

#location dd a:link,#location dd a:visited {padding:4px 10px;font-size:15px;font-weight:normal}

#location dd a:hover,#location dd a:active,#location dd a.sclassCur:link,#location dd a.sclassCur:visited {color:#FFF;background:#114577}

}



#caseinfo {width:1200px;margin:0 auto;padding:20px 0;line-height:2em;font-size:16px;}

.fwClase {width:1200px;margin:20px auto;border-top:1px solid #878787;padding-bottom:30px}

.fwTitle {font-size:20px;margin:20px}

.fwinfo {margin:20px auto;font-size:16px;line-height:2em;}

.fwClase dl {width:100%;overflow:hidden}

.fwClase dt {width:190px;float:left;text-align:center;}

.fwClase dd {width:190px;float:left;margin-left:12px;text-align:center;}

.fwClase dl  img {margin-bottom:8px;border:0px solid #FFF;}

.fwClase dl  img:hover {border:0px solid #00F;}

.newtitle {width:1200px;text-align:center;margin:30px auto;font-size:24px;font-weight:bold;position:relative}

.newtitle span {position:absolute;right:0;font-size:16px;font-weight:normal;color:#999;}

.newbody {width:1200px;margin:0 auto;font-size:16px;line-height:2em;}

@media screen and ( max-width: 960px ) {

#caseinfo {width:96vw;font-size:14px;line-height:1.8em;padding:10px 0}

.fwClase {width:100vw}

.fwTitle {text-align:center}

.fwinfo {font-size:14px;line-height:1.8em;width:96vw;margin:0 auto}

.fwClase dl {width:100vw;overflow:hidden}

.fwClase  dt,.fwClase dd {width:46vw;margin:2vw;}

.fwClase dl  img {width:100%;height:auto}

.newtitle {width:96vw;margin:10px auto;}

.newbody {width:96vw;font-size:14px;line-height:1.8em}

.newtitle span {position:static;display:block;right:auto;font-size:14px;font-weight:normal;color:#999;margin-top:10px}

}

.xgPro {font-size:20px;font-weight:bold;width:1200px;margin:40px auto;background:url(../images/line.jpg) no-repeat center bottom;height:60px;line-height:60px;text-align:center}

#ProList {width:1200px;margin:0 auto 50px auto;overflow:hidden}

#ProList li {width:245px;float:left;margin:10px 11px 10px 10px;padding:15px;}

#ProList li:hover {border-color:#013C96}

#ProList li img {width:240px;height:240px;margin-bottom:15px;border:1px solid #CCC;}

#ProList li a {font-size:18px;color:#000;}

#ProList li div {margin-top:15px;color:#999;line-height:1.8em;height:80px;overflow:hidden}

#ProList li span img {width:25px;height:25px;margin-bottom:0;}

#ProList li span   {display:block;text-align:right}

@media screen and ( max-width: 960px ) {

.xgPro {width:96vw}

#ProList {width:96vw;}

#ProList li {width:auto;}

#ProList li img {width:100%;height:auto}

}

#newslist {width:1200px;margin:10px auto;overflow:hidden}

#newslist dt img {width:120px;padding:5px;border:1px solid #EEE;border-radius:3px; height:110px}

#newslist dt {width:137px;float:left;border-bottom:1px solid #DDD;clear:left;height:130px;padding:30px 0}

#newslist dd {width:1040px;float:right;height:130px;padding:30px 0;clear:right;border-bottom:1px solid #DDD;padding-left:23px;}

#newslist dd  a:link,#newslist dd  a:visited {font-size:18px;color:#000}

#newslist dd  a:hover,#newslist dd  a:active {font-size:18px;color:#013C96}

#newslist dd span {float:right;color:#999;font-size:16px}

#newslist dd div {margin-top:10px;font-size:15px;color:#666;line-height:2em;}

#mypage {text-align:center;height:80px;margin-top:50px}

#mypage a:link,#mypage a:visited {padding:5px 10px;border:1px solid #cacaca;margin:0 5px}

#mypage a:hover,#mypage a:active {color:#c00;border-color:#c00}

#mypage a.curpage:link,#mypage a.curpage:visited {background:#013C96;border-color:#013C96;color:#FFF}

@media screen and ( max-width: 960px ) {

#newslist {width:96vw;margin:10px auto;overflow:hidden}

#newslist dt img {/*width:calc(96vw - 12px);height:50%;padding:5px;border:1px solid #EEE;border-radius:3px*/ display:none;}

#newslist dt {width:100%;float:none;border-bottom:0;height:auto;padding:20px 0}

#newslist dd {width:96vw;float:none;height:auto;padding:0;clear:right;border-bottom:0;padding-left:0;}

#newslist dd  a:link,#newslist dd  a:visited {font-size:16px;color:#000}

#newslist dd  a:hover,#newslist dd  a:active {font-size:16px;color:#013C96}

#newslist dd span {float:right;color:#999;font-size:14px}

#newslist dd div {margin:10px 0;font-size:14px;color:#666;line-height:1.8em;}





}

#thirdbody {width:100%;overflow:hidden}
#thirdbody dt {width:50%;float:left;background:url(../images/l.jpg) right top;height:350px;}
#thirdbody dd {width:50%;float:right;background:url(../images/r.jpg) right top;height:350px;}
#thirdbody dt div,#thirdbody dt ul {width:580px;float:right;margin-right:30px;color:#333}
#thirdbody dd div,#thirdbody dd ul {width:580px;float:left;margin-left:30px;color:#333}
#thirdbody div {text-align:center;height:50px;line-height:50px;font-size:25px;margin:20px;}
#thirdbody ul {background:url(../images/li.png) no-repeat left 6px;}
#thirdbody ul li {height:30px;line-height:30px;margin:5px 0;padding-left:35px;overflow:hidden}
#thirdbody ul li span {float:right;}
#thirdbody ul li a:link,#thirdbody ul li a:visited {color:#333}
#thirdbody ul li a:hover,#thirdbody ul li a:active {color:#333;text-decoration:underline}
@media screen and  (max-width:1024px) {
#thirdbody {width:100vw;overflow:hidden}
#thirdbody dt {width:100vw;float:none;background:url(../images/l.jpg) right top;height:280px;}
#thirdbody dd {width:100vw;float:none;background:url(../images/r.jpg) right top;height:280px;}
#thirdbody dt div,#thirdbody dt ul {width:90%;float:none;margin:0 auto;color:#333}
#thirdbody dd div,#thirdbody dd ul {width:90%;float:none;margin:0 auto;color:#333}
}

#footer {width:100%;margin: 0 auto;overflow:hidden;background:#F4F4F4;}
#footer ul {width:1250px;margin:30px auto ;overflow:hidden}
#footer li {float:left;margin-right:20px;}
#footer dl {width:1250px;overflow:hidden;margin:30px auto 50px auto}
#footer dt {width:550px;float:left;line-height:2.5em;padding:30px 0 20px 0}
#footer dd {width:340px;float:right;text-align:center;border-left:1px solid #ccc;height:170px;line-height:2em;margin-top:40px;}
#footer dd  font {display:block;font-size:30px;margin-top:45px;color:#000}
#footer dd span {display:block;margin-top:20px;color:#000}
#footer dd img {width:140px;height:auto;margin-top:0;margin-bottom:-10px;}
#bottom {width:100%;overflow:hidden;background:rgba(0,0,0,0.8);height:40px;line-height:40px;text-align:center;color:#333;position:fixed;bottom:0;z-index:1000}
#bottom  li {width:1000px;margin:0 auto;}
#bottom li img {float:right;cursor:pointer;margin-top:10px}
#bottom span {color:#F00;font-weight:bold;margin:0 5px}
@media screen and  (max-width:1024px) {
#footer ul {width:100vw;margin:30px auto;overflow:hidden;display:none}
#footer dl {width:100vw;}
#footer dt  {width:98vw;float:none;margin:0 1vw;font-size:14px;text-align:center}
#footer dd {width:98vw;float:none;margin:0 1vw;;text-align:center;border-left:0px solid #000;height:auto;line-height:2em;}
#footer dd  font {display:block;font-size:30px;margin-top:20px;color:#000}
#footer dd span {display:block;margin-top:20px;color:#000}
#bottom  li {width:100%;margin:0 auto;}
#bottom li img {float:right;cursor:pointer;margin-top:10px;margin-right:10px}
}

.firstbody,.secondbody {width:1170px;margin:0px auto;background:#FFF;overflow:hidden;padding:40px;}
.firstbody dt,.secondbody dd {float:left;overflow:hidden}
.firstbody dt h2{
	font-size: 32px;
}
.firstbody dd,.secondbody dt {float:right;overflow:hidden}
.index_info {width:550px;text-align:left}
.firstbody dd,.secondbody dd {width:550px;text-align:center}
.index_info span {padding:10px 30px;background:#0083EB;color:#FFF;font-size:18px;line-height:35px; display: block; width: 200px; text-align: center; margin:10px 0;}
.index_info div {line-height:2em;margin:20px 0;color:#666}
a.seemore:link,a.seemore:visited {padding:10px 20px;border:1px solid #DDD;line-height:45px;color:#666}
a.seemore:hover,a.seemore:active {border:1px solid #0083EB;color:#0083EB}
@media screen and  (max-width:1024px) {
.firstbody,.secondbody {width:100vw;margin:10px auto;background:#FFF;overflow:hidden;padding:0}
.firstbody dd,.secondbody dd {display:block;float:none;margin:0 2vw;width:96vw}
.firstbody dt,.secondbody dt {margin:20px;}
.index_info {width:calc(100% - 40px);}
.index_info span {padding:10px 30px;background:#0083EB;color:#FFF;font-size:18px;line-height:45px;}
.index_info div {line-height:2em;margin:20px 0;color:#666;}
.firstbody dd img {width:100%;height:auto}
.secondbody dd img {width:100%;height:auto}
}

.two_left{width: 100%;overflow: hidden;position: relative;}
.two_left a{display: block;}
.two_left a span{display: block;}
.two_left a span.img{padding-bottom: 380px;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.two_left a span.txt{position: absolute;padding: 0 3%;bottom: 0;left: 0;background: url(../images/h_50.png);width: 94%;}
.two_left a span.txt i{display: block;line-height: 60px;font-weight: bold;font-size: 18px;color: #fff;width: 80%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.two_lefthd{position: absolute;right: 3%;bottom: 27px;z-index: 2;}
.two_lefthd span{display: inline-block;height: 6px;width: 15px;background: #fff;opacity: 0.6;filter: alpha(opacity=60);-webkit-border-radius: 5px;border-radius: 5px;margin-left: 6px;}
.two_lefthd span.swiper-pagination-bullet-active{width: 24px;opacity: 1;filter: alpha(opacity=100);}
.two_left img{ width:100%;}

@media screen and (max-width:991px){
.two_left,.two_right{width: 100%;}
.two_left a span.img{padding-bottom: 65%;}
.two_left{margin-bottom: 20px;}
}

.hxfoucs{width: 100%;overflow: hidden;position: relative;}
.hxfoucs a{display: block;}
.hxfoucs a span{display: block;}
.hxfoucs a span.img{padding-bottom: 380px;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.hxfoucs a span.txt{position: absolute;padding: 0 3%;bottom: 0;left: 0;background: url(../images/h_50.png);width: 94%;}
.hxfoucs a span.txt i{display: block;line-height: 60px;font-weight: bold;font-size: 18px;color: #fff;width: 80%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.hx_foucshd{position: absolute;right: 3%;bottom: 27px;z-index: 2;}
.hx_foucshd span{display: inline-block;height: 6px;width: 15px;background: #fff;opacity: 0.6;filter: alpha(opacity=60);-webkit-border-radius: 5px;border-radius: 5px;margin-left: 6px;}
.hx_foucshd span.swiper-pagination-bullet-active{width: 24px;opacity: 1;filter: alpha(opacity=100);}
.hx_foucshd img{ width:100%;}

.index_info .dec{
	font-size: 16px;
}
Google 翻译
原文
提供更好的翻译建议