/* 



循展



*/



/* 首页searching */

.searching {

  display: none;

  height: 50px;

  background-color: #fff;

  width: 100%;

  border-bottom: 1px solid #ccc;

}

.searching .container {

  padding: 0px;

  position: relative;

}

.searching .container>i {

  font-size: 30px;

  position: absolute;

  left: 0px;

  top: 50%;

  transform: translateY(-50%);

}

.searching .container form i {

  font-size: 30px;

  position: absolute;

  right: 0px;

  top: 50%;

  transform: translateY(-50%);

}

.searching .container button {

  width: 40px;

  height: 40px;

  background-color: #fff;

  border: none;

  position: absolute;

  right: 0px;

  top: 50%;

  transform: translateY(-50%);

}

.searching input {

  padding-left: 49px;

  line-height: 49px;

  font-size: 20px;

  width: 100%;

}





.mobile-foot {

  background: #2ca9e8;

  padding: 8px 0;

  position: fixed !important;

  bottom: 0 !important;

  left: 0 !important;

  width: 100%;

  z-index: 9999;

  display: none;

}



.mobile-foot a {

  color: #fff;

  height: 35px;

  line-height: 33px;

  border: 1px solid #fff;

  border-radius: 4px;

  text-align: center;

  width: 22%;

  padding: 0 15px;

  margin: 0 5px;

  transition: .3s;

  -o-transition: .3s;

  -moz-transition: .3s;

  -webkit-transition: .3s;

  padding: 0px;

}



.pull-left {

  float: left !important;

}



.pull-right {

  float: right !important;

}



.btn {

  display: inline-block;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 400;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  cursor: pointer;

  border: 1px solid transparent;

  border-radius: 4px;

}



@media(max-width:480px) {

  .mobile-foot {

    display: block;

  }

  .power .shows ul li {

  width: 100%;

  margin-right: 1.3%;

  float: left;

}

.power .shows {

  margin-top: 30px;

  padding: 0px 10px;

}



}



/* 百度地图css */

.iw_poi_title {

  color: #CC5522;

  font-size: 14px;

  font-weight: bold;

  overflow: hidden;

  padding-right: 13px;

  white-space: nowrap

}



.iw_poi_content {

  font: 12px arial, sans-serif;

  overflow: visible;

  padding-top: 4px;

  white-space: -moz-pre-wrap;

  word-wrap: break-word

}



/* 插件中的样式 */

.navbar-default .navbar-nav>li>a {

  color: #777;

  font-size: 14px;

}



.navcon {

  padding: 0px;

}



.navbar {

  margin-bottom: 0px;

}



.navbar-header.clearfix {

  padding: 10px 0px;

  position: relative;

}



.navbar-header img {

  position: absolute;

  width: 40%;

  left: 15px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  height: 80%;

}



@charset "utf-8";



/* 这个css是初始化的css，在任何项目里面都可以使用 */



/* 禁用iPhone中Safari的字号自动调整 */

html {

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  /* 解决IOS默认滑动很卡的情况 */

  -webkit-overflow-scrolling: touch;

  font-family: "Source Han Sans CN";

}



/* 禁止缩放表单 */

input[type="submit"],

input[type="reset"],

input[type="button"],

input {

  resize: none;

  border: none;

}



/* 取消链接高亮  */

a {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* 设置HTML5元素为块 */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}



/* 图片自适应 */

// img {

//  width: 100%;

//  height: auto;

//  width: auto\9; /* ie8 */

//  display: block;

//  -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/

// }



/* 初始化 */

body,

div,

ul,

li,

ol,

h1,

h2,

h3,

h4,

h5,

h6,

input,

textarea,

select,

p,

dl,

dt,

dd,

a,

img,

button,

form,

table,

th,

tr,

td,

tbody,

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  margin: 0;

  padding: 0;

}



body {

  font: 12px/1.5 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;

  color: #555;

  background-color: #fff;

}



em,

i {

  font-style: normal;

}



ul,

li {

  list-style-type: none;

}



/*strong {

  font-weight: normal;

}*/

.clearfix:after {

  content: "";

  display: block;

  visibility: hidden;

  height: 0;

  clear: both;

}



.clearfix {

  zoom: 1;

}



a {

  text-decoration: none;

  color: #969696;



}



a:hover {

  text-decoration: none;

}



ul,

ol {

  list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;



}



img {

  border: none;

}



input {}



input,

button,

select,

textarea {

  outline: none

}



textarea {

  resize: none

}



/*单行溢出*/

.one-txt-cut {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



/*多行溢出 手机端使用*/

.txt-cut {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}



.w50 {

  width: 50%;

}



.w25 {

  width: 25%;

}



.w20 {

  width: 20%;

}



.w60 {

  width: 60%;

}



.w75 {

  width: 75%;

}



.w80 {

  width: 80%;

}



.w90 {

  width: 90%;

}



.w95 {

  width: 95%;

}



.w100 {

  width: 100%;

}



.w30 {

  width: 30%;

}



.w33 {

  width: 33.333333%;

}



.fl {

  float: left;

}



.fr {

  float: right;

}



.db {

  display: block !important;

}



.dn {

  display: none;

}







/* index.html */

.navs {}



.navs>.top {

  height: 38px;

  line-height: 38px;

  background: #f8f8f8;

}



.navs>.top .container {

  padding: 0px;

  height: 38px;

  line-height: 38px;

}



.navs>.top .left {

  float: left;

  font-size: 14px;

  color: rgb(90, 90, 90);

}



.navs>.top .right {

  float: right;

  font-size: 14px;

  color: rgb(90, 90, 90);

  height: 38px;

  line-height: 38px;

}



.navs>.top .right i {

  vertical-align: middle;

  font-size: 20px;

}







.navs>.bottom {

  background: #fff;

}



.navs>.bottom .container {

  padding: 0px;

  height: 80px;

  position: relative;

}



.navs>.bottom .container .left {

  position: absolute;

  left: 0px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}



.navs>.bottom ul {

  float: right;

  margin-top: 25px;

}



.navs>.bottom ul li {

  line-height: 80px;

  /* margin-left: 45px; */

  float: left;

  padding: 0px 13px;

  height: 30px;

  line-height: 30px;

  margin: 0px 5px;

}



.navs>.bottom ul li:last-child {

  margin-right: 0px;

  /* padding-right: 0px; */

}



.navs>.bottom ul li.active {

  background: #008dd4;

}



.navs>.bottom ul li.active a {

  color: #fff;

}



.navs>.bottom ul li a {

  font-size: 16px;

  color: rgb(90, 90, 90);

}



/* .navs>.bottom ul li a:hover{

  color:#008cd6;

} */



.banner {

  position: relative;

}



.banner .bottom {

  z-index: 10000;

  position: absolute;

  bottom: 40px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}



.banner .bottom .container {

  padding: 0px;

  position: absolute;

  bottom: 0px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}



.banner .bottom .container .box {

  width: 78%;

  position: absolute;

  left: 50%;

  bottom: 0px;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}



.banner .bottom .container .dd {

  display: inline-block;

  width: 145px;

  height: 145px;

  background: #fff;

  box-shadow: 0px 0px 10px #fff;

  margin-right: 40px;

  position: relative;

}



.banner .bottom .container .dd .in {

  text-align: center;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}



.banner .bottom .container .dd .in i {

  font-size: 40px;

  color: rgb(0, 141, 212);

}



.banner .bottom .container .dd .in p {

  font-size: 14px;

  color: rgb(0, 141, 212);

  line-height: 2.571;

}



.banner .bottom .container .dd .in p a {

  color: rgb(0, 141, 212);

}





.banner .bottom .container .dd:last-child {

  margin-right: 0px;

}



.banner img {

  width: 100%;

}



.banner .swiper-container {

  /* width: 100%; */

}



/* .title{

  text-align: center;

}

.title p.fir{

  font-size: 28px;

  color: rgb( 63, 63, 63 );

  margin-bottom: 15px;

}

.title p.sec{

  font-size: 35px;

  color: rgb( 63, 63, 63 );

  margin-bottom: 15px;

}

.title .border span{

  display: inline-block;

  width: 55px;

  height: 2px;

  background: #6d6d6d;

}

.title .border{

  margin-bottom: 30px;

}

.title p.four{

  font-size: 16px;

  color: rgb( 63, 63, 63 );

  line-height: 2;

}

.title p.four a{

  float: right;

  font-size: 14px;

  color: #3f3f3f;

}

.title p.four a:hover{

  color: #008cd6;

}



.title .cate{

  margin-top: 30px;

  text-align: center;

  position: relative;

}

.title .cate>a{

  position: absolute;

  right: 0px;

  top: 50%;

  -webkit-transform: translateY( -50%);

  -moz-transform: translateY( -50%);

  -ms-transform: translateY( -50%);

  -o-transform: translateY( -50%);

  font-size: 14px;

  color: #3f3f3f;

}

.title .cate>a:hover{

  color: #008cd6;

}

.title .cate span{

  display: inline-block;

  padding: 0px 35px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  border: 1px solid #959595;

  color: rgb( 90, 90, 90 );

  font-size: 16px;

  margin: 0px 25px;

}

.title .cate span a{

  color: rgb( 90, 90, 90 );

}

.title .cate span.active{

  background: #008cd6;

  border: 1px solid transparent;

}

.title .cate span.active a{

  color: #fff;

} */







.aboutus {

  padding: 80px 0px 0px;

}



.aboutus .title {

  margin-bottom: 60px;

}



.aboutus .bottom {

  position: relative;

}



.aboutus .bottom>img {

  width: 100%;

  height: 600px;

}



.aboutus .bottom .container {

  height: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}



.aboutus .bottom .container>div {

  height: 100%;

}



.aboutus .bottom .container>.left {

  position: relative;

}



.aboutus .bottom .container>.left img {

  position: absolute;

  left: 0%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

}



.aboutus .bottom .container>.right p.ff {

  font-size: 32px;

  color: rgb(255, 255, 255);

  line-height: 1.978;

}



.aboutus .bottom .container>.right .bb {

  padding-left: 8px;

}



.aboutus .bottom .container>.right .bb span {

  display: inline-block;

  width: 120px;

  height: 3px;

  background: #fff;

}



.aboutus .bottom .container>.right p.ss {

  font-size: 20px;

  color: rgb(255, 255, 255);

  line-height: 2.288;

}



.aboutus .bottom .container>.right p.det {

  font-size: 14px;

  color: rgb(255, 255, 255);

  line-height: 2;

}



.aboutus .bottom .container>.right a {

  display: inline-block;

  width: 130px;

  height: 45px;

  border: 1px solid #fff;

  text-align: center;

  line-height: 45px;

  color: #fff;

  font-size: 14px;

  float: right;

  margin-top: 65px;

}





.indexpro {

  padding-top: 90px;

}



.indexpro .container {

  padding: 0px;

}



.indexpro>.bottom {

  margin-top: 50px;

  position: relative;

}



.indexpro>.bottom>img {

  width: 100%;

  height: 800px;

}



.indexpro>.bottom .container {

  font-size: 0px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}



.indexpro>.bottom .container .w25 {

  display: inline-block;

  /* width: 25%; */

  width: 260px;

  height: 800px;

  background: #fff;

  transform: skew(-9deg);



  position: relative;

  left: 65px;

}



.indexpro>.bottom .container .w25 .inner {

  display: none;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}



.indexpro>.bottom .container .w25 .box {

  /* display: none; */

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}



.indexpro>.bottom .container .w25 .tt {

  margin-bottom: 50px;

}



.indexpro>.bottom .container .w25 dl {}



.indexpro>.bottom .container .w25 dl dd {

  font-size: 16px;

  line-height: 2.681;

}



.indexpro>.bottom .container .w25 dl dd a {

  color: #fff;

}



.indexpro>.bottom .container .w25 dl dd a:hover {

  color: rgb(255, 178, 212);

}



.indexpro>.bottom .container .w25 .box>a {

  font-size: 38px;

  color: rgb(255, 255, 255);

  line-height: 1.129;

  display: block;

  padding-bottom: 20px;

}



.indexpro>.bottom .container .w25 .box:hover>a {

  color: rgb(255, 178, 212);

}



.indexpro>.bottom .container .w25:hover .inner {

  display: block;

}







.indexnews {

  padding: 90px 0px 30px;

}



.indexnews .container {

  padding: 0px;

}



.indexnews .container ul {

  margin-top: 40px;

}



.indexnews .container ul li {

  width: 360px;

  float: left;

  margin-right: 45px;

  margin-bottom: 50px;

}



.indexnews .container ul li:nth-child(3),

.indexnews .container ul li:nth-child(6) {

  margin-right: 0px;

}



.indexnews .container ul li .top {}



.indexnews .container ul li .top a {

  display: inline-block;

}



.indexnews .container ul li .top a img {

  width: 100%;

}



.indexnews .container ul li:hover .bottom {

  color: #fff;

  background: #008cd6;

  padding-left: 15px;

  border-bottom: none;

}



.indexnews .container ul li:hover .bottom p.fi {

  color: #fff;

}



.indexnews .container ul li:hover .bottom p.fi a {

  color: #fff;

}



.indexnews .container ul li:hover .bottom p.se {

  color: #fff;

}



.indexnews .container ul li .bottom {

  padding: 15px 0px;

  border-bottom: 1px solid #a5a5a5;

}



.indexnews .container ul li .bottom p.fi {

  font-size: 14px;

  color: rgb(112, 112, 112);



}



.indexnews .container ul li .bottom p.fi a {

  color: rgb(112, 112, 112);

}



/* .indexnews .container ul li .bottom p.fi a:hover{

  color: #008cd6;

} */

.indexnews .container ul li .bottom p.se {

  color: #707070;

  font-size: 12px;

}







footer {}



footer .top {

  padding: 60px 0px;

  background: #fafafa;

}



footer .top .container {

  padding: 0px;

}



footer .top .container>a {

  display: inline-block;

  margin: 20px 30px 20px 5px;

}



footer dl {

  display: inline-block;

  margin-right: 55px;

  vertical-align: top;

}



footer dl:last-child {

  margin-right: 0px;

  float: right;

}



footer dl dt {

  font-size: 14px;

  color: rgb(166, 166, 166);

  line-height: 2.286;

}



footer dl dd {

  font-size: 12px;

  color: rgb(192, 192, 192);

  line-height: 2.167;

}



footer dl dd a {

  font-size: 12px;

  color: rgb(192, 192, 192);

}



footer dl dd a:hover {

  color: #000;

}







footer .bottom {

  text-align: center;

  /* height: 42px;

  line-height: 42px; */

  height: 37px;

  line-height: 37px;

  font-size: 13px;

  color: rgb(166, 166, 166);

  background: #f4f4f4;

}







.ban {}



.ban img {

  width: 100%;

}





.innertitle {

  height: 42px;

  line-height: 42px;

  border-bottom: 1px dashed #ededed;

}



.innertitle .container {

  padding-left: 15px;

  font-size: 14px;

  color: rgb(112, 112, 112);

}



.innertitle .container span {

  vertical-align: middle;

  display: inline-block;

  width: 3px;

  height: 15px;

  background: #008cd6;

  margin-right: 10px;

}



.innertitle .container a {

  font-size: 14px;

  color: rgb(112, 112, 112);

}



.innertitle .container a:hover {

  color: #008cd6;

}





.innertop {

  text-align: center;



}



.innertop .container {

  font-size: 0px;

  padding: 35px 0px;

  border-bottom: 1px solid #eaeaea;

}



.innertop .container span {

  display: inline-block;

  height: 45px;

  line-height: 45px;

  font-size: 16px;

  color: rgb(112, 112, 112);

  padding: 0px 35px;

  border: 1px solid #bababa;

  margin: 0px 12px;

}



.innertop .container span a {

  font-size: 16px;

  color: rgb(112, 112, 112);

}



.innertop .container span.active {

  background: #008cd6;

  border: 1px solid transparent;

}



.innertop .container span.active a {

  color: #fff;

}



.product {}



.product .container {

  padding: 0px;

}



.product .container .topic {

  padding: 43px 0px 55px;

  /* position: relative; */

  /* height: 182px; */

}



.product .container .topic ul {

  text-align: center;

  /* position: absolute;

  left: 50%;

  -webkit-transform: translateX( -50%);

  -moz-transform: translateX( -50%);

  -ms-transform: translateX( -50%);

  -o-transform: translateX( -50%); */

}



.product .container .topic ul li {

  /* width: 277px; */

  width: 213px;

  /* height: 84px; */

  /* float: left; */

  display: inline-block;

  margin-right: 20px;

  text-align: center;

  /* line-height: 84px;  */

  position: relative;

}



.product .container .topic ul li img {

  width: 100%;

}



.product .container .topic ul li a {

  color: #fff;

  font-size: 17px;

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  line-height: 64px;

}



.product .container .topic ul li:last-child {

  margin-right: 0px;

}



.product .container .bottom {

  padding: 40px;

  border: 1px solid #eaeaea;

  margin-bottom: 37px;

}



.problem {}



.problem .container {

  padding: 20px 0px;

}



.about {

  margin-bottom: 30px;

}



.about .container {

  line-height: 2;

  font-size: 14px;

  padding: 20px 0px;

}



.about .container img {

  max-width: 100%;

}



.about .container th {

  text-align: center;

}





.proshow {}



.proshow .container {

  padding: 0px;

}



.proshow .container ul {

  padding-top: 35px;

}



.proshow .container ul li {

  margin-bottom: 35px;

  width: 369px;

  margin-right: 27px;

  display: inline-block;

}



.proshow .container ul li:nth-child(3n+3) {

  margin-right: 0px;

}



.proshow .container ul li .top {}



.proshow .container ul li .top a {

  display: block;

  overflow: hidden;

}



.proshow .container ul li .top a img {

  width: 100%;

  transition: 1.2s;

}



.proshow .container ul li .top a img:hover {

  transition: 1.2s;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}



.proshow .container ul li:hover p {

  background: #008cd6;

}



.proshow .container ul li:hover p a {

  color: #fff;

}



.proshow .container ul li p {

  color: rgb(112, 112, 112);

  font-size: 14px;

  text-align: center;

  height: 50px;

  line-height: 50px;

  border: 1px solid #eaeaea;

  border-top: none;

}



.proshow .container ul li p a {

  color: rgb(112, 112, 112);

  font-size: 14px;

}





.proshowin {

  padding: 55px 0px 70px;

}



.proshowin .container {

  font-size: 0px;

  padding: 0px;

}



.proshowin .container>div {

  display: inline-block;

  vertical-align: top;

}



.proshowin .container>.right {

  padding-left: 28px;

  padding-top: 100px;

}



.proshowin .container>.right p.fir {

  font-size: 27.732px;

  color: rgb(0, 140, 214);

  line-height: 1.547;

}



/* .proshowin .container>.right p.detail{

  font-size: 14px;

  color: rgb( 112, 112, 112 );

  line-height: 2.906;

} */





.proshowin .container>.right p.detail {

  font-size: 14px;

  color: rgb(131, 131, 131);

  line-height: 2;

}







/* .proshowin .container>.right .hot{

  font-size: 16px;

  color: #008cd6;

  margin-top: 10px;

} */







/* .proshowin .container>.right .hot span{

  vertical-align: middle;

  display: inline-block;

  width: 32px;

  height: 32px;

  border: 1px solid #008cd6;

  border-radius: 100%;

  position: relative;

}

.proshowin .container>.right .hot span i{

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  color: #008cd6;

  font-size: 18px;

} */





.prodetail {}



.prodetail .container {

  padding: 0px;

}



.prodetail .container img {

  max-width: 100%;

}



.prodetail .container>p {}



.prodetail .container>p span {

  display: inline-block;

  text-align: center;

  line-height: 48px;

  width: 122px;

  height: 48px;

  background: #008dd4;

  font-size: 16px;

  color: rgb(255, 255, 255);

}



.prodetail .container .bb {

  border: 1px solid #eaeaea;

  font-size: 14px;

  color: rgb(131, 131, 131);

  line-height: 2;

  padding: 30px 20px;

}



.prodetail .container .prne {

  padding: 25px 0px;

  font-size: 14px;

  color: rgb(144, 144, 144);

  line-height: 2;

}



.prodetail .container .prne .left {

  float: left;

}



.prodetail .container .prne .right {

  float: right;

}









.link {

  padding: 25px 0px 40px;

}



.link .container {

  padding: 0px;

}



.link .container .maple {}



.link .container .maple img {

  width: 100%;

}



.link .container .submit {

  margin-top: 45px;

}



.link .container .submit .online {

  font-size: 32px;

  color: rgb(90, 90, 90);

  line-height: 1.341;

}



.link .container .submit .star {

  font-size: 16px;

  color: rgb(112, 112, 112);

  line-height: 2.681;

}



.link .container .submit form {}



.link .container .submit form .top {

  margin-top: 15px;

}



.link .container .submit form .top p {

  font-size: 16px;

  color: rgb(122, 122, 122);

  margin-bottom: 20px;

}



.link .container .submit form .top .left {

  padding: 0px;

}



.link .container .submit form .top .right {

  padding: 0px;

}



.link .container .submit form .top input {

  height: 45px;

  border: 1px solid #f3f3f3;

  width: 100%;

  padding-left: 15px;

  font-size: 15px;

  color: rgb(112, 112, 112);

  background: transparent;

}



.link .container .submit form .top p {}



.link .container .submit form .mid {

  margin-top: 15px;

}



.link .container .submit form .mid p {

  font-size: 16px;

  color: rgb(122, 122, 122);

  margin-bottom: 15px;

}



.link .container .submit form .mid textarea {

  width: 100%;

  height: 113px;

  border: 1px solid #f3f3f3;

  padding: 10px;

  font-size: 16px;

  color: rgb(122, 122, 122);

}



.link .container .submit form .bottom {

  margin-top: 35px;

  text-align: center;

  font-size: 0px;

}



.link .container .submit form .bottom button {

  width: 115px;

  height: 45px;

  background: #313131;

  border: none;

  font-size: 18px;

  color: rgb(255, 255, 255);

  margin: 0px 42px;

}







.article {}



.article .container {

  padding: 0px;

}



.article .container>ul {

  padding-top: 50px;

}



.article .container>ul>li {

  width: 358px;

  display: inline-block;

  vertical-align: top;

  border-bottom: 1px solid #b7b7b7;

  margin-right: 44px;

  margin-bottom: 50px;

}



.article .container>ul>li:hover {

  border-bottom: 1px solid transparent;

}



.article .container>ul>li:nth-child(3),

.article .container>ul>li:nth-child(6) {

  margin-right: 0px;

}



.article .container>ul>li .top {}



.article .container>ul>li .top a {

  display: block;

  overflow: hidden;

}



.article .container>ul>li .top a img {

  width: 100%;

  transition: 1.2s;

}



.article .container>ul>li .top a img:hover {

  transition: 1.2s;

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

}



.article .container>ul>li:hover .bottom {

  background: #008cd6;

  padding-left: 15px;

}



.article .container>ul>li .bottom {

  padding: 15px 0px;

}



.article .container>ul>li .bottom p.fir {

  font-size: 14px;

  color: #707070;

}



.article .container>ul>li:hover .bottom p.fir a {

  color: #fff;

}



.article .container>ul>li .bottom p.fir a {

  font-size: 14px;

  color: #707070;

}



.article .container>ul>li:hover .bottom p.sec {

  color: #fff;

}



.article .container>ul>li .bottom p.sec {

  color: #707070;

  font-size: 12px;

  margin-top: 5px;

}







.articlein {}



.articlein .container {

  padding: 50px 0px 33px;

}



.articlein .container p.tp {

  text-align: center;

  font-size: 18px;

  color: #5a5a5a;

}



.articlein .container p.time {

  text-align: right;

  font-size: 14px;

  color: rgb(90, 90, 90);

  /* margin-bottom: 20px; */

}



.articlein .container .sumary {

  padding-left: 24px;

  background: #f7f7f7;

  height: 45px;

  line-height: 45px;

  border: 1px solid #e6e6e6;

  color: #707070;

  font-size: 14px;

  margin-top: 25px;

}



.articlein .container .sumary span {

  color: #337fe5;

  font-size: 14px;

}



.articlein .container .detail {

  padding: 30px 0px;

  font-size: 14px;

  color: rgb(90, 90, 90);

  line-height: 2;

}



.articlein .container .prevnext {

  padding-top: 20px;

  border-top: 1px solid #eaeaea;

}



.articlein .container .prevnext img {

  vertical-align: middle;

  margin-top: -5px;

}



.articlein .container .prevnext a {

  font-size: 14px;

  color: rgb(144, 144, 144);

  line-height: 2;

}



.articlein .container .prevnext a:hover {

  color: #337fe5;

}



.articlein .container .prevnext .left {

  float: left;

}



.articlein .container .prevnext .left img {

  margin-right: 5px;

}



.articlein .container .prevnext .right {

  float: right;

}



.articlein .container .prevnext .right img {

  margin-left: 5px;

}





.download {}



.download .container {

  padding: 0px;

}



.download .container .clearfix {

  height: 45px;

  line-height: 45px;

  border-bottom: 1px dashed #dbdbdb;

}



.download .container .clearfix span {

  font-size: 14px;

  color: rgb(132, 132, 132);

}



.download .container .clearfix a {

  float: right;

  font-size: 14px;

  color: rgb(170, 170, 170);

}



.download .container .clearfix a:hover {

  color: #337fe5;

}





.beautiful {}



.beautiful .container {

  padding: 37px 30px;

}



.beautiful .container ul {}



.beautiful .container ul li {}



.beautiful .container ul li:nth-child(odd) {

  float: left;

}



.beautiful .container ul li:nth-child(even) {

  float: right;

}



.beautiful .container ul li {

  width: 534px;

  position: relative;

  margin-bottom: 40px;

}



.beautiful .container ul li a {

  display: block;

}



.beautiful .container ul li a img {

  width: 100%;

}



.beautiful .container ul li p {

  width: 100%;

  position: absolute;

  left: 0px;

  bottom: 0px;

  height: 45px;

  line-height: 45px;

  background: rgba(0, 0, 0, .1);

  padding-left: 20px;

  font-size: 16px;

  color: rgb(255, 255, 255);

}



.beautiful .container ul li p a {

  font-size: 16px;

  color: rgb(255, 255, 255);

}



.beautiful .container ul li p a:hover {

  color: #008cd6;

}



.title {

  text-align: center;

}



.title p.one {

  font-size: 30px;

  color: rgb(0, 141, 212);

  line-height: 1.43;

}



/* .title p.cate{



}

.title p.cate span{ 

  

} */





.service {

  padding-top: 60px;

}



.service p.cate {

  position: relative;

  margin-top: 30px;

  margin-bottom: -3px;

}



.service p.cate>a {



  width: 99px;

  height: 40px;

  background: #dcdcdc;

  text-align: center;

  line-height: 40px;



  position: absolute;

  right: 0px;

  top: 3px;

  font-size: 14px;

  color: rgb(93, 93, 93);

}



.service p.cate>a:hover {

  color: #008dd4;

}







.service p.cate span {

  cursor: pointer;

  width: 163px;

  display: inline-block;

  font-size: 18px;

  color: rgb(87, 87, 87);

  line-height: 2.383;

}



.service p.cate span.active {

  border-bottom: 4px solid #008dd4;

}



.service .bottom {

  padding-top: 50px;

  padding-bottom: 50px;

  border-top: 2px solid #dcdcdc;

}



.service .bottom .left p.top {

  font-size: 14px;

  color: rgb(102, 102, 102);

  line-height: 2.143;

}



.service .bottom .left p.mid {

  font-size: 14px;

  color: rgb(102, 102, 102);

  line-height: 2.143;

  margin: 30px 0px;

}



.service .bottom .left p.mid span {

  font-size: 18px;

  color: rgb(0, 141, 212);

  line-height: 1.667;

}



.service .bottom .left .bb {}



.service .bottom .left .bb span {

  display: inline-block;

  width: 77px;

  height: 77px;

  border-radius: 100%;

  background: #008dd4;

  text-align: center;

  line-height: 77px;

  font-size: 16px;

  color: rgb(255, 255, 255);

  margin-right: 25px;

}





.service .bottom:last-child {

  display: none;

}



.service .bottom .lefter {}



.service .bottom .righter {

  padding-top: 40px;

  font-size: 14px;

  color: #666666;

  line-height: 2.143;

}







.power {

  padding-top: 50px;

  background: #f9f9f9;

}



.power>.shows:nth-child(3) {

  display: none;

}



.power .title {}



.power .title .ca {

  margin-top: 25px;

}



.power .title .ca span {

  cursor: pointer;

  font-size: 16px;

  color: rgb(102, 102, 102);

  line-height: 2.25;

  display: inline-block;

  padding: 0px 10px;

  margin: 0px 5px;

}



.power .title .ca span.active {

  border-bottom: 2px solid #008dd2;

}



.power .shows {

  margin-top: 30px;

  padding: 0px 140px;

}



.power .shows ul {

  font-size: 0px;

}



.power .shows ul li {

  width: 24%;

  margin-right: 1.3%;

  float: left;

}



.power .shows ul li img {

  width: 100%;

}



.power .shows ul li p {

  text-align: center;

  font-size: 16px;

  color: rgb(99, 99, 99);

  line-height: 2.25;

  padding: 10px 0px 0px;

}



.power .shows ul li p a {

  font-size: 16px;

  color: rgb(99, 99, 99);

}



.power .shows ul li p a:hover {

  color: #008dd2;

}





.power .shows ul li:nth-child(4) {

  margin-right: 0%;

  float: right;

}

.power .shows ul li:nth-child(8) {

  margin-right: 0%;

  float: right;

}



.power .total {

  padding: 50px 0px 35px;

  text-align: center;

  font-size: 20px;

  color: rgb(69, 69, 69);

  line-height: 1.8;

}



.power .total span {

  font-size: 20px;

  color: rgb(0, 141, 212);

  line-height: 1.8;

}



.power .total a {

  display: inline-block;

  width: 118px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  background: #008dd2;

  color: #fff;

  font-size: 14px;

  border-radius: 20px;

  margin-left: 20px;

}







.abouting {

  padding: 100px 0px 50px;

}



.abouting .container {

  padding: 0px;

}



.abouting .container .left {}



.abouting .container .left p.one {

  font-size: 22px;

  color: rgb(0, 141, 212);

  line-height: 1.636;

  margin-bottom: 40px;

}



.abouting .container .left p.detail {

  font-size: 14px;

  color: rgb(112, 112, 112);

  line-height: 2.143;

}



.abouting .container .left p.detail span {

  /* color: rgb( 0, 141, 212 ); */

}



.abouting .container .left a {

  margin-top: 50px;

  text-align: center;

  line-height: 45px;

  display: inline-block;

  width: 115px;

  height: 45px;

  border: 1px solid #eaeaea;

  font-size: 14px;

  color: rgb(0, 141, 212);

  position: relative;

}



.abouting .container .left a span {

  position: absolute;

  width: 40px;

  height: 2px;

  right: -20px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  background: #008dd4;

}



.abouting .container .right img {

  width: 100%;

  margin-top: 50px;

}





.indexnew {}



.indexnew .container {}



.indexnew .container ul {

  font-size: 0px;

  margin-top: 55px;

}



.indexnew .container ul li {

  position: relative;

  padding: 30px 25px 0px 35px;

  height: 237px;

  width: 32%;

  margin-right: 2%;

  border: 1px solid #efefef;

  float: left;

  margin-bottom: 25px;

  box-shadow: 0px 0px 10px #efefef;

}



.indexnew .container ul li:hover {}



.indexnew .container ul li img {

  position: absolute;

  left: 0px;

  top: 0px;

}



.indexnew .container ul li:nth-child(3n + 3) {

  margin-right: 0%;

}



.indexnew .container ul li p.one {

  font-size: 18px;

  color: rgb(0, 141, 212);

  line-height: 2;

}



.indexnew .container ul li p.one a {

  color: rgb(0, 141, 212);

}



.indexnew .container ul li .time {

  font-size: 14px;

  color: rgb(129, 129, 129);

  line-height: 2.571;

}



.indexnew .container ul li .detail {

  font-size: 12px;

  color: rgb(155, 154, 154);

  line-height: 2;

}



.indexnew .container .more {

  text-align: center;

}



.indexnew .container .more a {

  display: inline-block;

  width: 107px;

  height: 35px;

  text-align: center;

  line-height: 35px;

  font-size: 14px;

  color: #008dd4;

  border: 1px solid #008dd4;

  margin-bottom: 50px;

  margin-top: 30px;

}







.sidebar {

  z-index: 10000000000;

  display: inline-block;

  width: 249px;

  height: 174px;

  background: url(../img/sidebar.png);

  position: fixed;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  right: 0px;

}



.sidebar .box {



  width: 100%;

  /* padding: 0px 30px; */

  padding-left: 20px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}



.sidebar .box p.one {

  font-size: 23px;

  color: rgb(255, 182, 42);

  line-height: 1.171;

}







.sidebar .box p.one span {

  display: inline-block;

  position: relative;

  width: 40px;

  height: 40px;

  background: #ffb62a;

  border-radius: 100%;

  vertical-align: middle;

  margin-right: 20px;

}



.sidebar .box p.one span i {

  font-size: 25px;

  color: #6c625c;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}



.sidebar .box p.two {

  font-size: 27px;

  color: rgb(255, 182, 42);

  line-height: 2;

}



.sidebar .box p.thr {

  font-size: 27px;

  color: rgb(255, 182, 42);

  line-height: 1.171;

}





.car {

  padding-top: 40px;

}



.car .container {

  padding: 0px;

}



.car .container ul {

  font-size: 0px;

}



.car .container ul li {

  width: 24%;

  margin-right: 1.3%;

  float: left;

  margin-bottom: 10px;

}



.car .container ul li p {

  text-align: center;

  font-size: 14px;

  color: rgb(99, 99, 99);

  line-height: 2.571;

  margin-top: 10px;

}



.car .container ul li p a {

  font-size: 14px;

  color: rgb(99, 99, 99);

}



.car .container ul li p a:hover {

  color: #008dd4;

}



.car .container ul li img {

  width: 100%;

}



.car .container ul li:nth-child(4n + 4) {

  margin-right: 0%;

}





.link {}



.link .container {

  font-size: 0px;

  height: 500px;

  padding: 0px 37px;

}



.link .container>div {

  vertical-align: top;

  height: 100%;

  display: inline-block;

}



.link .container .w45 {

  width: 45%;

  background: #008dd4;

  position: relative;

}



.link .container .w45 .box {

  padding-left: 53px;

  top: 50px;

  width: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

}



.link .container .w45 p.tit {

  font-size: 24px;



  color: rgb(255, 255, 255);

  line-height: 1.833;

}



.link .container .w45 p.ti {

  margin: 15px 0px;

  font-size: 16px;

  color: rgb(255, 255, 255);

  line-height: 2.75;

}



.link .container .w45 p.ti span {

  font-size: 26px;

  color: rgb(255, 214, 22);

  line-height: 1.692;

}



.link .container .w45 ul {}



.link .container .w45 ul li {

  font-size: 14px;

  color: rgb(255, 255, 255);

  line-height: 3;

}



.link .container .w55 {

  width: 55%;

  padding: 10px 48px 0;

  box-shadow: 0px 0px 10px #ededed;

}



.link .container .w55 p.one {

  font-size: 25px;

  color: rgb(90, 90, 90);

  line-height: 1.716;

}



.link .container .w55 p.one i {

  color: #008dd4;

  font-size: 50px;

  vertical-align: middle;

  margin-right: 10px;

}



.link .container .w55 p.two {

  font-size: 16px;

  color: rgb(112, 112, 112);

  line-height: 1;

  margin-bottom: 20px;

}



.link .container .w55 form {}



.link .container .w55 form input{

  font-size: 15px;

  width: 100%;

  height: 55px;

  padding-left: 15px;

  border: 1px solid #eaeaea;

  color: #e3e3e3;

}



input::-webkit-input-placeholder {

  color: #e3e3e3;

}



input::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #e3e3e3;

}



input:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #e3e3e3;

}



input:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #e3e3e3;

}





textarea::-webkit-input-placeholder {

  color: #e3e3e3;

}



textarea::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #e3e3e3;

}



textarea:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #e3e3e3;

}



textarea:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #e3e3e3;

}







.link .container .w55 form input:nth-child(1) {

  margin-bottom: 15px;

}



.link .container .w55 form input:nth-child(2) {

  margin-bottom: 15px;

}



.link .container .w55 form textarea {

  font-size: 15px;

  color: #e3e3e3;

  height: 113px;

  width: 100%;

  border: 1px solid #eaeaea;

  padding: 15px;

}



.link .container .w55 .bottom {

  padding-top: 48px;

  padding-left: 65px;

}



.link .container .w55 .bottom button {

  width: 115px;

  height: 45px;

  border: none;

  font-size: 15px;

  color: #fff;

}



.link .container .w55 .bottom button[type='submit'] {

  background: #008dd4;

}



.link .container .w55 .bottom button[type='reset'] {

  background: #414141;

  margin-right: 85px;

}





.maple {}



.maple img {

  width: 100%;

}







.news {}



.news .container {}



.news .container ul {

  font-size: 0px;

  margin-top: 55px;

}



.news .container ul li {

  /* transition: 2s; */

  position: relative;

  padding: 30px 25px 0px 35px;

  height: 237px;

  width: 32%;

  margin-right: 2%;

  border: 1px solid #efefef;

  float: left;

  margin-bottom: 25px;

  box-shadow: 0px 0px 10px #efefef;

}



.news .container ul li:hover {

  transform: translateY(-10px);

  transition: 1s;

}



.news .container ul li img {

  position: absolute;

  left: 0px;

  top: 0px;

}



.news .container ul li:nth-child(3n + 3) {

  margin-right: 0%;

}



.news .container ul li p.one {

  font-size: 18px;

  color: rgb(0, 141, 212);

  line-height: 2;

}



.news .container ul li p.one a {

  color: rgb(0, 141, 212);

}



.news .container ul li .time {

  font-size: 14px;

  color: rgb(129, 129, 129);

  line-height: 2.571;

}



.news .container ul li .detail {

  font-size: 12px;

  color: rgb(155, 154, 154);

  line-height: 2;

}



.news .container .more {

  text-align: center;

}



.news .container .more a {

  display: inline-block;

  width: 107px;

  height: 35px;

  text-align: center;

  line-height: 35px;

  font-size: 14px;

  color: #008dd4;

  border: 1px solid #008dd4;

  margin-bottom: 50px;

  margin-top: 30px;

}



.dizhuan {}



.dizhuan img {}



.tr {

  height: 50px;

  background-color: #d9d9d9;

}



.tr1 {

  height: 50px;

  background-color: #f9f9f9;

}



.tr2 {

  height: 50px;

}



#page {

  clear: both;

  height: 40px;

  margin: 0 auto;

  text-align: center;

  display: table;

  margin-bottom: 30px;

}



#page span a {

  float: left;

  padding: 5px 14px;

  border: 1px solid #CCCCCC;

  margin-right: 6px;

  color: #666;

  font-size: 12px;

  list-style: none;

}



#page span a:hover {

  border: 1px solid #0060ad;
   color: #0060ad

}
#page .page-status{
    display: none;
}

#page span.page-num{
     display: none;
}


#page .page-num-current {

  border: 1px solid #0060ad;

  background-color: #0060ad;

  color: #FFFFFF

}



#page li.active a {

  color: #fff

}