@charset "utf-8";

.topbar {
	height: 40px;
	background: #f0f0f0;
	color: #666;
	font-size: 9pt;
	line-height: 40px
}

.topbar a {
	display: inline-block;
	margin-left: 25px;
	padding-left: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #888;
	font-size: 9pt
}

.topbar a:hover {
	color: #d9241c
}

.topbar .wb {
	background-image: url(../images/header-ico1.png)
}

.topbar .wx {
	position: relative;
	background-image: url(../images/header-ico2.png)
}

.topbar .mess {
	background-image: url(../images/header-ico3.png)
}

.topbar .wx img {
	position: absolute;
	top: 34px;
	right: -20px;
	z-index: 999;
	display: none;
	overflow: hidden;
	padding: 5px;
	width: 75pt;
	height: 75pt;
	border-radius: 3px;
	background-color: #fff
}

.header,.headerLogo {
	height: 140px
}

.headerLogo img {
	display: block;
	height: 140px
}

.headerPic {
	margin-top: 30px
}

.headerPic img {
	display: block;
	width: 75px;
	height: 75px
}

.headerTel {
	margin-top: 40px;
	margin-right: 15px;
	height: 60px;
	padding-left: 60px;
	background: url(../images/header-ico4.png) no-repeat left center;
	color: #000000;
	font-size: 2pc;
}

.headerTel span {
	display: block;
	margin-bottom: 5px;
	color: #999;
	font-size: 14px
}

.headNav {
	height: 60px;
	background-color: #005cc6;
	line-height: 60px
}

.headNav .menu1 {
	width: 930pt
}

.headNav .menu1>li {
	float: left;
	color: #fff;
	text-align: center;
	font-size: 14px;
	transition: all .5s
}

.headNav .menu1>li>a {
	display: block;
	width: 130pt;
	border-right: 1px solid #0061d1;
	color: #fff;
	font-size: 1pc;
}

.headNav .menu1>li.current,.headNav .menu1>li:hover {
	background-color: #59b224;
}

.banner {
	margin: 0 auto;
	width: 100%
}

.banner,.banner .bd {
	position: relative;
	overflow: hidden;
	height: 600px
}

.banner .bd {
	left: 50%;
	margin-left: -60pc;
	width: 20in
}

.banner .bd .li2 {
	position: relative;
	height: 600px;
	background-position: center center;
	background-repeat: no-repeat
}

.banner .bd .li2 .wid {
	position: relative;
	margin: 0 auto;
	width: 75pc;
	height: 100%
}

.banner .bd .li2 a {
	position: absolute;
	width: 200px;
	height: 200px;
	border-radius: 50%
}

.banner .bd .li2 .a1 {
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -200px;
	width: 25pc;
	height: 25pc
}

.banner .bd .li2 .a2 {
	top: 55px;
	left: 185px
}

.banner .bd .li2 .a3 {
	top: 50%;
	left: 0;
	margin-top: -75pt
}

.banner .bd .li2 .a4 {
	bottom: 55px;
	left: 185px
}

.banner .bd .li2 .a5 {
	top: 55px;
	right: 185px
}

.banner .bd .li2 .a6 {
	top: 50%;
	right: 0;
	margin-top: -75pt
}

.banner .bd .li2 .a7 {
	right: 185px;
	bottom: 55px
}

.banner .hd {
	position: absolute;
	bottom: 40px;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 1pc
}

.banner .hd ul {
	text-align: center
}

.banner .hd ul li {
	display: inline-block;
	overflow: hidden;
	margin: 0 5px;
	width: 9pt;
	height: 9pt;
	border: 1px solid #fff;
	background-color: #fff;
	cursor: pointer;
	transition: all .5s
}

.banner .hd ul li.on,.banner .hd ul li:hover {
	border-color: #d60e03;
	background: #d60e03
}

.banner .next,.banner .prev {
	position: absolute;
	top: 45%;
	z-index: 2;
	display: block;
	margin-top: -20px;
	width: 40px;
	height: 60px
}

.banner .prev {
	left: 5%;
	background: url(../images/banner-pn.png) no-repeat left bottom
}

.banner .next {
	right: 5%;
	background: url(../images/banner-pn.png) no-repeat right bottom
}

.homeSeach {
	margin-bottom: 1px;
	width: 100%;
	height: 60px;
	background: #f0f0f0;
	line-height: 60px;
}

.homeSeach .key {
	float: left
}

.homeSeach .key span {
	color: #d9241c
}

.homeSeach .key a {
	margin: 0 3px;
	color: #888;
	font-size: 9pt
}

.homeSeach .key a:hover {
	color: #d60e03
}

.homeSeach .seachBox {
	float: right;
	margin-top: 10px;
	background: #fff
}

.homeSeach .seachBox form {
	overflow: hidden
}

.homeSeach .seachBox form input {
	float: left;
	display: block;
	background-color: #fff;
	line-height: 38px;
	padding-left: 1em;
}

.homeSeach .seachBox .word {
	width: 15pc;
	height: 38px;
	border-right: none;
	color: #828282;
	text-indent: 1em;
	line-height: 38px;
	border: 1px solid #f0f0f0;
}

.homeSeach .seachBox .sousuo {
	width: 38px;
	height: 38px;
	background-image: url(../images/hSear-ico.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer
}

.homeProd {
	padding: 50px 0
}

.homeProd-top {
	overflow: hidden
}

.homeProd-top h5 {
	float: left;
	padding: 70px 0 0;
	width: 300px;
	height: 125px;
	background-color: #d60e03;
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-size: 30px
}

.homeProd-top h5 span {
	display: block;
	margin-top: 5px;
	font-weight: 400;
	font-size: 14px
}

.homeProd-ban {
	margin-bottom: 20px;
	height: 220px
}

.homeProd-ban a,.homeProd-ban img {
	display: block;
	width: 100%;
	height: 100%
}

.homeProd-menu {
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 35px 0 0 35px;
	width: 865px;
	height: 10pc;
	background: url(../images/hNav-bg.jpg) no-repeat center center
}

.homeProd-menu ul {
	float: left;
	width: 20%
}

.homeProd-menu li {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
	width: 180px;
	background: url(../images/hprod-ico1.png) no-repeat left center
}

.homeProd-menu li a {
	position: relative;
	margin-left: 15px;
	color: #fff;
	font-size: 9pt
}

.homeProd-menu li a:after {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 1px;
	background-color: #fff;
	content: "";
	transition: all .5s
}

.homeProd-menu li:hover a:after {
	width: 100%
}

.homeProd-main {
	overflow: hidden
}

.homeProd-main ul {
	width: 930pt
}

.homeProd-main li {
	position: relative;
	float: left;
	margin-right: 27px;
	margin-bottom: 25px;
	width: 380px;
	border: 1px solid #c6c6c6
}

.homeProd-main li a {
	display: block;
	width: 100%;
	height: 100%
}

.homeProd-main li a:after,.homeProd-main li a:before {
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	content: "";
	transition: all .5s
}

.homeProd-main li a:before {
	top: -1px;
	left: -1px;
	border-top: 1px solid #005cc6;
	border-left: 1px solid #005cc6
}

.homeProd-main li a:after {
	right: -1px;
	bottom: -1px;
	border-right: 1px solid #005cc6;
	border-bottom: 1px solid #005cc6
}

.homeProd-main li .pic {
	display: block;
	overflow: hidden;
	height: 380px
}

.homeProd-main li .pic img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s
}

.homeProd-main li h4 {
	overflow: hidden;
	padding: 0 10px;
	height: 40px;
	color: #777;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-size: 14px;
	line-height: 40px;
	transition: all .5s
}

.homeProd-main li i {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 40px solid #999;
	border-left: 40px solid transparent;
	color: #fff
}

.homeProd-main li i:after {
	position: absolute;
	top: 9pt;
	right: 5px;
	color: #fff;
	content: "+";
	font-style: normal;
	font-size: 1pc
}

.homeProd-main li:hover .pic img {
	transform: scale(1.1)
}

.homeProd-main li:hover a:after,.homeProd-main li:hover a:before {
	width: 100%;
	height: 100%
}

.homeProd-main li:hover i {
	border-bottom: 40px solid #005cc6
}

.homeProd-main li:hover h4 {
	color: #d60e03
}

.homePartner {
	padding: 60px 0;
	background-color: #f0f0f0
}

.homePartner h3 {
	margin-bottom: 25px;
	color: #333;
	text-align: center;
	font-weight: 400;
	font-size: 30px
}

.homePartner h3 strong {
	color: #006eec;
	font-weight: 400
}

.homePartner h3 span {
	display: block;
	margin-top: 5px;
	color: #999;
	text-transform: uppercase;
	font-size: 9pt
}

.homePartner .bd {
	overflow: hidden
}

.homePartner ul {
	width: 1230px
}

.homePartner li {
	float: left;
	overflow: hidden;
	margin-right: 10px;
	width: 230px;
	height: 140px;
	border: 1px solid #d7d7d7
}

.homePartner li a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.homePartner li a img {
	z-index: 2;
	width: 100%;
	height: 100%;
	transform: rotateY(0)
}

.homePartner li a img,.homePartner li a span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all .5s ease 0s;
	backface-visibility: hidden
}

.homePartner li a span {
	background-color: #d60e03;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	line-height: 140px;
	transform: rotateY(-180deg)
}

.homePartner li a:hover img {
	transform: rotateY(180deg)
}

.homePartner li a:hover span {
	transform: rotateY(0)
}

.homePartner-main {
	position: relative
}

.homePartner-main .next,.homePartner-main .prev {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	width: 35px;
	height: 35px;
	border: 1px solid #e3e3e3;
	border-radius: 50%;
	background-image: url(../images/show-tab.png);
	background-repeat: no-repeat
}

.homePartner-main .prev {
	left: -60px;
	background-position: 0 0
}

.homePartner-main .next {
	right: -60px;
	background-position: -35px 0
}

.homePartner-main .next:hover,.homePartner-main .prev:hover {
	border-color: #d9241c;
	background-color: #d9241c
}

.homePartner-main .prev:hover {
	background-position: 0 -35px
}

.homePartner-main .next:hover {
	background-position: -35px -35px
}

.homeAdwant {
	padding: 70px 0;
	height: 750px;
	background: url(../images/hAvant-bg.jpg) no-repeat center center
}

.homeAdwant-topic {
	margin-bottom: 40px
}

.homeAdwant-topic h3 {
	margin-bottom: 30px;
	color: #fff;
	text-align: center;
	font-size: 3pc
}

.homeAdwant-topic h3 span {
	display: block;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 400;
	font-size: 30px
}

.homeAdwant-topic p {
	color: #fff;
	text-align: center;
	font-size: 30px
}

.homeAdwant-topic p span {
	display: block;
	margin-top: 5px;
	color: #85a7e6;
	font-size: 9pt
}

.homeAdwant-main {
	overflow: hidden;
	padding: 50px 30px 0;
	background-color: #fff
}

.homeAdwant-main .pic {
	float: left
}

.homeAdwant-list {
	float: right
}

.homeAdwant-list li {
	overflow: hidden;
	margin-bottom: 40px;
	padding-left: 5pc;
	color: #777;
	font-size: 14px
}

.homeAdwant-list li i {
	float: left;
	display: block;
	margin-left: -5pc;
	width: 60px;
	height: 60px;
	border: 1px solid #d0d0d0;
	border-radius: 50%;
	background-image: url(../images/hAdvant-ico.png);
	background-repeat: no-repeat;
	transition: all .5s
}

.homeAdwant-list li h5 {
	margin-top: 10px;
	color: #333;
	font-weight: 400;
	font-size: 24px
}

.homeAdwant-list li h5 span {
	margin-left: 10px;
	color: #888;
	font-size: 9pt
}

.homeAdwant-list .li1 i {
	background-position: 0 0
}

.homeAdwant-list .li2 i {
	background-position: -60px 0
}

.homeAdwant-list .li3 i {
	background-position: -90pt 0
}

.homeAdwant-list .li4 i {
	background-position: -180px 0
}

.homeAdwant-list .li5 i {
	background-position: -15pc 0
}

.homeAdwant-list .li6 i {
	background-position: -300px 0
}

.homeAdwant-list li:hover i {
	border-color: #006eec;
	background-color: #006eec
}

.homeAdwant-list .li1:hover i {
	background-position: 0 -60px
}

.homeAdwant-list .li2:hover i {
	background-position: -60px -60px
}

.homeAdwant-list .li3:hover i {
	background-position: -90pt -60px
}

.homeAdwant-list .li4:hover i {
	background-position: -180px -60px
}

.homeAdwant-list .li5:hover i {
	background-position: -15pc -60px
}

.homeAdwant-list .li6:hover i {
	background-position: -300px -60px
}

.homeStep {
	position: relative;
	z-index: 0;
	padding: 60px 0
}

.homeStep:after {
	position: absolute;
	bottom: 25px;
	left: 50%;
	z-index: -1;
	margin-left: -620px;
	width: 930pt;
	height: 5pc;
	background: url(../images/hStep-bg.png) no-repeat center center;
	content: ""
}

.homeStep-left {
	padding: 50px 0 0 50px;
	width: 900px;
	height: 150px;
	background-color: #005cc6
}

.homeStep-left .tit {
	float: left;
	margin-right: 50px;
	width: 312px
}

.homeStep-left .tit span {
	display: block;
	color: #fff
}

.homeStep-left .tit .s1 {
	margin-bottom: 5px;
	font-size: 20px
}

.homeStep-left .tit .s2 {
	margin-bottom: 5px;
	font-size: 26px
}

.homeStep-left .tit .s3 {
	color: #628cd4;
	font-size: 9pt;
	line-height: 18px
}

.homeStep-left .step {
	float: left;
	width: 530px
}

.homeStep-left .step span {
	float: left;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 220px;
	height: 40px;
	border: 1px solid #80aee3;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 40px
}

.homeStep-right {
	width: 250px;
	height: 200px;
	background-color: #d9241c
}

.homeStep-right .tel {
	margin-bottom: 20px;
	padding-top: 50px;
	color: #fff;
	text-align: center;
	font-size: 14px
}

.homeStep-right .tel span {
	display: block;
	margin-top: 5px;
	font-size: 30px
}

.homeStep-right .btn {
	text-align: center;
	font-size: 0
}

.homeStep-right .btn a {
	display: inline-block;
	margin: 0 5px;
	width: 90px;
	height: 30px;
	border: 1px solid #ec928e;
	border-radius: 15px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	transition: all .5s
}

.homeStep-right .btn a:hover {
	background-color: #f5f5f5;
	color: #d9241c
}

.homeYs {
	padding-bottom: 40px
}

.homeYs .topic {
	margin-bottom: 60px;
	text-align: center
}

.homeYs-main {
	overflow: hidden
}

.homeYs-main li {
	overflow: hidden;
	padding: 50px 0;
	box-shadow: 0 20px 50px rgba(0,0,0,.1)
}

.homeYs-main .txt {
	width: 550px
}

.homeYs-main .txt dl {
	margin-bottom: 40px;
	padding-top: 15px;
	padding-left: 90px
}

.homeYs-main .txt dt {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #bdbdbd;
	color: #005cc6;
	font-weight: 600;
	font-size: 20px
}

.homeYs-main .txt dt i {
	position: relative;
	top: -15px;
	float: left;
	display: block;
	margin-left: -90px;
	width: 72px;
	height: 92px;
	background: url(../images/hYs-num.png) no-repeat center center;
	color: #fff;
	text-align: center;
	font-style: normal;
	font-size: 30px;
	line-height: 92px
}

.homeYs-main .txt dt span {
	display: block;
	margin-top: 10px;
	color: #888;
	font-weight: 400;
	font-size: 9pt;
	line-height: 18px
}

.homeYs-main .txt dd {
	padding-left: 20px;
	background: url(../images/hYs-ico.png) no-repeat left 10px;
	color: #666;
	font-size: 14px;
	line-height: 30px
}

.homeYs-main .pic {
	width: 650px;
	height: 550px;
	line-height: 550px
}

.homeYs-main .pic,.homeYs-main .pic img {
	vertical-align: middle
}

.homeYs-main .ys1 {
	padding-top: 0
}

.homeYs-main .ys1 .pic img {
	position: relative;
	right: 50px
}

.homeYs-main .ys2 .txt {
	margin-top: 50px
}

.homeYs-main .ys3 {
	padding-bottom: 0
}

.homeYs-main .ys3 .txt {
	margin-top: 5pc
}

.homeAbout {
	padding: 60px 0;
	background-color: #f0f0f0
}

.homeAbout .hAbout {
	overflow: hidden;
	margin-bottom: 30px;
	background-color: #fff
}

.hAbout-left {
	float: left;
	display: block;
	overflow: hidden;
	width: 600px;
	height: 460px
}

.hAbout-left img {
	display: block;
	width: 100%;
	height: 100%
}

.hAbout-right {
	float: left;
	padding: 50px;
	width: 500px
}

.hAbout-right h3 {
	position: relative;
	margin-bottom: 35px;
	color: #333;
	font-weight: 400;
	font-size: 30px
}

.hAbout-right h3:before {
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 35px;
	height: 1px;
	background-color: #d0d0d0;
	content: ""
}

.hAbout-right h3 span {
	display: block;
	margin-bottom: 10px;
	color: #c7c7c7;
	font-weight: 600;
	font-size: 24px
}

.hAbout-right h2 {
	margin-bottom: 20px;
	color: #006eec;
	font-weight: 400;
	font-size: 18px
}

.hAbout-right .txt {
	overflow: hidden;
	margin-bottom: 30px;
	height: 150px;
	color: #666;
	font-size: 14px;
	line-height: 30px
}

.hAbout-right .more {
	position: relative;
	z-index: 0;
	display: block;
	overflow: hidden;
	padding-left: 25px;
	width: 130px;
	height: 40px;
	border-radius: 2px;
	background-color: #006eec;
	color: #f5f5f6;
	font-size: 9pt;
	line-height: 40px
}

.hAbout-right .more,.hAbout-right .more:after {
	background-image: url(../images/hAbout-ico.png);
	background-position: center center;
	background-repeat: no-repeat;
	transition: all .5s
}

.hAbout-right .more:after {
	position: absolute;
	left: 0;
	z-index: -1;
	width: 0;
	height: 100%;
	background-color: #d9241c;
	content: "";
	opacity: 0
}

.hAbout-right .more:hover:after {
	width: 100%;
	opacity: 1
}

.hAbout-right .more:hover {
	background-position: 90px center
}

.homeAbout .hStren-tab {
	margin-bottom: 20px;
	text-align: left;
	font-size: 0
}

.homeAbout .hStren-tab a {
	display: inline-block;
	margin-right: 10px;
	width: 130px;
	height: 40px;
	background-color: #767676;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	transition: all .5s
}

.homeAbout .hStren-tab .on,.homeAbout .hStren-tab a:hover {
	background-color: #006eec
}

.homeAbout .hStren-main {
	overflow: hidden;
	height: 220px
}

.homeAbout .hStren-wrap {
	overflow: hidden
}

.homeAbout .hStren-main ul {
	width: 915pt
}

.homeAbout .hStren-main li {
	position: relative;
	float: left;
	overflow: hidden;
	margin-right: 9pt;
	width: 290px;
	height: 217px;
}

.homeAbout .hStren-main li img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s
}

.homeAbout .hStren-main li:hover img {
	transform: scale(1.1)
}

.homeAbout .hStren-main li span {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 40px;
	background: #006eec;
	background: rgba(0,110,236,.8);
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 40px
}

.homeNews {
	padding: 60px 0;
	background-color: #fff
}

.homeNews-left {
	width: 740px
}

.homeNews-main {
	overflow: hidden;
	height: 350px
}

.homeNews-tab {
	margin-bottom: 1pc;
	margin-bottom: 40px;
	text-align: left
}

.homeNews-tab .tab {
	position: relative;
	display: inline-block;
	margin-right: 25px;
	color: #333;
	font-size: 20px
}

.homeNews-tab .tab:after {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #006eec;
	content: "";
	transition: all .5s
}

.homeNews-tab .more {
	float: right;
	margin-top: 10px;
	color: #888;
	font-size: 14px
}

.homeNews-tab .more:hover,.homeNews-tab .on,.homeNews-tab .tab:hover {
	color: #006eec
}

.homeNews-tab .on:after,.homeNews-tab .tab:hover:after {
	width: 100%
}

.homeNews-hot {
	overflow: hidden;
	margin-bottom: 30px
}

.homeNews-hot .tab {
	display: block;
	width: 100%;
	height: 100%
}

.homeNews-hot .pic {
	float: left;
	display: block;
	overflow: hidden;
	margin-right: 30px;
	width: 290px;
	height: 170px
}

.homeNews-hot .pic img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s
}

.homeNews-hot .txt {
	float: right;
	width: 420px;
	color: #666;
	font-size: 14px
}

.homeNews-hot h5 {
	overflow: hidden;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-size: 18px
}

.homeNews-hot .time {
	display: block;
	margin-bottom: 10px;
	color: #999;
	font-size: 14px
}

.homeNews-hot .more {
	position: relative;
	z-index: 0;
	display: block;
	margin-top: 10px;
	width: 90px;
	height: 28px;
	border: 1px solid #c9c9c9;
	text-align: center;
	font-size: 9pt;
	line-height: 28px;
	transition: all .5s
}

.homeNews-hot .more:after {
	position: absolute;
	left: 0;
	z-index: -1;
	width: 0;
	height: 100%;
	background-color: #006eec;
	content: "";
	transition: all .5s
}

.homeNews-hot:hover img {
	transform: scale(1.2)
}

.homeNews-hot:hover h5 {
	color: #006eec
}

.homeNews-hot:hover .more {
	border-color: #006eec;
	color: #fff
}

.homeNews-hot:hover .more:after {
	width: 100%
}

.homeNews-tab .more:hover,.homeNews-tit .more:hover {
	color: #006eec
}

.homeNews-list {
	overflow: hidden
}

.homeNews-list ul {
	width: 900px
}

.homeNews-list li {
	float: left;
	margin-right: 40px;
	margin-bottom: 10px;
	width: 370px;
	transition: all .5s
}

.homeNews-list li a {
	display: block;
	overflow: hidden;
	padding-left: 15px;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px;
	transition: all .5s
}

.homeNews-list li a,.homeNews-list li a:hover {
	background: url(../images/hNew-jt1.png) no-repeat left center
}

.homeNews-list li a:hover {
	padding-left: 20px;
	color: #006eec
}

.homeNews-right {
	width: 390px
}

.homeNews-right .homeNews-tit {
	margin-bottom: 35px
}

.homeNews-right .homeNews-tit span {
	color: #333;
	font-size: 20px
}

.homeNews-right .homeNews-tit span b {
	color: #888;
	font-weight: 400;
	font-size: 9pt
}

.homeNews-right .homeNews-tit .more {
	float: right
}

.homeFqa dl {
	margin-bottom: 10px;
	padding: 15px 30px;
	border: 1px solid #d9d9d9;
	cursor: pointer;
	transition: all .5s
}

.homeFqa dl dt {
	overflow: hidden;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px
}

.homeFqa dl dd {
	overflow: hidden;
	margin-top: 0;
	height: 0;
	color: #666;
	font-size: 9pt;
	line-height: 20px;
	opacity: 0;
	transition: all .5s
}

.homeFqa dl dd .more {
	color: #fff
}

.homeFqa .on {
	border-color: #006eec;
	background-color: #006eec
}

.homeFqa .on dd {
	margin-top: 15px;
	height: 60px;
	color: #fff;
	opacity: 1
}

.homeFqa dl:hover {
	border-color: #006eec;
	background-color: #006eec
}

.homeFqa .on dt,.homeFqa dl:hover dt {
	color: #fff
}

.foorterLink {
	padding: 40px 0;
	background-color: #f0f0f0
}

.foorterLink span {
	color: #333;
	font-size: 14px
}

.foorterLink a {
	padding: 0 15px;
	border-right: 1px solid #b7b7b7;
	color: #666;
	font-size: 14px;
	transition: all .5s
}

.foorterLink a:hover {
	color: #006eec
}

.foorterLink a:last-child {
	border-right: 0
}

.footer {
	padding: 50px 0;
	background-color: #1d2023
}

.footerLogo {
	width: 210px
}

.footerLogo img {
	display: block;
	width: 10pc;
	height: 130px
}

.footerMain {
	width: 810px
}

.footerNav {
	margin-bottom: 30px
}

.footerNav a {
	margin-right: 20px;
	color: #fff;
	font-size: 14px
}

.footerContact {
	color: #9f9f9f;
	font-size: 9pt;
	line-height: 30px
}

.footerContact a {
	color: #9f9f9f
}

.footerContact a:hover {
	color: #fff
}

.footerEwm {
	width: 11pc
}

.footerEwm img {
	float: left;
	display: block;
	width: 125px;
	height: 125px
}

.footerEwm span {
	float: right;
	display: block;
	padding: 13px 20px;
	width: 10px;
	border: 1px solid #8d8f90;
	border-left: 0;
	color: #9f9f9f;
	line-height: 1pc
}

.pageTopic {
	margin-bottom: 30px;
	color: #333;
	text-align: center;
	font-weight: 400;
	font-size: 30px;
	line-height: 30px
}

.pageTopic span {
	display: block;
	color: #888;
	text-transform: uppercase;
	font-size: 9pt;
	font-family: Arial
}

.pageAbout {
	padding: 50px 0
}

.pageAbout .font {
	line-height: 2em
}

.pageAbout .font h3 {
	height: 60px;
	color: #333;
	font-weight: 400;
	font-size: 30px
}

.pageCult {
	overflow: hidden;
	padding: 50px 0;
	background: #f0f0f0
}

.pageCult li {
	float: left;
	margin-right: 28px;
	width: 380px
}

.pageCult li .pic {
	display: block;
	overflow: hidden;
	width: 380px;
	height: 250px
}

.pageCult li img {
	width: 380px;
	height: 250px;
	transition: all .5s ease-in
}

.pageCult li .font {
	padding: 25px;
	height: 90px;
	background: #fff
}

.pageCult li h4 {
	margin-bottom: 10px;
	color: #333;
	font-weight: 400;
	font-size: 24px
}

.pageCult li:last-child {
	margin-right: 0
}

.pageCult li:hover img {
	transform: scale(1.1)
}

.pageCult li:hover {
	box-shadow: 0 0 5px #ccc
}

.pageHonor {
	padding: 50px 0
}

.honorSlide,.pageHonor {
	overflow: hidden
}

.honorSlide ul {
	width: 930pt
}

.pageHonor li {
	float: left;
	margin-right: 25px;
	width: 280px;
	height: 245px;
	text-align: center
}

.pageHonor li .pic {
	display: block;
	height: 195px;
	background: #eee
}

.pageHonor li img {
	width: 100%;
	height: 100%;
	transition: all .5s
}

.pageHonor li span {
	display: block;
	overflow: hidden;
	height: 50px;
	background: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 50px
}

.pageHonor li:hover img {
	transform: scale(.95)
}

.pageSetting {
	overflow: hidden;
	padding: 50px 0;
	background: #f5f5f5
}

.pageSetting ul {
	position: relative;
	overflow: hidden
}

.pageSetting li {
	float: left;
	overflow: hidden;
	margin-bottom: 2px;
	width: 298px;
	height: 2in
}

.pageSetting li img {
	width: 298px;
	height: 2in;
	transition: all .5s
}

.pageSetting li:nth-child(2n) {
	float: right;
	margin-left: 25pc
}

.pageSetting li.s1 {
	position: absolute;
	top: 0;
	left: 300px
}

.pageSetting li.s1,.pageSetting li.s1 img {
	width: 600px;
	height: 386px
}

.pageSetting li span {
	position: relative;
	display: block;
	overflow: hidden;
	height: 40px;
	background: url(../images/opc2.png);
	color: #fff;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	line-height: 40px;
	transition: all .3s
}

.pageSetting li:hover span {
	margin-top: -40px
}

.pageSetting li:hover img {
	transform: scale(1.1,1.1)
}

.listBanner {
	position: relative;
	left: 50%;
	margin-left: -60pc;
	width: 20in;
	height: 300px
}

.listBanner img {
	display: block
}

.listWrapper {
	overflow: hidden
}

.listWrapper,.pageWrapper {
	padding: 50px 0
}

.pageBg {
	background-color: #f0f0f0
}

.location {
	padding-left: 20px;
	background: url(../images/location_icon.png) no-repeat left center;
	color: #333
}

.breadCrumb {
	height: 50px;
	border-bottom: 1px solid #dadada;
	background: #fff;
	line-height: 50px
}

.breadCrumb p {
	padding-left: 20px;
	background: url(../images/home_icon.png) no-repeat left center
}

.breadCrumb .back {
	float: right;
	margin-top: 10px;
	width: 5pc;
	height: 28px;
	border-radius: 5px;
	background: #999;
	color: #fff;
	text-align: center;
	line-height: 28px
}

.breadCrumb .back:hover {
	background: #005cc6;
	transition: all .3s
}

.page-bgColor {
	padding: 30px 20px;
	background-color: #fff
}

.listMenu {
	position: relative;
	z-index: 3;
	margin-top: -44px;
	height: 44px;
	background: url(../images/tm-b-7.png);
	text-align: center;
	font-size: 0;
	line-height: 0
}

.listMenu .menuWrap {
	text-align: left
}

.listMenu .menuWrap a {
	display: inline-block;
	padding: 0 20px;
	border-right: 1px solid #ccc;
	color: #fff;
	font-size: 14px;
	line-height: 44px
}

.listMenu .menuWrap a:last-child {
	border-right: 0
}

.listMenu .menuWrap .current,.listMenu .menuWrap a:hover {
	border-color: #005cc6;
	background-color: #005cc6;
	color: #fff
}

.menuSub {
	margin-top: 40px;
	padding: 15px 0;
	background: #f4f4f4;
	text-align: left
}

.menuSub a {
	padding: 0 15px;
	background: url(../images/nav-bg.png) no-repeat right center
}

.menuSub a.current,.menuSub a:hover {
	color: #0072c6
}

.listLeft {
	float: left;
	overflow: hidden;
	width: 260px
}

.listRight {
	float: right;
	overflow: hidden;
	width: 900px;
	text-align: justify;
	text-justify: inter-ideograph
}

.sidebar {
	margin-bottom: 20px
}

.side_title {
	padding-left: 20px;
	border-left: 5px solid #c52515;
	background-color: #005cc6;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 26px;
	line-height: 60px
}

.side_title span {
	display: block;
	color: #333;
	font-size: 20px;
	font-family: Arial
}

.sidebarMenu {
	border-top: none;
	background: #f1f1f1
}

.sidebarMenu li {
	padding-top: 2px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 15px
}

.sidebarMenu li a {
	display: block;
	padding-left: 40px;
	height: 3pc;
	color: #454545;
	line-height: 3pc;
	transition: all .5s
}

.sidebarMenu li .current,.sidebarMenu li a:hover {
	background: #c52515;
	color: #fff
}

.sidebarMenu li ul {
	padding: 5px 0;
	background: #f8f8f8;
	font-size: 9pt
}

.sidebarMenu ul li {
	padding-top: 0;
	background: 0 0
}

.sidebarMenu li ul a {
	padding-left: 45px;
	height: 35px;
	background: url(../images/ly_li.png) no-repeat 35px center;
	color: #666;
	font-size: 13px;
	line-height: 35px
}

.sidebarMenu li ul .current,.sidebarMenu li ul a:hover {
	background: url(../images/ly_li.png) no-repeat 35px center;
	color: #d91320
}

.recommend_pro {
	margin-bottom: 15px
}

.listLeft .left_title {
	padding-left: 15px;
	height: 50px;
	border-left: 5px solid #bf0007;
	background: #005cc6;
	color: #fff;
	font-size: 1pc;
	line-height: 50px
}

.recommend_slide {
	overflow: hidden;
	padding: 9px;
	height: 35pc;
	border: 1px solid #bcbcbc;
	border-top: none;
	background: #fff
}

.recommend_pro li {
	overflow: hidden;
	margin-bottom: 10px;
	width: 15pc
}

.recommend_pro li img {
	padding: 2px;
	width: 232px;
	height: 133px;
	border: 1px solid #ddd
}

.recommend_pro li span {
	position: relative;
	display: block;
	overflow: hidden;
	height: 30px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px
}

.recommend_pro li:hover img {
	border: 1px solid #005cc6
}

.twoCont {
	overflow: hidden;
	padding: 15px 10px;
	background: #f4f4f4
}

.sidebarThree h3 {
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 15px
}

.sidebarThree h3 span {
	display: block;
	color: #bf0007;
	font-size: 24px;
	font-family: arial
}

.sidebarThree p {
	line-height: 22px
}

.sidebarThree p span {
	padding-left: 3em
}

.caseList li {
	float: left;
	margin-right: 23px;
	margin-bottom: 25px;
	width: 385px;
	box-shadow: 0 0 4px 1px #ccc
}

.caseList ul {
	width: 930pt
}

.caseList li {
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
	width: 280px
}

.caseList li .pic {
	display: block;
	overflow: hidden;
	height: 180px
}

.caseList li .pic img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s
}

.caseList li .tit {
	display: block;
	height: 40px;
	background-color: #f0f0f0;
	color: #333;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	transition: all .5s
}

.caseList li:hover .pic img {
	transform: scale(1.2)
}

.caseList li:hover .tit {
	background-color: #005cc6;
	color: #fff
}

.appList,.downList,.honorList,.newsList,.partnerList,.settingList {
	overflow: hidden;
	width: 75pc
}

.caseList ul,.clientList ul,.downList ul,.honorList ul,.newsList2 ul,.partnerList ul,.settingList ul {
	width: 930pt
}

.settingList ul li {
	float: left;
	margin-right: 26px;
	margin-bottom: 25px;
	width: 280px;
	text-align: center
}

.settingList ul li img {
	display: block;
	padding: 4px;
	width: 270px;
	height: 174px;
	border: 1px solid #e3e3e3;
	background: #fff;
	transition: all .5s
}

.settingList ul li img:hover {
	border: 1px solid #005cc6;
	background: #005cc6
}

.settingList ul li span {
	display: block;
	overflow: hidden;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px
}

.honorList li {
	float: left;
	margin-right: 26px;
	margin-bottom: 25px;
	width: 280px;
	text-align: center
}

.honorList li img {
	display: block;
	padding: 4px;
	width: 270px;
	height: 203px;
	border: 1px solid #e3e3e3;
	background: #fff
}

.honorList li img:hover {
	border: 1px solid #005cc6
}

.honorList li span {
	display: block;
	overflow: hidden;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px
}

.partnerList li {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	width: 220px
}

.partnerList li img {
	padding: 4px;
	width: 210px;
	height: 8pc;
	border: 1px solid #d4d4d4;
	background: #e5e5e5;
	box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset
}

.partnerList li span {
	display: block;
	overflow: hidden;
	height: 35px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 35px
}

.strenList ul {
	width: 1250px
}

.strenList li {
	position: relative;
	float: left;
	margin-right: 28px;
	margin-bottom: 30px;
	width: 279px;
	transition: all .5s
}

.strenList li .pic {
	position: relative;
	display: block;
	overflow: hidden
}

.strenList li img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s
}

.strenList li:hover img {
	transform: scale(1.2)
}

.strenList li p {
	position: relative;
	left: 0;
	padding: 20px 10px;
	transition: all .5s
}

.strenList li p .tit {
	display: block;
	color: #333;
	font-size: 14px
}

.strenList li p .time {
	display: block;
	color: #999;
	font-size: 9pt
}

.strenList li:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #c52515;
	content: "";
	transition: all .5s
}

.strenList li:hover:after {
	left: 0;
	width: 100%
}

.strenList li:hover {
	box-shadow: 0 8px 20px rgba(0,0,0,.1)
}

.strenList li:hover p {
	left: 15px
}

.newsList .hot {
	margin-bottom: 30px
}

.newsList .hot ul {
	width: 1230px
}

.newsList .hot li {
	position: relative;
	float: left;
	margin-right: 20px;
	width: 380px;
	border-bottom: 2px solid #e5e5e5
}

.newsList .hot li:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #c30900;
	content: "";
	transition: all .5s
}

.newsList .hot li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.newsList .hot li .pic {
	display: block;
	overflow: hidden;
	height: 280px
}

.newsList .hot li .pic img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s
}

.newsList .hot li .time {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	background-color: #005cc6;
	color: #fff;
	text-align: center;
	font-size: 14px
}

.newsList .hot li .time b {
	display: block;
	padding: 15px 0 5px;
	font-weight: 400;
	font-size: 44px
}

.newsList .hot li .txt {
	padding: 25px 10px 20px;
	color: #5a5a5a;
	transition: all .5s
}

.newsList .hot li .txt h5 {
	margin-bottom: 10px;
	color: #232323;
	font-weight: 400;
	font-size: 1pc
}

.newsList .hot li:hover img {
	transform: scale(1.2)
}

.newsList .hot li:hover:after {
	width: 100%
}

.newsList .hot li:hover .txt {
	box-shadow: 0 0 22px 5px rgba(0,0,0,.1)
}

.newsList .hot li:hover .txt h5 {
	color: #c30900
}

.newsList .list li {
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 150px;
	background: #fff;
	transition: all .5s
}

.newsList .list li:nth-child(2n+1) {
	background-color: #f7f7f7
}

.newsList .list li a {
	position: relative;
	left: 0;
	display: block;
	transition: all .5s
}

.newsList .list li .time {
	float: left;
	margin-left: -90pt;
	width: 90px;
	height: 90px;
	border: 1px solid #adadad;
	font-size: 9pt
}

.newsList .list li .time,.newsList .list li strong {
	display: block;
	color: #666;
	text-align: center;
	transition: all .5s
}

.newsList .list li strong {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 40px
}

.newsList .list li .txt {
	float: left;
	margin-top: 15px;
	width: 970px
}

.newsList .list li h5 {
	margin-bottom: 20px;
	color: #191919;
	font-weight: 400;
	font-size: 18px
}

.newsList .list li p {
	color: #666;
	font-size: 9pt
}

.newsList .list li .more {
	float: left;
	display: block;
	margin-top: 35px;
	width: 60px;
	height: 24px;
	background-color: #c30900;
	color: #fff;
	text-align: center;
	font-size: 10px;
	line-height: 24px;
	transition: all .5s
}

.newsList .list li:hover h5 {
	color: #c30900
}

.newsList .list li:hover .time {
	border-color: #005cc6;
	background-color: #005cc6;
	color: #fff
}

.newsList .list li:hover strong {
	color: #fff
}

.newsList .list li:hover .more {
	border-radius: 20px
}

.faqList li {
	position: relative;
	margin-bottom: 30px;
	border-left: 3px solid #005cc6
}

.faqList li:after {
	position: absolute;
	top: 9pt;
	right: 1pc;
	display: block;
	width: 30px;
	height: 30px;
	background: #005cc6;
	content: '';
	pointer-events: none
}

.faqList li h3:after,.faqList li h3:before {
	position: absolute;
	top: 26px;
	right: 23px;
	z-index: 2;
	width: 1pc;
	height: 2px;
	background: #fff;
	content: ''
}

.faqList li h3:before {
	top: 19px;
	right: 30px;
	width: 2px;
	height: 1pc;
	-webkit-transition: .3s;
	transition: .3s
}

.faqList li.act h3:before {
	background: 0 0\9;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.faqList li h3 {
	position: relative;
	padding: 0 60px;
	background-color: #f0f0f0;
	background-image: url(../images/faq.png);
	background-position: 20px 0;
	background-repeat: no-repeat;
	color: #333;
	font-weight: 400;
	font-size: 1pc;
	line-height: 54px;
	cursor: pointer
}

.faqList li div {
	display: none;
	padding: 25px 60px;
	color: #7c7c7c;
	line-height: 25px;
	-webkit-animation: fadeIn .5s ease-out .2s both;
	animation: fadeIn .5s ease-out .2s both;
	background: url(../images/faq.png) no-repeat 20px -155px;
	font-size: 14px
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.articleShow {
	overflow: hidden
}

.pictureShow {
	width: 890px
}

.articleBox1 .title {
	margin-bottom: 10px;
	color: #000;
	text-align: center;
	font-weight: 400;
	font-size: 20px
}

.articleBox1 .p1 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	color: #333;
	text-align: center
}

.detailLeft .p1,.picShow .p1 {
	border-bottom: 1px dotted #adadad
}

.articleBox1 .p1 span {
	margin-right: 15px
}

.review {
	padding: 15px 15px 10px;
	background: #f0f0f0 url(../images/nShow_icon.png) no-repeat left top;
	color: #333;
	text-indent: 2em;
	font-size: 14px
}

.fontResizer a {
	padding: 0 5px
}

.article_key {
	margin-bottom: 20px;
	padding-left: 35px;
	background: #f0f0f0 url(../images/nShow_icon2.png) no-repeat 15px 7px;
	color: #adadad;
	line-height: 28px
}

.fontsizebox {
	padding-bottom: 40px;
	border-bottom: 1px dotted #adadad;
	color: #424242;
	font-size: 13px
}

.curFont {
	color: #0180d4
}

.detailShare {
	overflow: hidden;
	padding: 25px 0;
	border-bottom: 1px dotted #adadad
}

.detailShare span {
	padding: 0 15px;
	border-left: 1px dotted #adadad
}

.detailShare span.date {
	margin-left: 15px
}

.detail_fenx {
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #adadad;
	font-size: 14px
}

.detail_fenx div {
	overflow: hidden;
	width: 48%;
	text-overflow: ellipsis;
	white-space: nowrap
}

.detail_fenx div a:hover {
	color: #005cc6
}

.relatedNews_font {
	overflow: hidden;
	margin-top: 15px;
	font-size: 13px
}

.relatedNews_font ul {
	width: 915pt
}

.relatedNews_font ul li {
	float: left;
	padding-right: 50px;
	width: 558px;
	height: 40px;
	border-bottom: 1px dotted #ddd;
	line-height: 40px
}

.relatedNews_font ul li a {
	float: left;
	display: block;
	overflow: hidden;
	padding-left: 10px;
	width: 25pc;
	background: url(../images/ly_li.png) no-repeat left center;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px
}

.relatedNews_font ul li a:hover {
	color: #005cc6
}

.relatedNews_font ul li span {
	float: right;
	color: #999
}

.detailRight {
	overflow: hidden;
	width: 280px
}

.rightCase,.rightDesign,.rightLabel,.rightRelated {
	margin-bottom: 20px;
	border: 1px solid #ddd
}

.rTitle {
	padding-left: 10px;
	height: 39px;
	background: url(../images/r_title.jpg) repeat-x;
	color: #000;
	font-weight: 400;
	font-size: 1pc;
	line-height: 39px
}

.rightDesign .main {
	padding: 10px;
	background: #fff
}

.rightDesign .main .p1 {
	margin-bottom: 10px;
	color: #000;
	font-size: 14px
}

.rightDesign .main input {
	display: block;
	margin-bottom: 10px;
	padding: 0 10px;
	width: 238px;
	height: 38px;
	border: 1px solid #e1e1e1;
	background: #fff;
	font-size: 14px
}

.rightDesign .main .sub {
	margin-bottom: 5px;
	padding: 0;
	width: 258px;
	height: 40px;
	border: none;
	background: #02a2ee;
	color: #fff;
	text-align: center;
	font-family: "微软雅黑";
	line-height: 40px;
	cursor: pointer;
	transform: all .3s
}

.rightDesign .main input:focus {
	border: 1px solid #02a2ee
}

.rightDesign .main .sub:focus,.rightDesign .main .sub:hover {
	border: none;
	background: #333
}

.rightRelated .main {
	padding: 10px
}

.rightRelated .main img {
	margin-bottom: 10px;
	padding: 2px;
	width: 254px;
	border: 1px solid #ececec
}

.rightRelated .main li {
	overflow: hidden;
	height: 34px;
	border-bottom: 1px dotted #a7a7a7;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 34px
}

.rightRelated .main li a {
	padding-left: 15px;
	background: url(../images/ly_li.png) no-repeat 5px center
}

.rightRelated .main li:last-child {
	border-bottom: none
}

.rightRelated .mainCp {
	padding: 10px
}

.rightRelated .mainCp .bd {
	overflow: hidden;
	width: 258px;
	height: 579px
}

.rightDesign .mainCp .bd li a,.rightRelated .mainCp .bd li {
	position: relative;
	display: block;
	overflow: hidden;
	width: 258px;
	height: 183px
}

.rightRelated .mainCp .bd li {
	margin-bottom: 10px
}

.rightRelated .mainCp .bd li h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 15px;
	width: 228px;
	height: 30px;
	background: url(../images/tmb.png);
	color: #fff;
	text-align: center;
	line-height: 30px
}

.relatedTitle {
	margin-bottom: 20px;
	height: 30px;
	color: #000;
	font-weight: 400;
	font-size: 18px
}

.jobTop {
	overflow: hidden;
	margin-bottom: 30px;
	padding-bottom: 30px;
	height: 295px;
	border-bottom: 1px solid #eee
}

.jobTop .main {
	float: right;
	width: 35pc
}

.jobTop .main .font {
	overflow: hidden;
	height: 190px;
	line-height: 28px
}

.jobTop .main .p1 {
	padding-top: 15px;
	color: #333;
	font-size: 1pc
}

.jobTop .main .p1 a {
	color: #005cc6
}

.jobTop .main .p1 a:hover {
	text-decoration: underline
}

.jobTop .more {
	display: inline-block;
	margin-top: 15px;
	width: 75pt;
	height: 40px;
	border-radius: 3px;
	background: #005cc6;
	color: #fff;
	text-align: center;
	line-height: 40px
}

.jobTop .more:hover {
	background: #e82513
}

.jobList li {
	position: relative;
	overflow: hidden;
	padding: 30px 0 28px;
	border-bottom: 1px solid #ddd
}

.jobList li .icon {
	position: absolute;
	top: 36px;
	right: 28px;
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #434343 url(../images/gicon19.png) no-repeat center center;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	-ms-transition: .3s
}

.jobList li h3 {
	float: left;
	padding-top: 85px;
	width: 158px;
	background: url(../images/jobIcon1.png) no-repeat;
	color: #333;
	font-weight: 400;
	font-size: 1pc
}

.jobList li .inner {
	padding-left: 158px;
	color: #888;
	font-size: 14px;
	line-height: 27px
}

.jobList li .txt {
	display: none;
	padding-top: 30px
}

.jobList li h4 {
	color: #333
}

.jobList li h4,.jobList li h5 {
	font-weight: 400;
	font-size: 14px
}

.jobList li h5 {
	margin-top: 30px;
	color: #005cc6
}

.jobList .more {
	display: block;
	padding-left: 20px
}

.jobList li.on .txt {
	display: block
}

.jobList li.on .more {
	display: none
}

.jobList li.on .icon {
	border-radius: 50%;
	background: #e82513 url(../images/gicon18.png) no-repeat center center
}

.productList {
	overflow: hidden
}

.productList ul {
	width: 750pt
}

.productList li {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 25px;
	width: 290px;
	border: 1px solid #c6c6c6
}

.productList li a {
	display: block;
	width: 100%;
	height: 100%
}

.productList li a:after,.productList li a:before {
	position: absolute;
	z-index: 1;
	width: 0;
	height: 0;
	content: "";
	transition: all .5s
}

.productList li a:before {
	top: -1px;
	left: -1px;
	border-top: 1px solid #005cc6;
	border-left: 1px solid #005cc6
}

.productList li a:after {
	right: -1px;
	bottom: -1px;
	border-right: 1px solid #005cc6;
	border-bottom: 1px solid #005cc6
}

.productList li .pic {
	display: block;
	overflow: hidden;
	height: 290px
}

.productList li .pic img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s
}

.productList li h4 {
	overflow: hidden;
	padding: 0 10px;
	height: 40px;
	color: #777;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-size: 14px;
	line-height: 40px;
	transition: all .5s
}

.productList li i {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 40px solid #999;
	border-left: 40px solid transparent;
	color: #fff
}

.productList li i:after {
	position: absolute;
	top: 9pt;
	right: 5px;
	color: #fff;
	content: "+";
	font-style: normal;
	font-size: 1pc
}

.productList li:hover .pic img {
	transform: scale(1.1)
}

.productList li:hover a:after,.productList li:hover a:before {
	width: 100%;
	height: 100%
}

.productList li:hover i {
	border-bottom: 40px solid #005cc6
}

.productList li:hover h4 {
	color: #d60e03
}

.rec-title {
	padding-left: 20px;
	height: 35px;
	background: url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;
	color: #333;
	font-weight: 700;
	font-size: 14px;
	line-height: 35px
}

.product-show-pic {
	width: 502px;
	height: 600px
}

.jqzoom {
	position: relative;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer
}

.zoomdiv {
	z-index: 100;
	display: none;
	overflow: hidden;
	width: 350px;
	height: 310px;
	border: 1px solid #ccc;
	text-align: center
}

.jqZoomPup,.zoomdiv {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	opacity: .5;
	-moz-opacity: .5;
	-khtml-opacity: .5;
	filter: alpha(Opacity=50)
}

.spec-preview {
	width: 500px;
	height: 504px;
	border: 1px solid #ccc;
	line-height: 500px
}

.spec-preview img {
	width: 500px;
	max-height: 500px;
	vertical-align: middle
}

.spec-scroll {
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	width: 502px;
	height: 5pc
}

.spec-scroll a.prev {
	position: absolute;
	top: 30px;
	left: 0;
	display: block;
	overflow: hidden;
	width: 9pt;
	height: 21px;
	background: url(../images/listpro_btn.png) no-repeat 0 0;
	cursor: pointer
}

.spec-scroll a.prev:hover {
	background-position: 0 -21px
}

.spec-scroll a.next {
	position: absolute;
	top: 30px;
	right: 0;
	display: block;
	overflow: hidden;
	width: 9pt;
	height: 21px;
	background: url(../images/listpro_btn.png) no-repeat 0 -42px;
	cursor: pointer
}

.spec-scroll a.next:hover {
	background-position: 0 -63px
}

.spec-scroll .items {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 460px;
	height: 5pc
}

.spec-scroll .items ul {
	position: absolute;
	width: 500px;
	height: 5pc
}

.spec-scroll .items ul li {
	float: left;
	width: 93px;
	height: 5pc
}

.spec-scroll .items ul li img {
	width: 85px;
	height: 78px;
	border: 1px solid #ccc;
	cursor: pointer
}

.spec-scroll .items ul .on img,.spec-scroll .items ul li img:hover {
	border: 1px solid #e6242c
}

.proshow_synopsis {
	width: 360px;
	height: auto;
	border-radius: 3px;
	color: #aaa;
	font-size: 14px;
	line-height: 30px
}

.proshow_synopsis .title {
	margin-bottom: 15px;
	padding-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbdbdb;
	color: #2e65be;
	font-weight: 400;
	font-size: 20px
}

.proshow_synopsis strong {
	color: #333;
	font-weight: 400
}

.proshow_synopsis .font {
	overflow: hidden;
	margin-bottom: 20px;
	height: 280px;
	color: #666;
	line-height: 24px
}

.proshow_synopsis .font strong {
	float: left;
	width: 45px
}

.proshow_synopsis .font div {
	float: right;
	width: 355px
}

.prodcut-tel {
	margin-bottom: 20px;
	padding-left: 40px;
	background: url(../images/p_icon.png) no-repeat left 8px;
	line-height: 26px
}

.prodcut-tel span {
	display: block;
	color: #e6242c;
	font-size: 24px;
	font-family: arial
}

.proshow_synopsis .btn a {
	display: inline-block;
	width: 150px;
	height: 40px;
	background: #005cc6 url(../images/proshow_icon1.png) no-repeat 20px 14px;
	color: #fff;
	text-align: center;
	font-size: 1pc;
	line-height: 40px;
	transition: all .3s
}

.proshow_synopsis .btn .a02 {
	margin-left: 25px;
	background: #c52515 url(../images/proshow_icon2.png) no-repeat 20px 13px
}

.proshow_synopsis .btn a:hover {
	opacity: .8;
	transition: all .3s;
	filter: alpha(opacity=50)
}

.gr-tab-list {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 20px
}

.gr-tab-list .hd {
	height: 34px;
	border-bottom: 1px solid #dadada;
	line-height: 34px
}

.gr-tab-list .hd li {
	float: left;
	margin-right: 5px;
	padding: 0 30px;
	background: #dadada;
	text-align: center;
	cursor: pointer
}

.gr-tab-list .hd li.on {
	background: #005cc6;
	color: #fff
}

.gr-tab-list .bd {
	overflow: hidden;
	padding-top: 15px
}

.tab_down p {
	padding-left: 15px;
	height: 35px;
	border-bottom: 1px dotted #ddd;
	background: url(../images/ly_li.png) no-repeat left center;
	line-height: 35px
}

.tab_down p a {
	float: right;
	padding-right: 25px;
	background: url(../images/downIcon.png) no-repeat right center
}

.tab_down p a:hover {
	background: url(../images/downIconh.png) no-repeat right center
}

.orderBox {
	overflow: hidden;
	padding: 25px;
	width: 850px;
	background: #eee
}

.orderBox h3 {
	font-weight: 400;
	font-size: 15px;
	font-family: "微软雅黑";
	line-height: 18px
}

.orderBox .table {
	overflow: hidden;
	padding-top: 20px
}

.orderBox .table li {
	float: left;
	margin-bottom: 10px;
	width: 410px;
	height: 49px;
}

.orderBox .table li span {
	float: left;
	display: inline-block;
	width: 78px;
	text-align: center
}

.orderBox .table li .iptTxt,.orderBox .table li span {
    height: 52px;
    border: 1px solid #ddd;
    background: #fff;
    line-height: 54px;
}

.orderBox .table li .iptTxt {
	float: right;
	padding-left: 10px;
	width: 319px;
	color: #666;
	border-left-width: 0
}

.orderBox .table li .iptCode {
	float: left;
	padding-left: 10px;
	width: 239px;
	height: 33px;
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	line-height: 33px;
	border-left-width: 0
}

.orderBox .table li .checkcode {
	float: right;
	padding: 5px 9px 6px 10px;
	border: 1px solid #ddd;
	background: #fff;
	border-left-width: 0
}

.orderBox .table li .btn {
	width: 410px;
	height: 35px;
	border: none;
	background: #333;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 35px;
	cursor: pointer;
	transition: all .5s
}

.orderBox .table li .btn:hover {
	background: #c52515;
	color: #fff
}

.orderBox .table li.areLi {
	float: right;
	overflow: hidden;
	width: 25pc;
	height: 215px
}

.orderBox .table li.areLi .txtContent {
	padding: 15px;
	width: 23pc;
	height: 183px;
	outline: 0;
	border: 1px solid #ddd;
	color: #666;
	line-height: 18px;
	resize: none
}

.related-product {
	overflow: hidden
}

.related-product .title,.relatedTitle {
	height: 35px;
	background: #eee;
	line-height: 35px
}

.related-product .title span {
	font-size: 14px
}

.related-product .title span,.relatedTitle span {
	display: inline-block;
	width: 90pt;
	height: 35px;
	background: #005cc6;
	color: #fff;
	text-align: center
}

.related-product ul {
	margin-top: 20px;
	width: 950px
}

.related-product li {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	width: 211px;
	border: 1px solid #ddd;
	background: #eee;
	text-align: center;
	transition: all .5s
}

.related-product li a {
	display: block;
	width: 211px;
	transition: all .5s
}

.related-product li img {
	padding: 5px;
	width: 200px;
	height: 200px;
	background: #fff
}

.related-product li span {
	display: block;
	overflow: hidden;
	padding: 0 5px;
	height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px
}

.related-product li:hover {
	border: 1px solid #005cc6
}

.related-product li a:hover {
	background: #005cc6;
	color: #fff
}

.page-ditu {
	height: 25pc;
	background: #f0f0f0
}

#dituContent {
	float: left;
	width: 600px;
	height: 25pc
}

.contactFont {
	float: right;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 20px 30px;
	width: 540px;
	height: 360px
}

.page-contact-title {
	padding: 10px 0 20px;
	color: #333;
	text-align: center;
	font-size: 26px;
	line-height: 50px
}

.page-contact dl {
	position: relative;
	float: left;
	width: 20%;
	height: 210px;
	text-align: center
}

.page-contact dl:before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 1px;
	height: 100%;
	background-color: #eee;
	content: ""
}

.page-contact dl:nth-child(1):before {
	width: 0
}

.page-contact dl dt {
	position: relative;
	padding-top: 90pt;
	color: #888;
	font-size: 9pt;
	line-height: 20px
}

.page-contact dl dt span {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -45px;
	width: 90px;
	height: 90px
}

.page-contact dl dd {
	padding: 10px 20px 0;
	font-size: 14px;
	line-height: 24px
}

.map {
	overflow: hidden;
	margin-top: 60px
}

.map .title {
	margin-bottom: 25px;
	color: #333;
	text-align: center;
	font-weight: 400;
	font-size: 24px
}

.map-left {
	width: 780px;
	height: 35pc
}

.map-line {
	margin-top: 0
}

.map-line d {
	margin: 25px 30px 0;
	padding-left: 55px;
	background-position: left 8px;
	background-repeat: no-repeat
}

.map-line dl d {
	color: #eee;
	font-size: 18px;
	line-height: 30px
}

.map-line dl dd {
	padding: 5px 0 25px;
	border-bottom: 1px dotted #888;
	color: #bbb;
	font-size: 14px;
	line-height: 24px
}

.map-line dl:nth-last-child(1) dd {
	border: none
}

.map-line dl.map-line-a {
	background-image: url(../images/icon-cc-a.png)
}

.map-line dl.map-line-b {
	background-image: url(../images/icon-cc-b.png)
}

.map-line dl.map-line-c {
	background-image: url(../images/icon-cc-c.png);
	background-position: left 3px
}

.feedback {
	overflow: hidden;
	margin-top: 50px
}

.feedback .title {
	margin-bottom: 25px;
	color: #333;
	text-align: center;
	font-weight: 400;
	font-size: 24px
}

.feedback .title span {
	position: relative;
	top: -10px;
	padding: 0 30px;
	background: #fff
}

.feedback .title:before {
	display: block;
	width: 100%;
	height: 9pt;
	border-bottom: 1px solid #e1e1e1;
	content: "";
	vertical-align: top
}

#feedback_form {
	position: relative
}

#feedback_form label {
	float: left;
	display: block;
	margin-bottom: 30px;
	padding-left: 40px;
	height: 2pc;
	background: url(../images/contact.png) no-repeat;
	font-size: 14px;
	line-height: 2pc
}

#feedback_form label.name {
	background-position: 0 -2pc
}

#feedback_form label.email {
	background-position: 0 -4pc
}

#feedback_form label.city {
	background-position: 0 -6pc
}

#feedback_form label.msg_title {
	background-position: 0 -8pc
}

#feedback_form label.address {
	background-position: 0 -10pc
}

#feedback_form label.message {
	margin-bottom: 10px;
	background-position: 0 -2in
}

#feedback_form input {
	float: left;
	margin: 0 37px 30px 0;
	padding: 0 10px;
	width: 15pc;
	height: 30px;
	border: 1px solid #dbdbdb;
	line-height: 30px
}

#feedback_form input.last {
	margin-right: 0
}

#feedback_form .msg {
	padding: 30px 0;
	border-top: 1px dotted #ccc
}

#feedback_form textarea {
	display: block;
	padding: 10px;
	width: 1178px;
	height: 125px;
	border: 1px solid #dbdbdb
}

#feedback_form i {
	position: absolute;
	top: 6px;
	left: 380px;
	color: #ff1f19;
	font-style: normal;
	font-size: 14px
}

#feedback_form .f2 {
	left: 790px
}

#feedback_form .f3 {
	right: 0;
	left: auto
}

#feedback_form .f4 {
	top: 66px;
	left: 380px
}

#feedback_form .btns {
	margin-right: 10px;
	margin-bottom: 0;
	width: 90pt;
	height: 40px;
	border: none;
	background: #005cc6;
	color: #fff;
	font-size: 15px;
	cursor: pointer
}

#feedback_form .btns:hover {
	background: #333;
	transition: all .3s
}

#feedback_form .reset {
	margin-bottom: 0;
	background: #ccc;
	cursor: pointer
}

#feedback_form .tableRow {
	width: 100%;
	height: 2pc
}

#feedback_form .tableRow input {
	float: left;
	margin-right: 10px;
	width: 150px;
	color: #999
}

#feedback_form .tableRow .checkcode {
	float: left;
	display: block;
	margin-left: 5px;
	padding: 4px 5px;
	width: 50px;
	height: 22px;
	border: 1px solid #ccc;
	background: #fff
}

#feedback_form input:focus,#feedback_form textarea:focus {
	border-color: #005cc6
}

.videoList ul {
	width: 1250px
}

.videoList li {
	position: relative;
	float: left;
	margin-right: 28px;
	margin-bottom: 30px;
	width: 380px;
	transition: all .5s
}

.videoList li .pic {
	position: relative;
	display: block;
	overflow: hidden
}

.videoList li img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s
}

.videoList li:hover img {
	transform: scale(1.2)
}

.videoList li .pic:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: url(../images/videoIco-b.png) no-repeat center center rgba(0,0,0,.3);
	content: "";
	opacity: 1
}

.videoList li p {
	position: relative;
	left: 0;
	padding: 20px 10px;
	transition: all .5s
}

.videoList li p .tit {
	display: block;
	color: #333;
	font-size: 1pc
}

.videoList li p .time {
	display: block;
	color: #999;
	font-size: 14px
}

.videoList li:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #005cc6;
	content: "";
	transition: all .5s
}

.videoList li:hover:after {
	left: 0;
	width: 100%
}

.videoList li:hover {
	box-shadow: 0 8px 20px rgba(0,0,0,.1)
}

.videoList li:hover p {
	left: 15px
}

.searchList ul {
	width: 930pt
}

.prodCheck {
	margin-bottom: 20px;
	padding: 20px 30px;
	background-color: #efefef
}

.prodCheck input {
	display: block
}

.prodCheck .bd1 {
	overflow: hidden;
	margin-bottom: 10px
}

.prodCheck .bd1 span {
	float: left;
	display: block;
	height: 26px;
	color: #014ea8;
	font-size: 14px;
	line-height: 26px
}

.prodCheck .bd1 .txt {
	float: left;
	margin-right: 5px;
	padding: 0 10px;
	width: 140px;
	height: 26px;
	border: 1px solid #c9bcbc;
	line-height: 26px
}

.prodCheck .bd1 .sub,.prodCheck .bd2 .sub {
	width: 45px;
	height: 28px;
	border-radius: 4px;
	background-color: #d9241c;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	cursor: pointer;
	transition: all .4s
}

.prodCheck .bd1 .sub:hover,.prodCheck .bd2 .sub:hover {
	opacity: .6
}

.prodCheck .desc {
	margin-bottom: 10px;
	color: #d9241c;
	font-size: 9pt
}

.prodCheck .bd2 .st {
	float: left;
	display: block;
	color: #064e9f;
	font-size: 14px;
	line-height: 26px
}

.prodCheck .bd2 .down {
	position: relative;
	float: left;
	margin-right: 40px;
	width: 210px
}

.prodCheck .bd2 .down span {
	display: block;
	padding: 0 10px;
	height: 26px;
	border: 1px solid #c9bcbc;
	background-color: #fff;
	background-image: url(../images/shaixuan-ico.jpg);
	background-position: 180px center;
	background-repeat: no-repeat;
	color: #666;
	font-size: 9pt;
	line-height: 26px;
	cursor: pointer
}

.prodCheck .bd2 .down ul {
	position: absolute;
	top: 28px;
	right: 0;
	left: 0;
	z-index: 2;
	display: none;
	overflow-y: auto;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #c9bcbc;
	border-top: 0;
	background-color: #fff
}

.prodCheck .bd2 .down ul li {
	height: 24px;
	font-size: 9pt;
	line-height: 24px;
	cursor: pointer
}

.prodCheck .bd2 .item {
	float: left;
	overflow: hidden;
	margin-right: 30px
}

.prodCheck .bd2 .item span {
	float: left;
	display: block;
	width: 46px;
	color: #2a2a2a;
	text-align: center;
	font-size: 14px;
	line-height: 28px
}

.prodCheck .bd2 .item input {
	float: left;
	width: 50px;
	height: 26px;
	border: 1px solid #c9bcbc;
	text-align: center;
	line-height: 26px
}