﻿@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.flexslider *,.toper,.topblank,.toper ul,.fixright li,.fixright li .cons,.indprocate dd .pic .list,.ind4 li,.ind4 li .pic,.ind4 li .title,.panes dd .pic .list ,.indnews .cons .pic img,.product li,.product li .pic p,#show7 li .pic p,.kfjz li .pic p,.news li .pic img,.culture2 .culpic li p,.aboutnews li img,.kfjs li .pic .list,.zlzs li p,.jlrz li .pic p,.jcbg li .pic p,.jcsb .u2 li p,.shfw li,.shfw li .pic p
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.abc,.indnews .cons .pic:hover img,.product li .pic:hover p,#show7 li .pic:hover p,.kfjz li .pic:hover p,.news li .pic:hover img,.culture2 .culpic li:hover p,.aboutnews li .pic:hover img,.zlzs li:hover p,.jlrz li .pic:hover p,.jcbg li .pic:hover p,.jcsb .u2 li .pic:hover p,.shfw li .pic:hover p
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc,.indlsdz li,.ind4 li,.indcontact .left .cons,.indcontact .right h1,.product li,.kfjz li,.job li,.shfw li,.panes2 .pane td,.message .cons h1,.message .cons h1 input[type="text"],.message .cons
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;}
body {margin:0 auto;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;color:#666;font-size:14px; line-height:25px; margin:0 auto; overflow-x:hidden;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#666}
a:Hover,.toper .navmenu li dl dd a:hover,.toper .navmenu li.check dl dd a:hover,.hotsearch .hot a:hover,.foot a:hover,.toper .header .right .topmenu a.check,.aboutnews li .cons .title a:hover,.sitemap dt.b a:hover{color:#00a0e9}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:arial,'Microsoft YaHei','微软雅黑';border:0;font-size:14px}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
h1,h2,h3,h4,h5 { font-weight:normal}
hr {border:0;border-top:1px solid #d5975c; height:1px;margin:15px 0 12px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

::-webkit-input-placeholder {color: #bbbbbb; } 
:-moz-placeholder {color: #bbbbbb; } 
::-moz-placeholder { color: #bbbbbb; } 
:-ms-input-placeholder {color: #bbbbbb; } 
 
.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:50px 0 0 0px; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d3d3d3;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:}  
.pager a:hover,.pager span.current { background:#00a0e9;border:1px solid #00a0e9;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #00a0e9} 
.pager a,.pager span.disabled {color:#767676;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:30px; height:30px; line-height:30px;border-radius:50%}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 
.pager font {font-family:宋体;}

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:10px;}
.picright {margin-left:30px;margin-bottom:10px;}

.wrap {max-width:1230px;margin:0 auto}

.toper {border-bottom:1px solid #e6e6e6; background:#fff; position:fixed; z-index:9999;top:0;left:0;width:100%}
.toper .header { height:110px;}
.toper .header .logo {float:left;margin:26px 0 0 0}
.toper .header .right {float:right; text-align:right}
.toper .header .right .topmenu {margin:18px 0}
.toper .header .right .topmenu i {margin:0 8px;}
.toper .header .right .emailtel {color:#00a0e9;font-size:20px;}
.toper .header .right .emailtel img {margin:0 10px 0 0}
.toper .header .right .emailtel img.tel {margin-top:-8px;margin-left:30px}
.toper .navmenu { background:url(../images/2.png) no-repeat center; height:52px; line-height:52px; text-align:right}
.toper .navmenu li { display:inline-block;margin:0 0 0 80px; position:relative}
.toper .navmenu li a {color:#fff;font-size:16px;}
.toper .navmenu li a i { background:url(../images/1.png) no-repeat; width:9px; height:9px; display:inline-block;margin:0 0 0 8px;opacity:0.8}
.toper .navmenu li dl { position:absolute; z-index:1;top:52px;left:-30px;width:125px;display:none; text-align:left; background:#fff;border:1px solid #dcdcdc;border-top:0; line-height:25px;padding:6px 0 6px 0}
.toper .navmenu li:hover>dl { display:block}
.toper .navmenu li:hover>a,.toper .navmenu li.check a {color:#1b2a75;}
.toper .navmenu li:hover>a i,.toper .navmenu li.check i { background-position:bottom}
.toper .navmenu li dl dd {margin:12px 0}
.toper .navmenu li dl dd a,.toper .navmenu li.check dl dd a {font-size:16px;border-top:0;color:#666;overflow:hidden;padding:0 0 0 30px}
.toper .navmenu li dl.mpro {width:910px}
.toper .navmenu li dl.mpro dd {margin:0 0 0 12px}
.toper .navmenu li dl.mpro .list {float:left;width:21%;margin:1% 2%}
.toper .navmenu li dl.mpro dd .list a,.toper .navmenu li.check dl.mpro dd .list a {padding:0}
.toper .navmenu li dl.mpro .list h1 {margin:0 0 10px 0}
.toper .navmenu li dl.mpro .list h1 a {font-weight:bold;}
.toper .navmenu li dl.mpro .list p {margin:5px 0}
.topblank { height:163px;}
.toper.active {top:-110px;}
.topblank.active {height:53px}

.bxslider li a { display:block; background-position:center; background-repeat:no-repeat; height:400px}
.hotsearch { background:#efefef; height:45px; line-height:45px;}
.hotsearch .hot {float:left;width:64%;color:#00a0e9; overflow:hidden; height:45px; line-height:45px;}
.hotsearch .hot i {color:#666;margin:0 8px;font-size:12px}
.hotsearch .hot a {color:#666;font-size:13px}
.hotsearch .search {float:right}
.hotsearch .search #k { background:#fff;width:150px;padding:0 15px; height:30px; line-height:30px; display:inline-block; vertical-align:middle}
.hotsearch .search #btn { background:#00a0e9 url(../images/25.png) no-repeat center; height:30px;width:45px; cursor:pointer; vertical-align:middle; display:inline-block}
.hotsearch .bdsharebuttonbox {float:right;margin:14px 0 0 0}
.hotsearch .bdsharebuttonbox a { display:inline-block;margin:0 -3px; vertical-align:middle;}
.hotsearch .bdsharebuttonbox a.bds_more { background:none;font-size:12px;margin:2px 7px 0 0}
.hotsearch .bdsharebuttonbox a.bds_tsina { background:url(../images/wb2.png) no-repeat center;width:18px; height:16px;}
.hotsearch .bdsharebuttonbox a.bds_qzone { background:url(../images/qqspace.png) no-repeat center;width:18px; height:16px;}
.hotsearch .bdsharebuttonbox a.bds_weixin { background:url(../images/wx2.png) no-repeat center;width:20px; height:16px;}
.hotsearch .bdsharebuttonbox a.bds_sqq { background:url(../images/qq2.png) no-repeat center;width:16px; height:16px;}

.tabPanel3 {margin:50px 0 0px 0}
.tabPanel3 ul{ text-align:center;}
.tabPanel3 ul li{ display:inline-block;border:1px solid #ccc;font-size:18px; height:40px; line-height:40px;padding:0 15px;margin:0 10px; cursor:pointer}
.tabPanel3 ul li.hit {color:#fff;border-color:#00a0e9; background:#00a0e9}
.panes3 {}
.panes3 .pane { display:none;}

.indprocate dl {margin-top:50px}
.indprocate dd {float:left;width:25%; position:relative;}
.indprocate dd .pic { position:relative; overflow:hidden;}
.indprocate dd .pic .list { position:absolute; z-index:2;width:100%; height:100%; background:#00a0e9;color:#fff; text-align:center;opacity:0}
.indprocate dd .pic .list h1 {font-size:30px; line-height:40px;}
.indprocate dd .pic .list .icon { position:absolute; z-index:5;bottom:10%;left:50%;margin-left:-14px; background:url(../images/3.png) no-repeat center;width:27px; height:27px}
.indprocate dd .title {  height:60px; line-height:60px;  overflow:hidden; text-align:center}
.indprocate dd .pic:hover .list {opacity:1}


.indsubject { position:relative; background:#444444;color:#fff; text-align:center;padding:50px 0 40px 0; z-index:2}
.indsubject .title {color:#00a0e9;font-size:40px; line-height:50px;}
.indsubject .cons {font-size:20px; line-height:30px;margin:10px 0 5px 0}
.indsubject .title2 { text-transform:uppercase;font-size:16px; line-height:30px}
.indsubject i { background:url(../images/4.png) no-repeat center;width:91px; height:46px; display:block; position:absolute; z-index:1;bottom:-46px;left:50%;margin-left:-45px;}
.indlsdz li {float:left;width:50%;padding:60px 0 30px 0; z-index:1; position:relative}
.indlsdz li.f2,.indlsdz li.f3 { background:#efefef}
.indlsdz li.f1 .pic,.indlsdz li.f3 .pic {max-width:615px;margin:0 0 0 auto}
.indlsdz li.f2,.indlsdz li.f4 {padding-left:22px}

.ind4 {border-bottom:1px solid #ccc;padding:100px 0 70px 0;margin:0 0 0 6px}
.ind4 li {float:left;width:25%;border:1px solid #00a0e9;margin-left:-1px; text-align:center;padding:50px 25px}
.ind4 li .pic { width:65px; height:65px; margin:0 auto;}
.ind4 li .title {color:#00a0e9;font-size:18px; line-height:28px; height:84px; overflow:hidden;margin:40px 0 20px 0}
.ind4 li .cons { line-height:25px; height:100px; overflow:hidden}
.ind4 li:hover { background:#00a0e9;color:#fff}
.ind4 li:hover .pic { background-position:bottom}
.ind4 li:hover .title {color:#fff}
.indsubject2 {text-align:center;font-size:35px; line-height:45px;margin:50px 0}
.indsubject2 .line {width:70px; height:3px; background:#00a0e9;margin:10px auto}
.tabPanel {}
.tabPanel ul{ text-align:center;margin:-10px 0 40px 0}
.tabPanel ul li{ display:inline-block; text-align:center;font-size:16px; cursor:pointer;}
.tabPanel ul li i {margin:0 15px}
.tabPanel ul li.hit {color:#00a0e9}

.panes {margin-top:60px}
.panes dd {float:left;width:25%; position:relative;}
.panes dd .pic { position:relative; overflow:hidden;border:1px solid #ccc;border-right:0}
.panes dd .pic .list { position:absolute; z-index:2;width:100%; height:100%; background:#00a0e9;color:#fff; text-align:center;opacity:0}
.panes dd .pic .list h1 {font-size:30px; line-height:40px;}
.panes dd .title {  height:60px; line-height:60px;  overflow:hidden; text-align:center}
.panes dd .pic:hover .list {opacity:1}

.indparter { text-align:center; background:#efefef;padding:60px 0;margin-top:50px}
.indparter .subject {font-size:30px; line-height:40px;font-weight:Bold;}
#slider2 {padding:0 80px;margin-top:50px}
#slider2 .bx-wrapper .bx-prev {left:-80px; background: url('../images/5.png') no-repeat;}
#slider2 .bx-wrapper .bx-next {right:-80px;background: url('../images/6.png') no-repeat;}
#slider2 .bx-wrapper .bx-controls-direction a {top:50%;margin-top:-18px; width: 35px; height: 35px;}
#slider2 .bx-wrapper .bx-controls-direction a:hover { background-position:bottom}
#slider2 .slide{ position:relative; text-align:center; background:#fff;padding:10px;border:1px solid #ccc;}
#slider2 .slide img {margin:0 auto}
.indaboutsubject { background:#00a0e9;color:#fff; height:50px; line-height:50px; position:relative;padding:0 30px;font-size:25px;margin:0 0 25px 0}
.indaboutsubject a { position:absolute; z-index:1;right:30px;top:0px;color:#fff;font-size:14px}
.indabout {padding:60px 0}
.indabout .left {float:left;width:68%;}
.indabout .left .video {float:left;width:48.5%;}
.indabout .left .video iframe {width:100%; height:230px}
.indabout .left .content {float:right;width:48.5%;}
.indabout .right {float:right;width:29%;}
#slider4 {padding:0 35px;margin-top:20px}
#slider4 .bx-wrapper .bx-prev {left:-35px; background: url('../images/8.png') no-repeat;}
#slider4 .bx-wrapper .bx-next {right:-35px;background: url('../images/7.png') no-repeat;}
#slider4 .bx-wrapper .bx-controls-direction a {top:50%;margin-top:-20px; width:25px; height:41px;}
#slider4 .slide{ position:relative; text-align:center; background:#fff;border:1px solid #ccc;}
#slider4 .slide p {width:97%; height:96%;top:2%;left:1.5%}
#slider4 .slide img {margin:0 auto}

#slider3 {padding:35px 45px;border:1px solid #ccc;}
#slider3 .bx-wrapper .bx-prev {left:-35px; background: url('../images/8.png') no-repeat;}
#slider3 .bx-wrapper .bx-next {right:-35px;background: url('../images/7.png') no-repeat;}
#slider3 .bx-wrapper .bx-controls-direction a {top:50%;margin-top:-20px; width:25px; height:41px;}
#slider3 .slide{ position:relative; text-align:center; background:#fff;}
#slider3 .slide p {margin-top:20px}
#slider3 .slide img {margin:0 auto}
.indnews { background:#efefef;padding:60px 0}
.indnews .left {float:left;width:48%;}
.indnews .right {float:right;width:48%}
.indnews .indaboutsubject { text-transform:uppercase;font-size:20px}
.indnews .indaboutsubject i {margin:0 10px;font-size:16px; display:inline-block; vertical-align:top;}
.indnews .cons {float:left;width:44%;}
.indnews .cons .pic {  overflow:hidden;margin-top:15px}
.indnews .cons .title {  height:25px; line-height:25px; overflow:hidden;margin:15px 0 10px 0}
.indnews .cons .title a {color:#00a0e9;}
.indnews .cons .title a:hover { text-decoration:underline}
.indnews .cons .content { line-height:20px; height:60px; overflow:hidden;font-size:12px;}
.indnews ul {float:right;width:50%}
.indnews ul li {border-bottom:1px solid #ccc; line-height:45px; height:45px; overflow:hidden}
.indnews .list {border:1px solid #ccc;padding:15px 15px 25px 15px;margin-top:-25px}
.indnews .cons .more {margin-top:50px;}
.indnews .cons .more a {color:#00a0e9;}
.indcontact {margin:60px 0}
.indcontact .left {float:left;width:48%;}
.indcontact .left .subject { background:#00a0e9;color:#fff; height:50px; line-height:50px;padding:0 30px;font-size:25px;margin:0 0 20px 0}
.indcontact .left .cons {float:left;width:75%;padding-left:30px}
.indcontact .left .code {float:right;width:20%; text-align:right;margin-top:10px}
.indcontact .left .cons .l1 {border-bottom:1px solid #00a0e9;color:#00a0e9;font-size:20px;padding:12px 0 12px 0}
.indcontact .left .cons .l2 {border-bottom:1px solid #00a0e9;color:#00a0e9;padding:12px 0}
.indcontact .left .cons .l2 span {font-size:28px; display:inline-block; vertical-align:middle}
.indcontact .left .cons ul {border-bottom:1px solid #00a0e9;padding:5px 0 3px 0; }
.indcontact .left .cons li {margin:9px 0}
.indcontact .left .cons li .a1 {float:left;width:26%;color:#00a0e9;}
.indcontact .left .cons li .a1 img {margin:0 10px 0 0}
.indcontact .left .cons li .a2 {float:right;width:73%;}
.indcontact .left .cons li.li3 .a2 { line-height:30px;margin-top:-2px}
.indcontact .right {float:right;width:48%}
.indcontact .right .subject {color:#00a0e9;font-size:20px;margin:0 0 6px 0}
.indcontact .right .title {margin:0 0 10px 0}
.indcontact .right .cons {color:#00a0e9;margin:10px 0 11px 0}
.indcontact .right #mbtn { background:url(../images/f4.png) no-repeat;width:88px; height:26px; cursor:pointer}
.indcontact .right h1 {border:1px solid #ccc;width:100%; height:32px; line-height:32px;padding:0 8px;font-size:12px;color:#00a0e9;margin:8px 0; position:relative}
.indcontact .right h1 input[type="text"] { position:absolute; z-index:1;left:0;top:0;width:90%; height:30px; line-height:30px;margin-left:25px;color:#999}
.indcontact .right h1.no input[type="text"] {margin-left:10px}
.namemj { position:absolute; z-index:1;margin-top:-190px; display:block; height:0;width:100%}
.mainpro { background:#f5f5f5;margin-bottom:-80px;padding:60px 0 100px 0}
.mainpro .mleft {width:200px;float:left;}
.prosuject { background:#00a0e9;color:#fff; text-transform:uppercase;padding:23px 20px 17px 20px;}
.prosuject p {font-weight:bold;font-size:24px;margin:0 0 2px 0; letter-spacing:1px}
.mainpro .mleft dl {margin-bottom:30px;background:#f5f5f5}
.mainpro .mleft dl.last {margin-bottom:0}
.mainpro .mleft dt { background:#00a0e9;color:#fff;padding:0 15px; height:32px; line-height:32px}
.mainpro .mleft .cons {border:1px solid #ccc;padding:0 10px}
.mainpro .mleft dd { height:45px; line-height:45px; overflow:hidden;border-top:1px solid #ccc;}
.mainpro .mleft dd.f1 {border:0}
.mainpro .mleft dd a {color:#333;padding-left:30px}
.mainpro .mleft dd a:hover,.mainpro .mleft dd.check a {color:#00a0e9}

.accordionservice {border:1px solid #ccc;}
.accordionservice li { position:relative;}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border-top:1px solid #ccc; height:45px; line-height:45px;margin:0 10px}
.accordionservice li.f1 .link {border:0}
.accordionservice li .link .title {display:inline-block; vertical-align:top; height:45px; line-height:45px;padding-left:30px; overflow:hidden}
.accordionservice li i {position: absolute;top:16px;left:7px;height:13px;width:13px; background:url(../images/9.png) no-repeat;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionservice li.open .link {}
.accordionservice li.open i,.accordionservice li.open i,.accordionservice li.active i { background-position:bottom}
.accordionservice .submenu {display:none;background:#fff;padding:10px 27px}
.accordionservice .submenu p {height:35px; line-height:35px; overflow:hidden}
.accordionservice .submenu p a { background:url(../images/10.png) no-repeat center left;padding:0 0 0 12px}
.accordionservice .submenu p.check a,.accordionservice .submenu p a:hover {color:#00a0e9; background:url(../images/11.png) no-repeat center left;}
.accordionservice li.check1 .link .title a {color:#00a0e9}
.accordionservice li.check1 .link i { background:url(../images/12.png) no-repeat center}

.mainpro .mright {float:right;width:975px;}
.mcurrent {border-bottom:1px solid #ccc;padding:0 0 10px 0}
.mcurrent i {margin:0 5px}
.product {margin-top:-2%}
.product li {float:left;width:32.3333%;margin:3% 1.5% 0 0;padding:10px; background:#fff;}
.product li.no {margin-right:0}
.product li .pic { position:relative; overflow:hidden}
.product li .cons {border-top:1px solid #ccc;margin-top:10px;padding:10px 10px 2px 10px}
.product li .cons p { height:20px; line-height:20px; overflow:hidden;margin:3px 0}
.product li:hover {box-shadow:0 0 15px #999;}
.promobmenu { display:none;}
.mainpro2 { background:#fff;padding-top:40px}
#show1 { position:relative;margin-top:40px}
#show1 .showpic {float:left;width:40%; position:relative}
#show1 .showcons {float:right;width:56%;}
#show1 .showcons .title {font-size:27px;border-bottom:1px solid #ccc;padding:0 0 8px 0; line-height:37px;}
#show1 .showcons .cons { line-height:30px;margin-top:20px;min-height:176px}
#show1 .showcons ul {margin-top:20px}
#show1 .showcons li {float:left;width:23.5%;margin:0 2% 0 0; cursor:pointer}
#show1 .showcons li.f4 {margin-right:0}

.showsubject {border-top:1px solid #00a0e9; text-align:center;}
.showsubject p { display:inline-block; background:#00a0e9;color:#fff;font-size:20px; height:45px; line-height:45px;padding:0 15px;margin:0 auto 30px auto}
#show2 {margin:50px 0}
#show2 .cons { line-height:30px}

#show3 { text-align:center;margin:50px 0}
#show3 img {border-top:1px solid #e6e6e6}
#show3 .f1 img {border:0}

#show4 {margin:50px 0}
.showul1 li {float:left;width:49%;margin:2% 2% 1% 0}
.showul1 li.no {margin-right:0}
.showul1 li .pic { position:relative;border:1px solid #c6c6c6;}
.showul1 li .title { height:25px; line-height:25px; overflow:hidden; text-align:center;margin-top:15px}
.showul1 li .title i { display:inline-block;margin:0 10px 0 0; height:20px; width:20px; line-height:20px; background:#00a0e9;color:#fff; text-align:center}

#show5 {margin:50px 0}
#show5 li {float:left;width:32%;margin:2% 2% 0 0}
#show5 li.no {margin-right:0}
#show5 li .pic { position:relative;border:1px solid #c6c6c6;}

#show6 {margin:50px 0}

#show7 {margin:50px 0}
#show7 li {float:left;margin:0 2% 0 0;width:23.5%}
#show7 li.f4 {margin-right:0}
#show7 li .title {font-size:25px; height:25px; line-height:25px; overflow:hidden;color:#00a0e9; text-align:center;margin:15px 0 5px 0}
#show7 li .entitle {color:#999; height:25px; line-height:25px; overflow:hidden; text-transform:uppercase; text-align:center;margin:0 0 25px 0}
#show7 li .pic { position:relative; overflow:hidden}
#show7 li .content { background:#00a0e9;color:#fff; text-align:center;padding:10px 10px 10px 10px;}
#show7 li .content .list { line-height:25px;  height:75px; overflow:hidden}
#show7 .cons {margin:30px 0 -50px 0}

#rightmenu { position:relative;}
#rightmenu ul { position:fixed; z-index:999;left:50%;top:50%;margin-top:-140px;margin-left:615px; background:#f5f4f4;width:120px;padding:20px 0 20px 30px; line-height:35px}
#rightmenu ul li i { display:inline-block;width:10px; height:10px;border-radius:50%;border:1px solid #666;margin:11px 10px 0 0; vertical-align:top;}
#rightmenu ul li a:hover,#rightmenu ul li a.cur {color:#00a0e9;}
#rightmenu ul li a:hover i,#rightmenu ul li a.cur i { background:#00a0e9;border-color:#00a0e9}
.mainsubject { text-align:center;margin:50px 0 40px 0;color:#333}
.mainsubject p{font-size:30px;border-bottom:1px solid #00a0e9; line-height:65px; height:65px; display:inline-block;margin:0 auto}
.application .panes dd {width:23.875%;margin:0 1.5% 0 0}
.application .panes dd.no {margin-right:0}
.application .panes dd .pic { border:1px solid #ccc;}
.kfjz { background:#f5f5f5;padding:10px 0 70px 0;margin-top:50px}
.kfjz li {float:left;width:23.875%;margin:2% 1.5% 0 0;}
.kfjz li.no {margin-right:0}
.kfjz li .pic { position:relative;border:1px solid #ccc; background:#fff;padding:10px; overflow:hidden}
.kfjz li .pic div { position:relative}
.kfjz li .title { height:20px; line-height:20px; overflow:hidden; text-align:center;margin-top:15px}

.partner {margin:50px 0 10px 0}
.partner li {float:left;width:23.875%;margin:1.5% 1.5% 0 0;}
.partner li.no {margin-right:0}
.partner li .pic { position:relative;border:1px solid #ccc; background:#fff;padding:10px; overflow:hidden}
.partner li .pic div { position:relative}
.namemj2 { position:absolute; z-index:1;margin-top:0px; display:block; height:0;width:100%}
.newscase { text-align:center;border-bottom:1px solid #ccc;padding:50px 0}
.newscase li { display:inline-block;border:1px solid #ccc; height:40px; line-height:40px;margin-left:-1px;}
.newscase li a {font-size:20px; display:block;padding:0 35px;}
.newscase li a:hover,.newscase li.check a { background:#00a0e9;color:#fff;border-color:#00a0e9;}
.news li {border-bottom:1px solid #ccc;padding:50px 0}
.news li .pic {float:left;width:30%; overflow:hidden}
.news li .cons {float:right;width:66%}
.news li .cons .title { height:28px; line-height:28px; overflow:hidden;margin-top:10px}
.news li .cons .title a {font-size:28px;}
.news li .cons .addtime {font-size:20px;margin:15px 0 20px 0}
.news li .cons .content { line-height:25px; height:75px; overflow:hidden}
.news li .cons .more { text-align:right}
.news li .cons .more a { display:block;width:150px; height:40px; line-height:40px;border:1px solid #00a0e9;color:#00a0e9;font-size:18px; text-align:center;margin:30px 0 0 auto}
.news li .cons .more a:hover { background:#00a0e9;color:#fff;}
.nshow .mcurrent {border:0;margin:30px 0 0 0}
.nshow .title {font-size:28px; line-height:40px;}
.nshow .title2 {color:#999;margin:5px 0 30px 0}
.nshow .newsprevnext {margin-top:50px}
.nshow .newsprevnext .bdsharebuttonbox {float:left;}
.nshow .newsprevnext .prevnext {float:right}
.nshow .newsprevnext .prevnext a { display:inline-block;width:150px; height:40px; line-height:40px; text-align:center;border:1px solid #00a0e9;color:#00a0e9;font-size:18px;margin-left:-1px;}
.nshow .newsprevnext .prevnext a:Hover { background:#00a0e9;color:#fff}
.company {margin:0 0 50px 0}
.company .mainsubject{margin-left:33%}
.company .cons .video { text-align:left;width:32%; height:330px;float:left;margin:0 50px 30px 0}
.company .cons .video iframe {width:100%; height:330px}
.history {float:left;width:49%; text-align:center}
.prohistory {float:right;width:49%}
.history .title { background:#00a0e9;color:#fff; text-align:center; height:55px; line-height:55px;font-size:20px;margin:0 0 30px 0}
.culture { background:#f5f5f5;padding:1px 0 50px 0;margin-top:50px; text-align:center}
.culture .cons {margin-top:50px}
.culture2 {border-bottom:1px solid #ccc;padding:10px 0 70px 0}
.culture2 .cul4 {padding:0 5%;margin-top:50px}
.culture2 .cul4 li { display:inline-block; vertical-align:top;width:21%; margin:0 2%; text-align:center; position:relative}
.culture2 .cul4 li .list { position:absolute; z-index:2;width:100%; height:100%; background:#f5f5f5;border-radius:50%;}
.culture2 .cul4 li .list .title {font-size:28px;color:#00a0e9;}
.culture2 .cul4 li .list .line {  height:1px; background:#ccc; width:60px;margin:20px auto 15px auto}
.culture2 .cul4 li .list .cons { line-height:25px; height:50px; overflow:hidden}
.culture2 .consmid { text-align:center;font-size:16px; line-height:35px;margin:50px 0}
.culture2 .culpic {margin-top:-2%}
.culture2 .culpic li {float:left;width:32%;margin:2% 2% 0 0;}
.culture2 .culpic li.no {margin-right:0}
.culture2 .culpic li .pic { position:relative; overflow:hidden}
.culture2 .culpic li .title { background:#00a0e9;color:#fff; height:50px; line-height:50px;font-size:20px; text-align:center}
.aboutnews ul {margin-top:-2%}
.aboutnews li {float:left;width:46%;margin:3% 4% 0 0;}
.aboutnews li.no {margin-right:0}
.aboutnews li .pic {float:left;width:45%; overflow:hidden}
.aboutnews li .cons {float:right;width:50%;}
.aboutnews li .cons .addtime {font-size:18px;margin-top:-3px}
.aboutnews li .cons .title  {  height:25px; line-height:25px; overflow:hidden;margin:3px 0 15px 0}
.aboutnews li .cons .title a {font-size:18px;color:#333}
.aboutnews li .cons .content { line-height:25px; height:75px; overflow:hidden}
.aboutnews li .cons .more { text-align:right;margin:10px 5px 0 0}
.aboutnews li .cons .more a {color:#00a0e9;}
.job { background:#f5f5f5;padding:10px 0 80px 0;margin:70px 0 -80px 0}
.job ul {margin-top:0}
.job li {float:left;width:50%;border-right:1px solid #00a0e9;padding:0 5% 0 0;margin:3% 0 0 0}
.job li.no {padding:0 0 0 6%;border:0}
.job li .title {font-weight:bold;font-size:24px;}
.job li .subject { background:#00a0e9;color:#fff;width:90px; height:35px; line-height:35px; border-radius:10px; text-align:center;margin:30px 0 20px 0}
.kfjs ul {margin-top:-1%}
.kfjs li{float:left;margin:2% 2% 0 0;width:23.5%}
.kfjs li.no {margin-right:0}
.kfjs li .pic { position:relative; overflow:hidden}
.kfjs li .pic .list { position:absolute; z-index:2;width:100%; height:100%; background:rgba(0,160,233,0.8); text-align:center;color:#fff;opacity:0}
.kfjs li .pic .list:hover { opacity:1}
.kfjs li .pic .list h1 {font-weight:bold;font-size:30px;}
.kfjs li .pic .list h2 {font-size:24px;font-weight:bold;margin:10px 0 0 0}
.kfjs li .title {border:1px solid #ccc;padding:10px 20px 14px 20px;}
.kfjs li .title p { line-height:22px; height:44px; overflow:hidden;}
.kfxz { background:#f5f5f5;padding:1px 0 70px 0;margin-top:70px}
.kfgj { background:#fff;margin-top:0}
.sltz {border-top:1px solid #ccc; background:#fff;margin-top:0}
.sltz td {padding:20px 0}
.zlzs { background:#f5f5f5;padding:1px 0 60px 0}
.zlzs ul {margin-top:-4%}
.zlzs li {float:left;width:16%;margin:5% 5% 0 0}
.zlzs li.no {margin-right:0}
.zlzs li .pic { position:relative; overflow:hidden;border:5px solid #444; cursor:pointer}
.zlzs li .title { text-align:center; height:25px; line-height:25px; overflow:hidden;margin-top:15px}
.jcsb {border-bottom:1px solid #ccc;padding:0 0 60px 0}
.jcsb .u1 { text-align:center;margin:70px 0 40px 0}
.jcsb .u1 li {float:left;width:40%;margin:0 5%; text-align:left}
.jcsb .u1 li .pic { display:inline-block; vertical-align:middle;width:31%;}
.jcsb .u1 li .cons { display:inline-block; vertical-align:middle;width:64%;margin-left:5%;font-size:20px; line-height:30px;color:#00a0e9}
.jcsb .u2 li {float:left;width:23.5%;margin:20px 1% 0 0;}
.jcsb .u2 li.no {margin-right:0;}
.jcsb .u2 li .pic { position:relative; overflow:hidden; }
.jcsb .u2 li .title { height:25px; line-height:25px; overflow:hidden; text-align:center;margin-top:10px}
.scsb {border:0;padding:0}
.jcbg ul {margin-top:-1%}
.jcbg li {float:left;width:23.5%;margin:2% 2% 0 0}
.jcbg li.no {margin-right:0}
.jcbg li .pic {border:1px solid #ccc; position:relative; overflow:hidden}
.jcbg li .title { height:25px; line-height:25px; overflow:hidden; text-align:center;margin-top:10px}
.jlrz { background:#f5f5f5;padding:1px 0 70px 0;margin-top:70px}
.jlrz .u1 {margin:70px 0 40px 0}
.jlrz .u1 li {float:left;margin:0 3% 0 0;width:31.3333%;}
.jlrz .u1 li.f3 {margin-right:0}
.jlrz .u1 li .pic {float:left;width:28%;}
.jlrz .u1 li .cons {float:right;width:70%;}
.jlrz .u1 li .cons .title {font-size:24px;margin:0 0 15px 0;color:#333}
.jlrz .u2 li {float:left;width:23.5%;margin:2% 2% 0 0;}
.jlrz .u2 li.no {margin-right:0}
.jlrz .u2 li .pic { position:relative; overflow:hidden;border:1px solid #ccc;}
.jlrz .u2 li .title { height:25px; line-height:25px; overflow:hidden; text-align:center;margin-top:10px}
.shfw li {float:left;width:18.4%;margin:0 2% 0 0;border:1px solid #ccc;}
.shfw li.f5 {margin-right:0}
.shfw li .pic { position:relative; overflow:hidden;}
.shfw li .cons { background:#f5f5f5;padding:15px 10px; text-align:center}
.shfw li .cons .title {color:#00a0e9;font-size:20px; height:20px; line-height:20px; overflow:hidden;margin:7px 0 18px 0}
.shfw li .cons .content { line-height:25px;  height:125px; overflow:hidden;}
.xszc {border-bottom:1px solid #ccc;padding:0 0 70px 0}
.download { background:#f5f5f5;padding:1px 0 70px 0;margin-top:70px}
.tabPanel2 {}
.tabPanel2 ul{ text-align:center;}
.tabPanel2 ul li{ display:inline-block; text-align:center;font-size:18px; cursor:pointer;border:1px solid #ccc;margin-left:-1px; height:45px; line-height:45px;padding:0 3%}
.tabPanel2 ul li.hit {color:#fff;border-color:#00a0e9; background:#00a0e9}
.panes2 {max-width:915px;margin:50px auto 0 auto}
.panes2 .pane { display:none;}
.panes2 .pane table {border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.panes2 .pane td {border:1px solid #ccc;border-right:0;border-bottom:0;padding:15px 3%;font-size:16px;width:18%}
.panes2 .pane td a {font-size:16px;color:#00a0e9;}
.panes2 .pane td.td1 {width:46%;}
.panes2 .pane td.td2 { text-transform:uppercase;}
.panes2 .pane .tr1 td { background:#00a0e9;color:#fff;font-size:18px;}
.contact .left {float:left;width:47%;}
.contact .left .company {font-size:24px; line-height:35px;margin:0 0 20px 0}
.contact .left iframe,#container {width:100%; height:260px;}
.contact .left .cons {margin:20px 0}
.contact .left .tel span {color:#00a0e9;font-size:30px;}
.contact .right {float:right;width:47%;}
.contact .right .subject {font-size:24px;border-bottom:1px solid #ccc;padding:8px 0 20px 0;}
.contact .right .cons {margin-top:30px}
.contact .right .cons table {border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.contact .right .cons td {border:1px solid #ccc;border-right:0;border-bottom:1px; text-align:center;padding:10px}
.contact .right .cons .tr1 td { background:#00a0e9;color:#fff;border-color:#00a0e9}

.sitemap { background:#f5f5f5;margin:50px 0 -30px 0;padding:30px 50px 50px 50px}
.sitemap dl {border-bottom:1px solid #ccc;padding:20px 0}
.sitemap dt {margin-bottom:8px}
.sitemap dt a {color:#00a0e9;font-size:18px;}
.sitemap dt a:hover { text-decoration:underline}
.sitemap dt.b a {color:#666}
.sitemap dt.c {margin-top:10px}
.sitemap dd { display:inline-block; vertical-align:top;margin:0 15px 0 0}



.foot { background:#333;color:#a7a7a7;margin-top:80px;padding:45px 0}
.foot a {color:#a7a7a7}
.foot .left {float:left;}
.foot .left span.ht {color:#fff;font-size:20px}
.foot .left img {margin:0 0 30px 0}
.foot .right {float:right; text-align:right}
.foot .right dl { display:inline-block; vertical-align:top; text-align:left;margin-left:60px}
.foot .right dl.first {margin-left:0}
.foot .right dl dt {margin:0 0 30px 0}
.foot .right dl dt a {font-size:18px;}
.foot .bdsharebuttonbox { text-align:right;float:right;margin-top:50px}
.foot .bdsharebuttonbox a {margin:0;}
.foot .bdsharebuttonbox a.bds_tsina { background:url(../images/s1.png) no-repeat;width:30px; height:24px;}
.foot .bdsharebuttonbox a.bds_weixin { background:url(../images/s2.png) no-repeat;width:30px; height:25px;}
.foot .bdsharebuttonbox a.bds_douban { background:url(../images/s3.png) no-repeat;width:21px; height:21px;}
.fixright { position:fixed; z-index:99999; right:0px;top:50%;margin-top:-215px;}
.fixright li { cursor:pointer; background:#b5b6b6;border-top:1px solid #fff;width:85px; height:70px;padding:15px 0 0 0;text-align:center;color:#fff; position:relative;font-size:12px;}
.fixright li a {color:#fff;font-size:12px;}
.fixright li:hover { background:#00a0e9}
.fixright li .cons { position:absolute; z-index:-1}
.fixright li i { display:block;width:31px; height:31px; background-position:center;margin:0px auto 5px auto;}
.fixright li.tel i { background:url(../images/r1.png) no-repeat center;}
.fixright li.tel .cons { position:absolute; z-index:-1;right:-110px;width:190px; height:85px;background:#00a0e9; text-align:center; line-height:85px;font-size:25px;top:0}
.fixright li.tel:hover .cons {right:80px}
.fixright li.qq .cons a {font-size:25px}
.fixright li.wx i { background:url(../images/r3.png) no-repeat center;}
.fixright li.wx .cons { position:absolute; z-index:-1;right:-25px;width:105px;top:-87px}
.fixright li.wx:hover .cons {right:85px}
.fixright li.fb i { background:url(../images/r4.png) no-repeat center;}
.fixright li.back i { background:url(../images/r5.png) no-repeat center;}
.message { position:fixed; z-index:9999999;width:100%; height:100%; background:rgba(0,0,0,0.8);top:0;left:0; display:none;}
.message .cons { position:absolute; z-index:1;width:640px; height:360px; background:#fff;top:50%;left:50%;margin:-180px 0 0 -320px;padding:30px 30px 0 20px;border-radius:5px}
.message .cons .title { position:relative; text-align:center;margin:0 0 20px 0}
.message .cons .title p { position:absolute; z-index:2;right:-42px;top:-42px;width:24px; height:24px; background:url(../images/close.png) no-repeat; cursor:pointer}
.message .cons h1 {float:left;width:48%;margin:5px 1%; position:relative;padding:0 0 0 70px;}
.message .cons h1 p { position:absolute; z-index:1;width:60px; text-align:right;font-size:14px;left:0}
.message .cons h1 p i {font-size:12px;margin:4px 5px 0 0; vertical-align:top; display:inline-block}
.message .cons h1.blue p {color:#00a0e9;}
.message .cons h1 input[type="text"]{ background:#faf9f9; height:30px; line-height:30px;border:1px solid #e4e3e3;padding:0 10px;width:100%}
.message .cons h2 { text-align:right;margin-top:15px}
.message .cons h2 #dbtn { background:#00a0e9;color:#fff;border-radius:10px; height:30px; line-height:30px;width:100px; text-align:center;margin:0 0 0 auto; cursor:pointer}