* {
box-sizing: border-box;
outline: 0
}

body {
color: #666;
line-height: 24px;
font-size: 14px;
background: #fff;
min-width: 1259px;
font-family: "Microsoft YaHei","arial"
}

img {
border: 0;
max-width: 100%;
vertical-align: top
}

.vcenter {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
vertical-align: middle
}

.clearfix:after {
clear: both;
height: 0;
content: "";
line-height: 0;
font-size: 0;
display: block
}

.container {
width: 1200px;
margin: 0 auto
}

.headertop {
color: #fff;
height: 46px;
line-height: 46px;
font-size: 16px;
background: #0083cb
}

.headertop span {
float: right;
font-size: 14px
}

.headertop span a {
color: #fff;
padding-left: 5px;
display: inline-block
}

.headertop span i {
font-style: normal;
font-family: arial
}

.header {
height: 161px;
padding: 20px 0 0 0;
border-top: 0 solid #fff;
border-bottom: 1px solid #eee
}

.header .logo {
float: left;
display: inline-block
}

.header .search {
width: 350px;
display: block;
float: right;
height: 45px;
margin-top: 25px;
padding-bottom: 4px;
border-bottom: solid 1px #000
}

.header .search input {
border: 0;
height: 40px;
width: 300px;
padding: 10px;
color: #333;
font-size: 14px;
font-family: "微软雅黑"
}

.header .search a {
color: #fff;
width: 50px;
height: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
background: #0083cb
}

.header .nav {
height: 43px;
margin-top: 28px;
line-height: 43px
}

.header .nav li:first-child {
width: 240px;
background: #0083cb
}

.header .nav li:first-child>a {
color: #fff;
display: block
}

.header .nav li:first-child>a:hover {
color: #fff
}

.header .nav li:first-child img {
margin: 16px 10px 0 0
}

.header .nav li {
width: 150px;
font-size: 18px;
text-align: center;
position: relative;
display: inline-block
}

.header .nav li>a {
color: #000
}

.header .nav li>a:hover {
color: #0083cb
}

.header .nav li .subnav {
top: 43px;
left: 0;
z-index: 9;
width: 1140px;
display: none;
font-size: 14px;
position: absolute;
}

.header .nav li .leftbox {
width: 240px;
float: left;
min-height: 501px;
position: relative;
padding-bottom: 20px;
background: #fff
}

.header .nav li .leftbox .xz-hezi i {
width: 31px;
height: 26px;
margin-top: -2px;
vertical-align: middle;
margin-right: 10px;
display: inline-block;
font-stretch: narrower
}


.header .nav li .leftbox .xz-hezi>a {
color: #333;
display: block;
height: 40px;
overflow: hidden;
line-height: 40px;
text-align: left;
padding-left: 20px
}

.header .nav li .leftbox .xz-hezi>a img {
margin: 5px 10px 0 0
}

.header .nav li .leftbox .xz-hezi>a:hover {
color: #0083cb;
background: #f3f3f3
}

.header .nav li .leftbox .xz-hezi:hover>a {
color: #0083cb;
background: #f3f3f3
}

.header .nav li .leftbox .xz-hezi:hover .rightbox {
display: block
}

.header .nav li .rightbox {
width: 895px;
height: 501px;
top: 0;
left: 240px;
display: none;
position: absolute;
padding-bottom: 40px;
overflow: auto;
background: #fff;
box-shadow: -2px 0 5px #eee;
padding-left: 15px
}

.header .nav li .rightbox dt {
width: 58%;
float: left;
padding-right: 50px;
position: relative
}

.header .nav li .rightbox dt:after {
content: "";
height: 100%;
top: 20px;
right: 0;
width: 1px;
position: absolute;
background: #e6e6e6
}

.header .nav li .rightbox dt span a {
margin-bottom: 5px;
display: block;
text-align: left;
overflow: hidden;
line-height: 24px;
padding-left: 10px
}

.header .nav li .rightbox dt span a img {
margin-left: 10px;
margin-top: 9px
}

.header .nav li .rightbox dt .item {
padding-top: 20px
}

.header .nav li .rightbox dt .xz-caidan {
color: #e2e2e2;
text-align: left;
line-height: 24px !important
}

.header .nav li .rightbox dt .xz-caidan a {
color: #7d7d7d;
padding: 0 10px;
display: inline-block
}

.header .nav li .rightbox dt .xz-caidan a:hover {
color: #0083cb
}

.header .nav li .rightbox dd {
width: 40%;
float: left;
padding-left: 15px;
padding-right: 15px;
text-align: center
}

.header .nav li .rightbox dd span {
display: block;
margin-bottom: 15px
}

.header .nav li .rightbox dd img {
max-width: 210px
}

.header .nav .active>a {
color: #0083cb
}


.header .nav li:hover  .subnav-gy{display:block;}

.header .nav .subnav-two {
top: 43px;
left: 0;
display:none;
z-index: 9;
width: 150px;
padding: 10px 0;
background: #fff;
box-shadow: 0 0 10px #ddd;
position: absolute;
}

.header .nav .subnav-two a {
height: 30px;
display: block;
font-size: 15px;
line-height: 30px;
height: 30px;
overflow:hidden;
}

.header .nav .subnav-two a:hover {
color: #0083cb;
background: #f3f3f3
}

.header .nav .subnav-two-2 {
top: 43px;
left: 0;
display: none; 
z-index: 9;
width: 400px;
position: absolute;
 
}

.header .nav .subnav-two-2 a {
height: 30px;
display: block;
font-size: 15px;
line-height: 30px
}

.header .nav .subnav-two-2 a:hover {
color: #0083cb;
background: #f3f3f3
}



.header .nav .xz-caidan-2 {
background: #fff;
width: 150px;
padding: 10px 0;
position: relative;
box-shadow: 0 0 10px #ddd
}

.header .nav .sub-xz {
top: 0;
left: 0;
width: 150px;
background: #fff;
padding: 20px 0;
display: none;
border-left: solid 1px #ddd;
position: absolute;
margin-left:150px;
}

.header .nav .sub-xz a {
color: #888;
font-size: 13px;
height: 24px;
line-height: 20px;
overflow: hidden
}

.header .nav .sub-xz a:hover {
background: none
}

.header .nav .erji:hover>a {
color: #0083cb;
background: #f3f3f3
}

.header .nav .erji:hover .sub-xz {
display: block
}

.fixed {
top: 0;
left: 0;
width: 100%;
z-index: 99;
position: fixed;
background: #fff;
box-shadow: 0 0 5px #ccc;
-webkit-transition: all 334ms ease-in-out;
transition: all 334ms ease-in-out;
-webkit-animation: 2s dong;
animation: 2s dong
}

@-webkit-keyframes dong {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px)
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}

.banner {
width: 100%;
height: 500px;
display: block;
overflow: hidden;
position: relative;
text-align: center
}

.banner .container {
position: relative
}

.banner .pic {
width: 100%;
height: 500px;
overflow: hidden;
position: relative
}

.banner .pic .container {
position: relative
}

.banner .pic span {
display: block;
width: 1920px;
left: 50%;
height: 500px;
position: absolute;
text-align: center;
margin-left: -960px
}

.banner .slick-dots {
bottom: 15px
}

.banner .slick-dots li button {
width: 70px;
height: 8px;
border-radius: 0
}

.banner .slick-dots li button {
background: #666
}

.banner .slick-dots .slick-active button {
background: #0083cb
}

.index-title {
color: #444;
text-align: center
}

.index-title .font36 {
font-size: 24px;
line-height: 30px;
position: relative;
padding-bottom: 14px
}

.index-title .font36:before {
content: "";
height: 1px;
width: 378px;
bottom: 0;
left: 50%;
margin-left: -184px;
position: absolute;
background: #0083cb
}

.index-title .font36:after {
content: "";
width: 70px;
height: 7px;
bottom: -3px;
left: 50%;
margin-left: -35px;
position: absolute;
background: #0083cb
}

.index-title .font16 {
font-size: 16px;
padding-top: 20px
}

.index-menu {
margin-top: 20px;
text-align: center
}

.index-menu a {
height: 40px;
padding: 0 20px;
line-height: 40px;
display: inline-block
}

.index-menu a:hover,.index-menu .active {
color: #fff;
background: #0083cb
}

.index-product {
padding: 70px 0
}

.index-product .tabcot {
display: none;
margin-top: 50px
}

.index-product .tabcot ul {
margin: -13px
}

.index-product .tabcot li {
width: 219px;
float: left;
padding: 1px;
margin: 13px;
text-align: center;
border: solid 1px #ccc
}

.index-product .tabcot li .pic {
width: 215px;
height: 215px;
overflow: hidden;
position: relative
}

.index-product .tabcot li .pic img {
-webkit-transition: all 700ms ease;
transition: all 700ms ease
}

.index-product .tabcot li .tit {
color: #333;
height: 30px;
margin: 15px 0;
overflow: hidden;
line-height: 30px
}

.index-product .tabcot li:hover {
outline: solid 1px #0083cb;
border-color: #0083cb
}

.index-product .tabcot li:hover .pic img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}

.index-product .more {
color: #fff;
width: 150px;
height: 40px;
display: block;
margin: 0 auto;
margin-top: 40px;
line-height: 40px;
text-align: center;
background: #0083cb
}

.index-product-2 {
height: 630px;
background: url(/images/bg.jpg) no-repeat top center
}

.index-product-2 .container {
position: relative
}

.index-product-2 .leftbox {
width: 600px;
float: left
}

.index-product-2 .rightbox {
width: 600px;
float: left;
height: 503px;
background: url(/images/bg-4.jpg) no-repeat top center
}

.index-product-2 .rightbox a {
display: block;
color: #666;
text-align: center;
padding-top: 40px
}

.index-product-2 .rightbox a:hover .tu img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}

.index-product-2 .rightbox .en {
font-size: 30px;
line-height: 40px;
font-family: arial;
padding-top: 40px;
text-transform: uppercase
}

.index-product-2 .rightbox .cn {
font-size: 24px;
line-height: 30px
}

.index-product-2 .rightbox .tu {
overflow: hidden
}

.index-product-2 .rightbox .tu img {
max-height: 300px;
-webkit-transition: all 700ms ease;
transition: all 700ms ease
}

.index-product-2 .item-1 {
background: #313130;
height: 257px;
background: url(/images/bg-2.jpg) no-repeat top center
}

.index-product-2 .item-1 a {
color: #fff;
display: block
}

.index-product-2 .item-1 a:hover .tu img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}

.index-product-2 .item-1 .txtbox {
width: 55%;
float: left;
padding: 0 10px;
padding-top: 80px;
text-align: center
}

.index-product-2 .item-1 .txtbox .en {
font-size: 30px;
line-height: 40px;
height: 40px;
overflow:hidden;
font-family: arial;
text-transform: uppercase
}

.index-product-2 .item-1 .txtbox .cn {
font-size: 24px;
line-height: 30px;
margin-top: 10px
}

.index-product-2 .item-1 .tu {
width: 40%;
float: left;
overflow: hidden;
text-align: center
}

.index-product-2 .item-1 .tu img {
-webkit-transition: all 700ms ease;
transition: all 700ms ease
}

.index-product-2 .item-2 {
height: 373px;
background: url(/images/bg-3.jpg) no-repeat top center
}

.index-product-2 .item-2 a {
color: #666;
display: block
}

.index-product-2 .item-2 a:hover .tu img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}

.index-product-2 .item-2 .txtbox {
width: 55%;
float: left;
padding: 0 10px;
padding-top: 140px;
text-align: center
}

.index-product-2 .item-2 .txtbox .en {
font-size: 30px;
line-height: 40px;
height: 40px;
overflow:hidden;
font-family: arial;
text-transform: uppercase
}

.index-product-2 .item-2 .txtbox .cn {
font-size: 24px;
line-height: 30px;
margin-top: 10px
}

.index-product-2 .item-2 .tu {
width: 45%;
float: left;
overflow: hidden;
padding-top: 40px;
text-align: center
}

.index-product-2 .item-2 .tu img {
-webkit-transition: all 700ms ease;
transition: all 700ms ease
}

.index-news {
padding: 70px 0
}

.index-news .inside-title p:first-child {
margin-bottom: 0;
padding-bottom: 0
}

.index-news .title {
color: #888;
font-size: 16px;
padding-bottom: 20px;
margin-bottom: 20px;
font-family: arial;
position: relative;
border-bottom: solid 1px #ddd
}

.index-news .title:after {
content: "";
width: 60px;
height: 3px;
bottom: -1px;
left: 0;
background: #0083cb;
position: absolute
}

.index-news .title b {
color: #333;
font-family: "微软雅黑"
}

.index-news .title a {
float: right;
color: #999;
font-family: arial
}

.index-news .leftbox {
width: 820px;
float: left;
margin-top: 45px
}

.index-news .leftbox .title {
margin-top: -20px
}

.index-news .rightbox {
width: 380px;
float: right;
height: 482px;
padding: 30px;
margin-top: 50px;
border: solid 1px #eee
}

.index-news .rightbox .title {
margin-bottom: 20px
}

.index-news .rightbox dl {
padding: 15px 0;
border-bottom: dashed 1px #ececec
}

.index-news .rightbox dl dt,.index-news .rightbox dl dd {
padding-left: 30px;
position: relative
}

.index-news .rightbox dl dt span,.index-news .rightbox dl dd span {
top: 5px;
left: 0;
width: 17px;
height: 17px;
line-height: 17px;
text-align: center;
position: absolute;
color: #fff;
font-size: 12px;
font-family: arial;
background: #262626
}

.index-news .rightbox dl dd span {
background: #0083cb
}

.index-news .rightbox dl dt {
height: 24px;
overflow: hidden;
font-weight: bold
}

.index-news .rightbox dl dt a {
display: block
}

.index-news .rightbox dl dd {
font-size: 12px;
height: 48px;
overflow: hidden;
margin-top: 7px
}

.index-news .box {
width: 376px;
float: left;
margin-top: 20px
}

.index-news .item {
height: 420px;
position: relative;
border: solid 1px #e8e8e8
}

.index-news .item .pic {
width: 374px;
height: 200px;
overflow: hidden;
position: relative;
}

.index-news .item ul {
padding: 15px 25px
}

.index-news .item li {
height: 36px;
overflow: hidden;
line-height: 36px;
border-top: dashed 1px #e9eaec
}

.index-news .item li span {
float: right;
color: #999;
padding-left: 20px;
font-family: arial
}

.index-news .item li:first-child {
border-top: 0
}

.index-news .item .more {
color: #fff;
width: 130px;
height: 36px;
bottom: -8px;
left: 25px;
line-height: 36px;
position: absolute;
text-align: center;
background: #0083cb
}

.index-news .item .more:hover {
color: #fff;
background: #0083cb
}

.index-about {
padding: 50px 0;
background: #f7f7f7
}

.index-about .video {
width: 600px;
float: left;
height: 340px
}

.index-about .txtbox {
width: 600px;
float: left;
padding-top: 40px;
padding-left: 40px
}

.index-about .txtbox h1 {
color: #333;
font-weight: normal;
margin-bottom: 30px
}

.index-message {
padding: 60px 0
}

.index-message .index-title {
color: #666;
margin-bottom: 50px
}

.index-message .index-title .font36 {
color: #333
}

.index-message .index-title .font36:before,.index-message .index-title .font36:after {
display: none
}

.index-message .bg {
height: 540px;
padding-top: 80px;
background: url(/images/bg-5.jpg) no-repeat top center
}

.index-message .leftbox {
width: 560px;
float: left
}

.index-message .leftbox li {
overflow: hidden;
padding-top: 15px
}

.index-message .leftbox li em {
color: #f00;
padding-right: 5px;
display: inline-block;
font-style: normal
}

.index-message .leftbox li label {
width: 110px;
float: left;
color: #fff;
line-height: 40px;
padding-right: 10px;
text-align: right;
display: block
}

.index-message .leftbox li input,.index-message .leftbox li textarea {
width: 450px;
float: left;
background: none;
height: 40px;
padding: 10px;
color: #fff;
font-size: 14px;
font-family: "微软雅黑";
border-radius: 3px;
border: solid 1px #666
}

.index-message .leftbox li textarea {
height: 75px;
resize: none;
color: #fff
}

.index-message .leftbox li .code {
width: 120px
}

.index-message .leftbox li img {
margin: 0 10px
}

.index-message .leftbox .button {
color: #fff;
display: block;
height: 40px;
line-height: 40px;
width: 450px;
float: right;
font-size: 16px;
border-radius: 3px;
text-align: center;
background: #0083cb
}

.index-message .rightbox {
color: #d6d1cc;
width: 570px;
float: right;
color: #fff;
padding-top: 70px
}

.index-message .rightbox img {
float: left;
margin-right: 20px
}

.index-message .rightbox .font24 {
font-size: 24px;
color: #fff;
line-height: 30px;
margin: 15px 0
}

.index-contact {
padding-bottom: 70px
}

.index-contact .index-title {
color: #666;
margin-bottom: 50px
}

.index-contact .index-title .font36 {
color: #333
}

.index-contact .index-title .font36:before,.index-contact .index-title .font36:after {
display: none
}

.index-contact .bg {
color: #fff;
background: #000;
padding: 25px 0
}

.index-contact .bg a {
color: #fff
}

.index-contact .bg li {
width: 25%;
float: left;
line-height: 50px
}

.index-contact .bg li img {
margin-right: 15px
}

.index-contact .bg li:first-child {
width: 22%
}

.index-contact .bg li:nth-child(2) {
width: 26%
}

.index-contact .bg li:nth-child(3) {
width: 26%
}

.index-contact .ditu,.index-contact .tu {
padding-top: 70px
}

.index-contact .ditu {
width: 560px;
float: left;
height: 348px
}

.index-contact .contact-map {
width: 100%;
z-index: 1;
position: relative;
height: 348px
}

.index-contact .contact-map #l-map {
width: 100%;
height: 348px
}

.index-contact .tu {
width: 600px;
float: right
}

.index-contact .leftbox {
width: 520px;
float: left
}

.index-contact .leftbox li {
margin-top: 20px
}

.index-contact .leftbox li label {
display: block
}

.index-contact .leftbox li em {
color: #f30;
margin-right: 5px;
display: inline-block
}

.index-contact .leftbox li input,.index-contact .leftbox li textarea {
height: 40px;
padding: 10px;
line-height: 38px;
border-radius: 3px;
width: 100%;
color: #333;
font-family: "微软雅黑";
border: solid 1px #ccc
}

.index-contact .leftbox li textarea {
resize: none;
height: 100px
}

.index-contact .leftbox .button a {
display: block;
color: #fff;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 3px;
background: #0083cb
}

.index-contact .rightbox {
padding-top: 30px;
width: 560px;
float: right;
color: #333
}

.index-contact .rightbox img {
float: left;
margin-right: 40px
}

.index-contact .rightbox ul {
margin: 0 -25px;
padding-top: 45px
}

.index-contact .rightbox li {
width: 250px;
height: 123px;
color: #fff;
float: left;
margin: 25px;
padding: 20px;
text-align: center;
border-radius: 5px;
background: #0083cb
}

.index-contact .rightbox li p:first-child {
font-weight: bold;
font-size: 18px
}

.footer {
color: #ababab;
padding-top: 40px;
background: #2a2a2a
}

.footer .logo {
width: 250px;
float: left;
padding-top: 65px;
text-align: center
}

.footer a {
color: #ababab
}

.footer a:hover {
color: #fff
}

.footer .add {
width: 390px;
float: left;
margin-left: 40px;
height: 190px;
padding-top: 15px;
padding-left: 40px;
border-left: solid 1px #464646;
border-right: solid 1px #464646
}

.footer .add p {
padding-top: 10px
}

.footer .add p img {
margin-right: 10px
}

.footer .weixin {
float: left;
width: 470px;
float: right
}

.footer .weixin span {
width: 150px;
float: left;
text-align: center;
display: block
}

.footer .weixin span img {
margin-bottom: 10px
}

.footer .weixin p {
float: left;
width: 300px;
 
padding-left: 20px
}

.footer .menu {
padding: 40px 0 20px 0;
text-align: center
}

.footer .menu a {
margin: 0 43px;
display: inline-block
}

.footer .copy {
color: #7b7b7b;
padding: 15px 0;
text-align: center;
margin-top: 20px;
background: #212121
}

.footer .copy a {
color: #7b7b7b;
}

.inside-banner {
overflow: hidden;
height: 350px;
width: 100%;
text-align: center;
position: relative
}

.inside-banner span {
left: 50%;
top: 0;
margin-left: -960px;
width: 1920px;
height: 350px;
overflow: hidden;
position: absolute
}

.inside-current {
height: 45px;
line-height: 45px;
overflow: hidden;
background-color: #f8f8f8
}

.inside-current span {
color: #0083cb
}

.inside-title {
padding: 50px 0;
text-align: center
}

.inside-title p {
padding: 0 20%
}

.inside-title p:first-child {
color: #000;
font-size: 24px;
line-height: 30px;
margin-bottom: 15px
}

.inside-menu {
margin-bottom: 30px;
text-align: center
}

.inside-menu a {
margin: 0 5px;
width: 150px;
overflow: hidden;
height: 40px;
font-size: 15px;
line-height: 40px;
background: #ddd;
display: inline-block
}

.inside-menu a:hover,.inside-menu .cur {
color: #fff;
background: #0083cb
}

.inside-news {
padding-bottom: 70px
}

.inside-news li {
padding: 20px 0;
border-bottom: dotted 1px #dbd4cd
}

.inside-news li .time {
float: left;
color: #fff;
width: 70px;
padding: 10px 0;
text-align: center;
font-family: arial;
background: #0083cb
}

.inside-news li .time span {
display: block
}

.inside-news li .time span:first-child {
font-size: 26px
}

.inside-news li .txtbox {
width: 980px;
float: left;
margin-left: 30px
}

.inside-news li .tit {
font-size: 18px;
color: #333;
height: 24px;
overflow: hidden
}

.inside-news li .txt {
height: 24px;
overflow: hidden;
margin-top: 10px
}

.inside-page {
padding: 60px 0 0 0;
text-align: center
}

.inside-page a {
padding: 0 10px;
line-height: 30px;
text-align: center;
display: inline-block;
margin:0 2px;
font-family: arial;
border: solid 1px #ddd
}

.inside-page span {
padding: 0 10px;
line-height: 30px;
text-align: center;
display: inline-block;
margin:0 2px;
font-family: arial;
border: solid 1px #0083cb;
color: #fff;
background: #0083cb
}

.inside-page a:hover,.inside-page .cpb {
color: #fff;
border-color: #0083cb;
background: #0083cb
}

.inside-news-show {
font-size: 15px;
padding: 60px 0
}

.inside-news-show h1 {
color: #333;
font-size: 24px;
line-height: 30px;
margin-bottom: 30px;
font-weight: normal
}

.inside-page-news {
margin-top: 40px
}

.inside-page-news li {
height: 30px;
overflow: hidden;
line-height: 30px
}

.inside-xg-news {
margin-top: 40px
}

.inside-xg-news .title {
border-bottom: solid 1px #0083cb
}

.inside-xg-news .title span {
width: 150px;
height: 40px;
color: #fff;
background: #0083cb;
line-height: 40px;
text-align: center;
display: inline-block
}

.inside-xg-news .list li {
width: 48%;
float: left;
padding-top: 30px
}

.inside-xg-news .list li .tit {
color: #333;
height: 24px;
overflow: hidden
}

.inside-xg-news .list li .txt {
height: 48px;
color: #666;
overflow: hidden;
margin-top: 10px
}

.inside-xg-news .list-2 {
margin: 0 -17px;
margin-top: 20px
}

.inside-xg-news .list-2 li {
width: 274px;
float: left;
padding: 1px;
margin: 17px;
text-align: center;
border: solid 1px #ccc
}

.inside-xg-news .list-2 li .pic {
width: 270px;
height: 270px;
overflow: hidden;
position: relative
}

.inside-xg-news .list-2 li .pic img {
-webkit-transition: all 700ms ease;
transition: all 700ms ease
}

.inside-xg-news .list-2 li .tit {
color: #333;
height: 30px;
margin: 15px 0;
overflow: hidden;
line-height: 30px
}

.inside-xg-news .list-2 li:hover {
outline: solid 1px #0083cb;
border-color: #0083cb
}

.inside-xg-news .list-2 li:hover .pic img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}

.inside-service {
padding-bottom: 50px
}

.inside-service ul {
margin: 0 -20px
}

.inside-service li {
width: 574px;
float: left;
margin: 20px
}

.inside-service li .pic {
width: 574px;
height: 324px;
overflow: hidden;
position: relative
}

.inside-service li .pic img {
-webkit-transition: all 700ms ease;
transition: all 700ms ease
}

.inside-service li .tit {
color: #333;
font-size: 18px;
text-align: center;
height: 48px;
line-height: 48px;
overflow: hidden
}

.inside-service li:hover .pic img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}

.inside-service li:hover .tit {
color: #0083cb;
background: #f3f3f3
}

.index-service-2 .box-1 {
height: 267px;
background: url(/images/s-bg.png) no-repeat top center
}

.index-service-2 .box-1 .txtbox {
float: left;
width: 640px;
color: #fff;
height: 267px;
font-size: 16px;
margin-left: 490px
}

.index-service-2 .box-1 .txtbox p {
margin-top: 20px
}

.index-service-2 .box-1 .tel {
font-size: 24px;
font-weight: 700
}

.index-service-2 .box-1 .tel span {
font-family: arial
}

.index-service-2 .box-1 ul {
padding-top: 40px
}

.index-service-2 .box-1 li {
float: left;
width: 386px;
margin-left: 20px;
position: relative
}

.index-service-2 .box-1 li .tit {
top: 50%;
left: 50%;
z-index: 1;
color: #fff;
width: 230px;
height: 70px;
line-height: 68px;
text-align: center;
border: solid 1px #fff;
position: absolute;
font-size: 20px;
margin-left: -125px;
margin-top: -35px;
background-color: rgba(102,102,102,0.57)
}

.index-service-2 .box-1 li:first-child {
margin-left: 0
}

.index-service-2 .box-2 {
height: 690px;
margin-top: 50px;
padding: 70px 0;
color: #fff;
background: url(/images/sbg.png) no-repeat top center
}

.index-service-2 .box-2 .title {
font-size: 18px;
text-align: center
}

.index-service-2 .box-2 .title p:first-child {
font-size: 30px;
line-height: 40px;
padding-bottom: 10px
}

.index-service-2 .box-2 li {
float: left;
width: 284px;
margin-top: 60px;
margin-left: 17px
}

.index-service-2 .box-2 li:first-child {
margin-left: 0
}

.index-service-2 .box-3 {
color: #333;
height: auto;
background: none;
margin-top: 0
}

.index-service-2 .box-4 {
height: 962px;
color: #fff;
padding-top: 70px;
background: url(/images/sbg-3.png) no-repeat top center
}

.index-service-2 .box-4 .title {
font-size: 18px;
text-align: center
}

.index-service-2 .box-4 .title p:first-child {
font-size: 30px;
line-height: 40px;
padding-bottom: 10px
}

.index-service-2 .box-4 ul {
padding-top: 40px
}

.index-service-2 .box-4 li {
float: left;
width: 390px;
margin: 0 5px;
margin-top: 20px;
text-align: center
}

.index-service-2 .box-4 li img {
width: 390px;
height: 268px
}

.index-service-2 .box-4 li .tit {
font-size: 18px;
margin: 20px
}

.index-service-2 .box-5 {
padding: 60px 0
}

.index-service-2 .box-5 .title {
color: #333;
text-align: center;
font-size: 30px;
line-height: 40px
}

.index-service-2 .box-5 .contact-map {
width: 960px;
z-index: 1;
margin: 0 auto;
margin-top: 50px;
position: relative;
height: 348px
}

.index-service-2 .box-5 .contact-map #l-map {
width: 100%;
height: 348px
}

.index-service-2 .box-5 ul {
width: 960px;
margin: 0 auto
}

.index-service-2 .box-5 li {
color: #333;
font-size: 16px;
margin-top: 50px
}

.index-service-2 .box-5 li img {
float: left;
margin-right: 30px
}

.index-service-2 .box-5 li p {
margin-bottom: 20px
}

.index-service-3 .container {
position: relative
}

.index-service-3 .bg {
height: 87px;
text-align: center;
font-size: 40px;
line-height: 87px;
font-weight: bold;
color: #333;
margin: 30px 0;
background: url(/images/s004.png) no-repeat top center
}

.index-service-3 .bg-2 {
height: 1859px;
padding-top: 70px;
background: url(/images/sbg6.jpg) no-repeat top center
}

.index-service-3 .bg-2 ul {
padding-left: 15px
}

.index-service-3 .bg-2 li {
width: 500px;
float: left;
margin-bottom: 60px;
font-size: 18px;
line-height: 30px;
margin-left: 60px
}

.index-service-3 .bg-2 li .en {
color: #039;
font-family: arial;
margin-top: 50px;
font-size: 32px;
line-height: 40px;
margin-bottom: 20px
}

.index-service-3 .bg-3 {
color: #fff;
height: 250px;
bottom: 0;
left: 0;
width: 100%;
position: absolute;
background: #054cad
}

.index-service-3 .bg-3 .title {
font-size: 32px;
line-height: 40px;
padding: 30px 0;
padding-left: 70px
}

.index-service-3 .bg-3 ul {
padding-left: 40px
}

.index-service-3 .bg-3 li {
float: left;
width: 428px;
height: 116px;
margin-left: 30px;
color: #039;
font-size: 27px;
line-height: 40px;
font-family: arial;
padding: 50px 0 0 70px;
background: url(/images/sbg7.jpg) no-repeat top center
}

.index-service-3 .bg-3 li:nth-child(2){background: url(/images/sbg7_1.jpg) no-repeat top center}

.index-service-3 .bg-3 li a {
color: #039
}

.aside {
float: left;
width: 222px;
padding-bottom: 30px;
margin-top: 30px
}

.aside .aside-top .aside-title {
line-height: 44px;
color: #fff;
padding-left: 40px;
font-size: 18px;
background: #0083cb 18px 14px
}

.aside .aside-top .list ul li a {
display: block;
font-size: 16px;
line-height: 42px;
overflow: hidden;
border-bottom: 1px solid #f0f0f0;
padding: 0 10px 0 34px;
position: relative
}

.aside .aside-top .list ul li a:after {
content: '';
display: block;
width: 3px;
border-radius: 10px;
height: 8px;
margin-top: -4px;
position: absolute;
top: 50%;
left: 23px;
background: #a4a4a4
}

.aside .aside-top .list ul li a:hover {
color: #0083cb
}

.aside .aside-top .list ul li a:hover:after {
background: #0083cb
}

.aside .aside-top .list ul li:nth-last-child(1) a {
border-bottom: 0
}

.aside .aside-top .list ul .active a {
color: #0083cb
}

.aside .aside-top .list ul .active a:after {
background: #0083cb
}

.aside .aside-top dl:hover dd {
display: block
}

.aside .aside-top dl {
padding: 3px 0;
background: #ebebeb
}

.aside .aside-top dl dt {
position: relative
}

.aside .aside-top dl dt a {
display: block;
color: #444;
overflow: hidden;
height: 43px;
line-height: 43px;
font-size: 15px;
padding: 0 43px 0 34px;
position: relative
}

.aside .aside-top dl dt a:after {
content: '';
display: block;
width: 3px;
border-radius: 10px;
height: 8px;
margin-top: -4px;
position: absolute;
top: 50%;
left: 23px;
background: #a4a4a4
}

.aside .aside-top dl dt a:hover {
color: #0083cb
}

.aside .aside-top dl dt a:hover:after {
background: #0083cb
}

.aside .aside-top dl dt i {
width: 43px;
height: 43px;
position: absolute;
top: 0;
right: 0;
display: block;
background: url("/images/dot5.png") no-repeat center center;
cursor: pointer;
z-index: 5;
-webkit-transition: .5s;
transition: .5s
}

.aside .aside-top dl dd {
display: none
}

.aside .aside-top dl dd a {
display: block;
font-size: 14px;
color: #555;
margin-bottom: 5px;
line-height: 28px;
height: 28px;
overflow: hidden;
padding-left: 35px;
background: url("/images/dot6.png") no-repeat 20px 10px
}

.aside .aside-top dl dd a:hover,.aside .aside-top dl dd a.cur {
color: #0083cb
}

.aside .aside-top dl dt:nth-last-child(1) a {
border-bottom: 0
}

.aside .aside-top dl dd:nth-last-child(1) {
border-bottom: 0
}

.aside .aside-top dl .menu-three {
display: none;
background: #f8f8f8;
padding: 10px 0
}

.aside .aside-top dl .menu-three a {
font-size: 12px;
background: none;
line-height: 22px;
height: 22px;
}

.aside .aside-top dl:hover dt a {
color: #0083cb
}

.aside .aside-top dl dt.cur a {
color: #0083cb
}

.aside .aside-top dl:hover dt a:after {
background: #0083cb
}

.aside .aside-top dl dt.cur a:after {
background: #0083cb
}

.aside .aside-top dl dt.cur i {
background: url("/images/dot5-h.png") no-repeat center center
}

.aside .aside-top .aside-title1 {
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
margin: 0 10px
}

.aside .aside-top .aside-title1 h3 {
line-height: 44px;
color: #333;
padding-left: 30px;
font-size: 18px;
float: left;
background: url(/images/dot7.png) no-repeat 6px 18px;
border-bottom: 2px solid #0045a7
}

.aside .aside-top .aside-title1 a {
float: right;
line-height: 44px;
display: block;
font-size: 12px;
color: #b0b0b0
}

.aside .aside-top .list1 {
padding: 7px 12px
}

.aside .aside-top .list1 ul li a {
display: block;
line-height: 32px;
font-size: 14px;
color: #666;
padding-left: 14px;
overflow: hidden;
background: url("/images/dot8.png") no-repeat center left
}

.aside .aside-top .list1 ul li a:hover {
color: #0083cb
}

.right {
float: right;
width: 970px;
margin-top: 20px;
padding-bottom: 50px
}

.right .prolist li {
width: 222px;
float: left;
padding: 1px;
margin: 10px;
text-align: center;
border: solid 1px #ccc
}

.right .prolist li .pic {
width: 218px;
height: 218px;
overflow: hidden;
position: relative
}

.right .prolist li .pic img {
-webkit-transition: all 700ms ease;
transition: all 700ms ease
}

.right .prolist li .tit {
color: #333;
height: 30px;
margin: 15px 0;
overflow: hidden;
line-height: 30px
}

.right .prolist li:hover {
outline: solid 1px #0083cb;
border-color: #0083cb
}

.right .prolist li:hover .pic img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}

.product-show {
padding: 70px 0
}

.product-show .page-product-top {
overflow: hidden;
margin-bottom: 33px
}

.product-show .page-product-top .pic-left {
float: left;
width: 350px
}

.product-show .page-product-top .pic-right {
float: right;
width: 800px;
padding-top: 50px
}

.product-show .page-product-top .pic-right h3 {
color: #000;
font-size: 24px;
font-weight: normal;
padding-bottom: 16px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 19px
}

.product-show .page-product-top .pic-right .right-p {
margin-bottom: 105px;
overflow: hidden
}

.product-show .page-product-top .pic-right .right-p p {
color: #333;
font-size: 14px;
line-height: 30px
}

.product-show .pro-ductbottom {
padding-bottom: 40px;
border: 1px solid #dedede
}

.product-show .pro-ductbottom .list {
overflow: hidden
}

.product-show .pro-ductbottom .list ul li {
float: left;
width: 116px;
height: 40px;
cursor: pointer;
margin-right: 5px;
line-height: 40px;
border-bottom: 0;
text-align: center;
background: #ddd
}

.product-show .pro-ductbottom .list ul li:hover a {
color: #fff;
background: #1681d6
}

.product-show .pro-ductbottom .list ul .sel {
color: #fff;
background: #1681d6
}

.product-show .tabcot {
display: none;
padding: 30px;
height: 450px;
padding-bottom: 30px;
overflow: auto;
line-height: 30px
}

.product-show .tabcot tr {
padding: 10px 0;
border-top: solid 1px #ddd
}

.product-show .tabcot tr:first-child {
border-top: 0;
background:#1681d6!important;
color:#fff;
}

.product-show .tabcot tr:nth-child(2n+1) {background:#efefef}

.product-show .tabcot li {
height: 45px;
line-height: 45px;
overflow: hidden;
border-top: solid 1px #eee
}

.product-show .tabcot li img {
/*float: right;*/
margin-top: 8px;
margin-right: 10px;
margin-left: 30px
}

.product-show .tabcot li:first-child {
border-top: 0
}

.inside-map {
padding: 50px 0
}

.inside-map li {
padding: 15px 0
}

.inside-map li span {
height: 40px;
line-height: 40px;
background: #333;
padding: 0 30px;
margin-bottom: 20px;
display: inline-block
}

.inside-map li span a {
color: #fff;
display: block
}

.inside-map li span:hover {
background: #0083cb
}

.inside-map li .t1 {
padding: 0 0 15px 0;
font-size: 14px;
font-weight: bold
}

.inside-map li .t1 a {
color: #333
}

.inside-map li .t2 a {
display: inline-block;
padding-right: 30px
}

.inside-xiala {
padding-bottom: 80px
}

.inside-xiala .inside-title p {
padding: 0
}

.inside-xiala .list {
border-bottom: solid 1px #878787
}

.inside-xiala .tit {
font-size: 30px;
padding: 20px 0;
color: #333;
cursor: pointer;
vertical-align: top;
position: relative;
border-top: solid 1px #878787
}

.inside-xiala .tit:after {
content: "";
vertical-align: top;
margin-top: 10px;
margin-left: 7px;
display: inline-block;
border-top: solid 10px #0083cb;
border-left: solid 8px transparent;
border-right: solid 8px transparent
}

.inside-xiala .txt {
display: none;
padding: 0 0 20px 0;
font-size: 17px
}

.inside-xiala .txt img {
margin-right: 10px;
max-height:24px;
}

.inside-xiala .subdrop {
cursor: pointer;
padding-top: 10px
}

.inside-xiala .subdrop span {
color: #333;
display: block
}

.inside-xiala .subdrop-two {
padding: 20px 0;
font-size: 15px;
padding-left: 35px;
display: none;
color: #333;
font-family: arial
}

.inside-xiala .wz {
padding: 20px 0;
font-size: 16px
}

.inside-xiala .wz a {
color: #0083cb
}

.inside-xiala .active:after {
border-top: none;
border-bottom: solid 10px #0083cb
}

/**********IE8***********/

.prompt {
position: fixed;
width: 100%;
height: 100%;
background: url(/images/ie_sosad.png) no-repeat center 35% #ffffff;
left: 0;
bottom: 0;
display: none;
z-index: 999;
filter: alpha(opacity=80);
opacity: 80;
}
.prompt span {
position: absolute;
font-size: 14px;
font-family: 'Microsoft YaHei';
top: 55%;
left: 50%;
margin-left: -200px;
width: 400px;
display: block;
line-height: 24px;
color: #666;
}
.prompt span a {
text-decoration: underline;
}
.prompt_close {
width: 30px;
height: 30px;
position: absolute;
right: 30px;
top: 30px;
background: url(/images/closed.png) no-repeat center center;
cursor: pointer;
}

.aside .aside-top dl dd .menu-tww:hover .menu-three{
display:block;

}


.header .nav .erji:first-child {
padding-top: 10px;
}
.header .nav .erji {
position: relative;
}
.header .nav .sub-xz {
top: 0;
left: 0;
width: 150px;
background: #fff;
padding: 0;
display: none;
border-left: solid 1px #ddd;
position: absolute;
margin-left: 150px;
/* z-index: -1; */
}
.header .nav .sub-xz a {
color: #888;
font-size: 13px;
height: 24px;
line-height: 20px;
overflow: hidden;
margin: 9px 0;
}

.product-show .tabcot td{border:1px solid #ddd}
.product-show .tabcot tr td:first-child{font-weight:bold}<!--0.00019407272338867-->