/*! www.vancheer.com  |  Powered by vancheer */
/*首页banner图*/
.banner {
    width: 100%;
    position: relative;
}

.focus {
    width: 100%;
    position: relative;
    zoom: 1;
    overflow: hidden;
    z-index: 9;
}

.f426x240, .f160x160 {
    width: 100%;
    overflow: hidden;
    z-index: 9;
}

.rslides li {
    width: 100%;
    float: left;
    display: none;
    z-index: 9;
}

.rslides li img {
  z-index: 9;
  display:block;
}

.rslides {
    width: 100%;
    position: relative;
    z-index: 9;
    margin: 0 auto;
}

.rslides_nav {
    height: 51px;
    width: 31px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    opacity: 1.0;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    display: none;
}

.rslides_nav:active {
  opacity: 1.0;
}

.rslides_nav.next {
  left: auto;
  right: 0;
}

.rslides_tabs {
    text-align: center;
    position: absolute;
    bottom: 69px;
    z-index: 9;
    left: 0%;
  width:100%;
}

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin:0 7px;
}

.rslides_tabs a {
  margin-top: 0px;
  text-indent: 9999px;
  overflow: hidden;
  background:url(../images/ico1.png) no-repeat;
  display: inline-block;
  _display: block;
  *display: block;
  width: 15px;
  height: 15px;
  z-index: 9;
  *z-index: 9;
}

.rslides_tabs .rslides_here a {
  background:url(../images/ico1on.png) no-repeat;
}
  
.banner .prev{ position:absolute; left:10%; top:50%; margin-top:-29px; background:url(../images/nimg57_left.png) center no-repeat; z-index:222; width:57px; height:57px; display:block;}
.banner .next{ position:absolute; right:10%; top:50%; margin-top:-29px; background:url(../images/nimg57_right.png) center no-repeat; z-index:222; width:57px; height:57px; display:block;}

.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{ position:absolute; left:0; width: 100%; text-align: center; bottom:20px;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 6px; width:15px; height:15px; background:url(../images/ico1.png) no-repeat;}
.indexFlashTel .slick-dots .slick-active{background:url(../images/ico1on.png) no-repeat;}

.indexTitle{ text-align: center; }
.indexTitle .txt1{ font-size: 42px; color: #008fd7; text-transform: uppercase; font-weight: bold; padding-bottom: 10px;}
.indexTitle .txt2{ font-size: 20px; color: #7e7e7e; }
.indexTitle2 .txt1, .indexTitle2 .txt2{ color: #fff; }

.indexPart1{ padding-top: 80px; }
.indexPart1 .bigBox{ padding-top: 60px; overflow: hidden;}
.indexPart1 .bigBox li{ width: 16.66%; float: left; position: relative; overflow: hidden;}
.indexPart1 .bigBox li a{ display: block; width: 100%; height: 100%; }
.indexPart1 .bigBox li .imgDiv{ position: relative; }
.indexPart1 .bigBox li .imgDiv img{ width: 100%; }
.indexPart1 .bigBox li .bg{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/bg1.png) repeat; z-index: 1;}
.indexPart1 .bigBox li .topBox{ position: absolute; left: 0px; top:0px; z-index: 2; width: 100%; height: 22%; overflow: hidden; background: #e83a41; transition:all 0.5s; -moz-transition:all 0.5s;  -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;} 
.indexPart1 .bigBox li .topBox2{ background: #6666cc; }
.indexPart1 .bigBox li .topBox3{ background: #ffa800; }
.indexPart1 .bigBox li .topBox4{ background: #01c26e; }
.indexPart1 .bigBox li .topBox5{ background: #008fd7; }
.indexPart1 .bigBox li .topBox6{ background: #727c81; }
.indexPart1 .bigBox li .leftTxt{ position: absolute; left: 38px; bottom: 15%; z-index: 2; transition:all 0.5s; -moz-transition:all 0.5s;  -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; }
.indexPart1 .bigBox li .name1{ padding: 15% 0 0 10%; font-size: 16px; color: #fff; opacity: 0.6; font-weight: bold; text-transform: uppercase;}
.indexPart1 .bigBox li .name2{ padding-left: 10%; font-size: 22px; color: #fff; font-weight: bold; }
.indexPart1 .bigBox li .ico{ z-index:2; position: absolute; left: 50%; margin-left: -40px; top: 50%; margin-top: -60px; opacity: 0; width: 79px; height: 79px;  transition:all 0.5s; -moz-transition:all 0.5s;  -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.indexPart1 .bigBox li:hover .topBox{ top: -22%; opacity: 0;}
.indexPart1 .bigBox li:hover .leftTxt{ left: -10px; opacity: 0;}
.indexPart1 .bigBox li:hover .imgDiv{ opacity: 1; }
.indexPart1 .bigBox li:hover .ico{ opacity: 1; margin-top: -40px; }

.indexPart2{ padding-top: 80px; }
.indexPart2Pic{ position: relative; padding: 50px 0;}
.indexPart2Pic .slick{ overflow: hidden; }
.indexPart2Pic .contentBox{ width: 445px; }
.indexPart2Pic .name{ padding-bottom: 20px; font-size: 30px; color: #00a367; width: 445px; background: url(../images/line1.jpg) left bottom no-repeat;}
.indexPart2Pic .name b{ font-size: 72px; display: block; font-family: din;}
.indexPart2Pic .name sup{ font-size: 30px; }
.indexPart2Pic .msg{ font-size: 30px; color: #3e3e3e; padding: 50px 0 15px;}
.indexPart2Pic .content{ font-size: 15px; line-height: 24px; color: #828181; height: 72px; overflow: hidden;}
.indexPart2Pic .btnDiv{ padding-top: 50px; }
.indexPart2Pic .btnDiv a{ text-align: center; font-size: 14px; display: block; width: 145px; height: 42px; background: #0098e9; border-radius: 20px; -moz-border-radius:20px; line-height: 42px; color: #fff; }
.indexPart2Pic .imgDiv img{ width: 690px; height: 500px;}
.indexPart2Pic .slick-prev{ position: absolute; left: -65px; top: 50%; margin-top: -25px; display: block; width: 49px; height: 49px; background: url(../images/nimg49_left.png) left top no-repeat; }
.indexPart2Pic .slick-next{ position: absolute; right: -65px; top: 50%; margin-top: -25px; display: block; width: 49px; height: 49px; background: url(../images/nimg49_right.png) left top no-repeat; }

.indexPart2PicTel{ position: relative; padding-top: 30px;}
.indexPart2PicTel .slick{ overflow: hidden; }
.indexPart2PicTel .contentBox{ padding: 15px 15px 20px; background: #f1f1f1;}
.indexPart2PicTel .name{ padding:0 70px 15px 0; position: relative; font-size: 18px; color: #00a367; background: url(../images/line1.jpg) left bottom no-repeat;}
.indexPart2PicTel .name b{ font-size: 32px; display: block; font-family: din; position: absolute; right: 0px; top: 0px;}
.indexPart2PicTel .name sup{ font-size: 18px; }
.indexPart2PicTel .msg{ font-size: 30px; color: #3e3e3e; padding: 50px 0 15px;}
.indexPart2PicTel .content{ font-size: 14px; line-height: 24px; color: #828181; height: 72px; overflow: hidden; padding-top: 10px;}
.indexPart2PicTel .btnDiv{ padding-top: 25px; width: 145px; margin: 0 auto;}
.indexPart2PicTel .btnDiv a{ text-align: center; font-size: 14px; display: block; width: 145px; height: 42px; background: #0098e9; border-radius: 20px; -moz-border-radius:20px; line-height: 42px; color: #fff; }
.indexPart2PicTel .imgDiv img{ width: 100%;}
.indexPart2PicTel .slick-prev{ position: absolute; left: 0px; top: 20%;  display: block; width: 35px; height: 35px; background: url(../images/nimg49_left.png) left top no-repeat; background-size: 35px; z-index: 1;}
.indexPart2PicTel .slick-next{ position: absolute; right: 0px; top: 20%; display: block; width: 35px; height: 35px; background: url(../images/nimg49_right.png) left top no-repeat; background-size: 35px; z-index: 1;}


.indexPart3{ height: 783px; background: url(../images/indexPart3.jpg) center no-repeat; background-size: cover;}
.indexPart3 .title{ padding: 85px 0 10px; text-align: center; font-size: 46px; color: #008fd7; font-weight: bold;}
.indexPart3 .title em{ font-size: 60px; }
.indexPart3 .txt{ text-align: center; color: #949494; font-size: 14px; text-transform: uppercase; padding-bottom: 55px;}
.indexPart3 .scrollBox{ background: url(../images/line2.jpg) left 36px repeat-x;}
.indexPart3Pic{ position: relative;}
.indexPart3Pic .slick{ padding: 0 32px;}
.indexPart3Pic .box{ padding-top: 70px; background: url(../images/nimg16_1.png) 50px top no-repeat;}
.indexPart3Pic .year{ color: #ffa800; font-family: din; font-size: 50px; padding-left: 22px;}
.indexPart3Pic .msgList li{ padding-left: 22px; line-height: 24px; font-size: 14px; background: url(../images/nimg12_2.png) left 6px no-repeat;}
.indexPart3Pic .msgList .li01{ font-weight: bold; background: url(../images/nimg12_2on.png) left 6px no-repeat;}
.indexPart3Pic .slick-prev{ position: absolute; left: -65px; top: 13px; display: block; width: 46px; height: 46px; background: url(../images/nimg46_left.png) left top no-repeat; }
.indexPart3Pic .slick-next{ position: absolute; right: -65px; top: 13px; display: block; width: 46px; height: 46px; background: url(../images/nimg46_right.png) left top no-repeat; }

.indexPart4{ padding: 80px 0 86px; }
.indexPart4 .indexTitle{ padding-bottom: 38px; }
.indexPart4 .leftDiv{ width: 567px; height: 536px; background: #f3f3f3; }
.indexPart4 .leftDiv .imgDiv{ overflow: hidden; }
.indexPart4 .leftDiv .botDiv{ padding: 15px 20px 0;}
.indexPart4 .leftDiv .name{ height: 36px; line-height: 36px; overflow: hidden; font-size: 18px;}
.indexPart4 .leftDiv .name a{ color: #000; }
.indexPart4 .leftDiv .name a:hover{ color: #1799ef; }
.indexPart4 .leftDiv .content{ font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; color: #93938f; padding-top: 5px;}
.indexPart4 .leftDiv .time{ font-size: 14px; color: #989898; padding-top: 15px; }

.indexPart4 .rightDiv{ width: 600px; }
.indexPart4 .rightDiv li{ margin-bottom: 11px; }
.indexPart4 .rightDiv a{ display: block; position: relative; overflow: hidden; height: 171px; padding: 0 10px 0 282px; background: #f3f3f3; -webkit-transition: all .2s; transition: all .2s;}
.indexPart4 .rightDiv li .imgDiv{ position: absolute; left: 0px; top: 0px; overflow: hidden; width:266px;}
.indexPart4 .rightDiv li .imgDiv img{ width:100%;}
.indexPart4 .rightDiv li .name{ padding-top: 25px; line-height: 26px; font-size: 16px; height: 52px; color: #404040; overflow: hidden; -webkit-transition: all .2s; transition: all .2s; }
.indexPart4 .rightDiv li .time{ height: 37px; line-height: 37px; font-size: 14px; color: #989898; margin:12px 20px 0 0; background: url(../images/nimg37_1.png) right center no-repeat; -webkit-transition: all .2s; transition: all .2s; }
.indexPart4 .rightDiv a:hover{ background: #1799ef; }
.indexPart4 .rightDiv a:hover .name{ color: #fff; }
.indexPart4 .rightDiv a:hover .time{ color: #fff; background: url(../images/nimg37_1on.png) right center no-repeat;}
.indexPart4 .btnDiv{ width: 145px; height: 42px; margin: 33px auto 0;}
.indexPart4 .btnDiv a{ color: #fff; text-indent: 28px; font-size: 14px; color: #fff; background: #1799ef url(../images/nimg54_1.png) right center no-repeat; display: block; width: 145px; height: 42px; line-height: 42px; border-radius: 20px; -moz-border-radius: 20px;}

.indexPart5{ padding: 75px 0 90px;  background: url(../images/indexPart5.jpg) center top no-repeat;}
.indexPart5 .indexTitle{ padding-bottom: 35px; }
.indexPart5 .bigBox{height: 340px; background: #fff; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0); }
.indexPart5Pic{ position: relative;  padding: 70px 70px 30px;}
.indexPart5Pic .slick{ margin: 0 6px; }
.indexPart5Pic .slick dd{ margin-bottom: 45px; }
.indexPart5Pic .slick .imgDiv img{ width: 100%; }
.indexPart5Pic .slick-prev{ z-index: 2; position: absolute; left: -65px; top: 50%; margin-top: -30px; display: block; width: 46px; height: 46px; background: url(../images/nimg46_left2.png) left top no-repeat; }
.indexPart5Pic .slick-next{ z-index: 2; position: absolute; right: -65px; top: 50%; margin-top: -30px; display: block; width: 46px; height: 46px; background: url(../images/nimg46_right2.png) left top no-repeat; }

.indexPart6{ height: 633px; overflow: hidden;}
.indexPart6 .leftDiv{ width: 50%; height: 633px; }
.indexPart6 .mapDiv{ width: 100%; height: 633px; }
.indexPart6 .rightDiv{ width: 50%; height: 633px; background: #dadada;}
.indexPart6 .contentBox{ padding-left: 60px; width: 540px; }
.indexPart6 .title{ padding-top: 55px; font-size: 42px; color: #008fd7; font-weight: bold; text-transform: uppercase;}
.indexPart6 .txt{ font-size: 20px; color: #7e7e7e; padding-bottom: 40px;}
.indexPart6 .msg{ font-size: 14px; color: #595656; font-weight: bold; padding-bottom: 25px; }
.indexPart6 .form ul{ margin-right: -30px; }
.indexPart6 .form li{ float: left; width: 50%; margin-bottom: 20px;}
.indexPart6 .form li .box{ position: relative; margin-right: 30px; padding-left: 56px; height: 37px;}
.indexPart6 .form li em{ position: absolute; left: 0px; line-height: 37px; font-size: 14px; top: 0px; display: block;}
.indexPart6 .form li .input1{ width: 100%; height: 37px; line-height: 37px; background: #fff; font-size: 14px; }
.indexPart6 .form .li01{ width: 100%; padding-top: 10px;}
.indexPart6 .form .li01 .box{ padding-left: 0px; height: 161px; }
.indexPart6 .form .li01 em{ position: relative; line-height: 30px; height: 42px; }
.indexPart6 .form textarea{ width: 100%; height: 123px; background: #fff; line-height: 24px; border: none; }
.indexPart6 .btnDiv{ padding-top: 10px; }
.indexPart6 .btnDiv a{ display: block; width: 145px; height: 42px; text-align: center; background: #0098e9; border-radius: 20px; -moz-border-radius:20px; line-height: 42px; color: #fff; font-size: 14px; }

.about{ padding: 25px 0 36px; }
.about .name1{ font-size: 26px; color: #343434; font-weight: bold; }
.about .name2{ font-size: 14px; color: #c6c6c6; text-transform: uppercase; padding: 5px 0 35px;}
.about .part1{ overflow: hidden; padding-bottom: 25px;}
.about .part1 .content{ width: 600px; line-height: 30px; font-size: 14px; color: #7c7c7c;}
.about .part1 .imgDiv{ overflow: hidden; }
.about .part2 .txt{ font-weight: bold; font-size: 18px; color: #343434;}
.about .part2 .content{ padding: 15px 0 35px; line-height: 30px; font-size: 14px; color: #7c7c7c;}
.about .part2 .imgDiv{ overflow: hidden; }

.culture{ padding: 25px 0 30px; }
.culture .txt{ text-align: center; font-size: 32px; color: #000; position: relative; padding-bottom: 20px; }
.culture .txt em{ position: absolute; left: 50%; bottom: 0px; display: block; width: 40px; height: 2px; background: #008fd7; margin-left: -20px;}
.culture .changwen{ font-size: 14px; line-height: 28px; text-align: center; padding: 50px 150px; }
.culture .list1{ padding-bottom: 70px; }
.culture .list1 li{ float: left; width: 25%; text-align: center;}
.culture .list1 li .ico{ margin-bottom: 24px; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; transition: .5s all; }
.culture .list1 li:hover .ico{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.culture .list1 li .name{ font-size: 22px; color: #333; padding-bottom: 12px;}
.culture .list1 li .msg{ font-size: 14px; color: #008fd7; }
.culture .list2 li{ height: 450px; position: relative; background: #fafafa; padding: 0 635px 0 40px;}
.culture .list2 .li01{ padding: 0 40px 0 635px;}
.culture .list2 li .imgDiv{ position: absolute; right: 0px; top: 0px; overflow: hidden;}
.culture .list2 .li01 .imgDiv{ left: 0px; right: auto; }
.culture .list2 li .name{ font-size: 22px; color: #333; padding-bottom: 15px; position: relative;}
.culture .list2 li .name em{ position: absolute; left:0px; bottom: 0px; display: block; width: 20px; height: 2px; background: #008fd7;}
.culture .list2 li .msg{ font-size: 14px; color: #008fd7; padding: 18px 0 15px;}
.culture .list2 li .content{ font-size: 14px; line-height: 28px; }
.culture .list2 li .contentBox{ height:450px; display:table-cell; vertical-align:middle;}

.history{ padding: 25px 0 30px; }
.historyBg{height:72px; padding: 0 60px;}
.historyList{height:72px;background:url(../images/bg4.jpg) left center repeat-x;padding: 0 85px;}
.historyList .slick-slide{ text-align:center; height:72px; line-height:72px; font-size:18px; cursor:pointer; color:#0083c5; background:url(../images/nimg72_1.png) center top no-repeat;}
.historyList .slickon{ color:#fff; background:url(../images/nimg72_1on.png) center top no-repeat;}
.historyBox .slick-prev{position:absolute; z-index:10; left:0px; top:50%; margin-top:-16px; display:block; background:#fff url(../images/nimg32_left.png) left top no-repeat; width:32px; height:32px;}
.historyBox .slick-next{position:absolute; z-index:10; right:0px; top:50%; margin-top:-16px; display:block; background:#fff url(../images/nimg32_right.png) right top no-repeat; width:32px; height:32px;}
.historyContent{ display:none;}
.history .contentBox{ padding-top:70px;}
.history .contentBox li{ padding-left:160px; background:url(../images/line3.png) 117px repeat-y; min-height:100px; padding-bottom:10px; position:relative;}
.history .contentBox li .month{ width:79px; height:32px; background:url(../images/nimg79_2.png) no-repeat; font-size:16px; text-indent:23px; line-height:32px; position:absolute; left:0px; top:15px;}
.history .contentBox li .ico{ width:12px; height:12px; background:url(../images/nimg12_3.png) no-repeat; position:absolute; left:111px; top:23px;}
.history .contentBox li .content{font-size: 14px;line-height:26px;padding-bottom:15px;}
.history .contentBox li .img{width: 280px; margin: 30px 0;}
.history .contentBox li .img img{width: 100%;}

.group{ padding: 25px 0 30px; }
.group .txt{ text-align: center; font-size: 32px; color: #000; padding-bottom: 80px; }
.group .imgDivTel{ display: none; }
.group .imgDivTel img{ width: 100%; }

.news{ padding-bottom: 86px; }
.news .list1 li{ height: 285px; border-bottom: #ccc solid 1px; padding-right: 420px; position: relative; padding-top: 30px;}
.news .list1 li .imgDiv{ position: absolute; right: 0px; top: 40px; width:356px;}
.news .list1 li .imgDiv img{ max-width:100%;}
.news .list1 li .fuDiv{ height: 95px; position: relative; padding-left: 124px; }
.news .list1 li .timeDiv{ position: absolute; left: 0px; top: 0px; width: 100px; height: 95px; background: #ededed; border-radius: 8px; -moz-border-radius:8px; text-align: center; font-size: 14px; color: #5e5e5e;}
.news .list1 li .timeDiv b{ font-size: 55px; color: #008fd7; display: block; font-weight: 400; line-height: 50px; padding-top: 12px;}
.news .list1 li .name{ padding-top: 15px; line-height: 32px; height: 64px; overflow: hidden; font-size: 18px; }
.news .list1 li .name a{ color: #222; }
.news .list1 li .name a:hover{ color: #008fd7; }
.news .list1 li .content{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; padding-top: 10px;}
.news .list1 li .btnDiv{ padding-top: 56px; }
.news .list1 li .btnDiv a{ text-align: center; color: #fff; display: block; width: 118px; height: 38px; line-height: 38px; font-size: 14px; border-radius: 24px; -moz-border-radius:24px; background: #b7b7b7;}
.news .list1 li .btnDiv a:hover{ background: #008fd7; }

.news .list2 li{ height: 178px; border-bottom: #ccc solid 1px; padding-top: 30px;}
.news .list2 li .name{ line-height: 32px; height: 32px; overflow: hidden; font-size: 18px; margin-bottom: 15px;}
.news .list2 li .name a{ color: #000; }
.news .list2 li .name a:hover{ color: #008fd7;}
.news .list2 li .fuDiv{ height: 95px; position: relative; padding-left: 132px;}
.news .list2 li .timeDiv{ position: absolute; left: 0px; top: 0px; width: 100px; height: 95px; background: #ededed; border-radius: 8px; -moz-border-radius:8px; text-align: center; font-size: 14px; color: #5e5e5e;}
.news .list2 li .timeDiv b{ font-size: 55px; color: #008fd7; display: block; font-weight: 400; line-height: 50px; padding-top: 12px;}
.news .list2 li .content{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; padding-top: 10px;}
.news .list2 li .more{ padding-top: 10px; font-size: 14px; }
.news .list2 li .more a{ color: #000; }
.news .list2 li .more a:hover{ color: #008fd7; }

.newShow{ padding-top: 35px; }
.newShow .name{ text-align: center; font-size: 30px; color: #444; padding-bottom: 10px; }
.newShow .time{ font-size: 16px; text-align: center; padding-bottom: 30px; border-bottom: #e1e1e1 solid 1px; color: #adadad;}
.newShow .content{ padding: 25px 0 60px; font-size: 14px; line-height: 28px; }
.newShow .imgDiv{ text-align: center; padding: 30px 0;}
.newShow .content img{ max-width: 1200px; }

.pageDown{height:150px; position:relative;}
.pageDown .box{ border-top:#e4e4e4 solid 1px; padding-top:25px;}
.pageDown .btn{position:absolute; display:block; top:33px; right:0px; width:128px; height:40px; background:#008fd7; line-height:40px; text-align: center; color:#fff; font-size:14px; border-radius: 20px; -moz-border-radius:20px;}
.pageDown li{ height:35px; line-height:35px; overflow:hidden; position:relative; font-size:14px;}
.pageDown li b{ color:#333; font-weight: 400;}

.contact{ overflow: hidden; padding: 25px 0 30px;}
.contact .contentDiv{ width: 450px; }
.contact .name{ font-size: 18px; color: #333; font-weight: bold; padding-bottom: 40px; }
.contact .msgList{ padding-bottom: 20px; }
.contact .msgList li{ font-size: 14px; padding-bottom: 20px; line-height: 26px; }
.contact .ewmDiv{ position: relative; padding-left: 142px; height: 119px;}
.contact .ewmDiv .ewm{ position: absolute; left: 0px; top: 0px; }
.contact .ewmDiv p{ line-height: 22px; padding-top: 35px; }
.contact .mapDiv{ border: #eee solid 1px;width: 733px; height:398px; }
/*.contact .mapDiv img{ width: 733px; }*/

.lyb{ padding-top: 45px; overflow: hidden;}
.lyb .txt{ font-size:14px; padding:0 0 35px 30px;}
.lyb .imgDiv{ padding-top:140px; width:466px;}
.lyb .rightDiv{ width:720px;}
.lyb .form li{ padding-left:80px; position:relative; height:59px;}
.lyb .form li em{ font-weight:bold; position:absolute; left:0px; top:0px; font-size:14px; line-height:39px; text-align: right; width: 75px;}
.lyb .form li .input1{ width:319px; height:37px; line-height:37px; font-size:14px; text-indent:10px; border:#d9d9d9 solid 1px;}
.lyb .form li .input2{ width:100px; float: left;}
.lyb .form li select{ width: 321px; height: 37px; line-height: 37px; border: #d9d9d9 solid 1px; }
.lyb .form li .tips{ position:absolute; left:416px; top:0px; line-height:39px; color:#ff0000; font-size:14px;}
.lyb .form li .tips2{ left:597px;}
.lyb .form .li01{ height:228px;}
.lyb .form textarea{ width:495px; height:190px; border:#d9d9d9 solid 1px;}
.lyb .form li .btn1{ width:118px; height:35px; line-height:35px; background:#008fd7; font-size:14px; color:#fff; cursor:pointer; border-radius:20px; -moz-border-radius:20px;}
.lyb .form li .yzm{ display: block; float: left; padding: 0 60px 0 20px; position: relative; line-height: 37px; }

.honor{ padding: 25px 0 30px; }
.honor .txt{ margin-bottom: 50px; text-align: center; font-size: 32px; color: #000; padding-bottom: 20px; position: relative;}
.honor .txt em{ position: absolute; left: 50%; bottom: 0px; width: 40px; height: 3px; background: #008fd7; margin-left: -20px;}
.honor .line{ border-bottom: #ccc solid 1px; padding-top: 50px; margin-bottom: 50px;}
.h_banner{padding: 0 52px;position: relative;}
.h_banner .swiper-slide {width: 408px;}
.h_banner .swiper-slide .img{border:5px solid #e4e4e4;}
.h_banner .swiper-slide img{width: 100%;}
.h_banner .swiper-slide p{opacity: 0;font-size: 14px;text-align: center;padding: 15px 10px 20px;}
.h_banner .swiper-slide-active p{opacity: 1;}
.h_banner .swiper-button-prev{width: 34px;height: 34px;margin-top:-17px;left: 0px;background: url("../images/nimg34_left.png") no-repeat left;} 
.h_banner .swiper-button-next{width: 34px;height: 34px;margin-top:-17px;right: 0px;background: url("../images/nimg34_right.png") no-repeat right;} 
.h_banner .swiper-button-prev:hover{background-image:url("../images/nimg34_lefton.png"); } 
.h_banner .swiper-button-next:hover{background-image:url("../images/nimg34_righton.png"); } 
.h_banner .swiper-slide:hover p{color: #008fd7;}

.h_banner2{padding: 0 52px;position: relative;}
.h_banner2 .swiper-slide {width: 292px;}
.h_banner2 .swiper-slide .img{border:5px solid #e4e4e4;}
.h_banner2 .swiper-slide img{width: 100%;}
.h_banner2 .swiper-slide p{opacity: 0;font-size: 14px;text-align: center;padding: 15px 10px 20px;}
.h_banner2 .swiper-slide-active p{opacity: 1;}
.h_banner2 .swiper-button-prev{width: 34px;height: 34px;margin-top:-17px;left: 0px;background: url("../images/nimg34_left.png") no-repeat left;} 
.h_banner2 .swiper-button-next{width: 34px;height: 34px;margin-top:-17px;right: 0px;background: url("../images/nimg34_right.png") no-repeat right;} 
.h_banner2 .swiper-button-prev:hover{background-image:url("../images/nimg34_lefton.png"); } 
.h_banner2 .swiper-button-next:hover{background-image:url("../images/nimg34_righton.png"); } 
.h_banner2 .swiper-slide:hover p{color: #008fd7;}

.h_banner3{padding: 0 52px;position: relative;}
.h_banner3 .swiper-slide {width: 408px;}
.h_banner3 .swiper-slide .img{border:5px solid #e4e4e4;}
.h_banner3 .swiper-slide img{width: 100%;}
.h_banner3 .swiper-slide p{opacity: 0;font-size: 14px;text-align: center;padding: 15px 10px 20px;}
.h_banner3 .swiper-slide-active p{opacity: 1;}
.h_banner3 .swiper-button-prev{width: 34px;height: 34px;margin-top:-17px;left: 0px;background: url("../images/nimg34_left.png") no-repeat left;} 
.h_banner3 .swiper-button-next{width: 34px;height: 34px;margin-top:-17px;right: 0px;background: url("../images/nimg34_right.png") no-repeat right;} 
.h_banner3 .swiper-button-prev:hover{background-image:url("../images/nimg34_lefton.png"); } 
.h_banner3 .swiper-button-next:hover{background-image:url("../images/nimg34_righton.png"); } 
.h_banner3 .swiper-slide:hover p{color: #008fd7;}

.solution{ padding: 40px 0; }
.solution .list ul{ margin-right: -20px; }
.solution .list li{ float: left; width: 386px; height: 386px; background: #f8f8f8; margin: 0 20px 20px 0; position: relative; overflow: hidden;}
.solution .list li .imgDiv{ text-align: center; padding-top: 10px; }
.solution .list li .imgDiv img{ width: 350px; height: 254px; }
.solution .list li .name{ padding-top: 10px; text-align: center; font-size: 18px; color: #3d3d3d; height: 20px; line-height: 20px; overflow: hidden;}
.solution .list li .msg{ text-align: center; font-size: 14px; color: #bbb; padding: 5px 0;}
.solution .list li .btnDiv{ width: 120px; margin: 10px auto; }
.solution .list li .btnDiv a{ color: #939393; display: block; width: 118px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; border: #a7a7a7 solid 1px; border-radius: 20px; -moz-border-radius:20px; }
.solution .list li .btnDiv a:hover{ border: #008fd7 solid 1px; background: #008fd7; color: #fff; }
.solution .list .li01{ width: 792px; height: 792px; background: #eee;}
.solution .list .li01 .imgDiv{ text-align: center; padding-top: 242px; }
.solution .list .li01 .imgDiv img{ width: 690px; height: 500px; }
.solution .list .li01 .contentBox{ position: absolute; left: 65px; top: 70px; }
.solution .list .li01 .name{ padding-top: 0px; font-size: 26px; color: #008fd7; text-align: left; height: auto; line-height: 26px;}
.solution .list .li01 .msg{ font-size: 16px; color: #999; padding: 10px 0 20px; text-align: left;}
.solution .list .li01 .btnDiv{ margin-left: 0px;}
.solution .list .li01 .btnDiv a{ color: #939393; display: block; width: 118px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; border: #a7a7a7 solid 1px; border-radius: 20px; -moz-border-radius:20px; }
.solution .list .li01 .btnDiv a:hover{ border: #008fd7 solid 1px; background: #008fd7; color: #fff; }

.solutionShow{ padding: 40px 0 50px; }
.solutionShow .part1{ height: 435px; margin-bottom: 50px; overflow: hidden;}
.solutionShow .part1 .imgDiv{ width: 657px; border: #e5e5e5 solid 1px;}
.solutionShow .part1 .imgDiv img{ width: 657px; }
.solutionShow .part1 .contentBox{ width: 434px; padding: 0 38px; height: 433px; border: #e3e3e3 solid 1px; background: #f6f6f6; }
.solutionShow .part1 .name{ padding: 70px 0 35px; font-size: 26px; color: #333; }
.solutionShow .part1 .msgList{ padding-bottom: 45px; }
.solutionShow .part1 .msgList li{ font-size: 14px; color: #828282; line-height: 24px; padding-bottom: 10px; }
.solutionShow .part1 .share{ position: relative; padding-left: 58px; overflow: hidden;}
.solutionShow .part1 .share em{ position: absolute; left: 0px; top: 0px; line-height: 27px; font-size: 14px;}
.solutionShow .part1 .share li{ width: 27px; height: 27px; margin-right:10px; float: left;}
.solutionShow .title{ height: 50px; line-height: 50px; background: url(../images/line4.jpg) center repeat-x; }
.solutionShow .title em{ display: block; width: 216px; margin: 0 auto; text-align: center; background: #fff; font-size: 26px; color: #008fd7; }
.solutionShow .content{ font-size: 14px; line-height: 30px; padding: 30px 0 40px; }
.solutionShow .title2{ font-size: 22px; color: #333; padding-bottom: 15px;}
.solutionShow .list li{ padding-left: 15px; font-size: 14px; line-height: 30px; background: url(../images/ico4.png) left center no-repeat; }
.solutionShow .title3{ font-size: 22px; color: #333; padding: 50px 0 25px; text-align: center;}
.solutionShow .videoImg{ text-align: center; }

.p_banner{ position: relative;}
.p_banner .swiper-slide {width: 952px;}
.p_banner .swiper-slide .img{ opacity: 0.3; }
.p_banner .swiper-slide-active .img{ opacity: 1; }
.p_banner .swiper-slide img{width: 100%;}
.p_banner .swiper-slide p{opacity: 0;font-size: 14px;text-align: center;padding: 15px 10px 20px;}
.p_banner .swiper-slide-active p{opacity: 1;}
.p_banner .swiper-button-prev{width: 49px;height: 49px;margin-top:-25px;left: -70px; background: url("../images/nimg49_left.png") no-repeat left;} 
.p_banner .swiper-button-next{width: 49px;height: 49px;margin-top:-25px;right: -70px; background: url("../images/nimg49_right.png") no-repeat right;} 
.p_banner .swiper-slide:hover p{color: #008fd7;}

.technology{ padding: 55px 0 60px; }
.technology .leftDiv{ width: 448px; }
.technology .txt1{ padding: 20px 0 8px; font-size: 28px; color: #008fd7; }
.technology .txt2{ font-size: 16px; color: #c7c7c7; text-transform: uppercase; padding-bottom: 40px; }
.technology .telBox{ height: 134px; background: #eaeaea; color: #8c8c8c; font-size: 30px; line-height: 134px; font-weight: bold; }
.technology .telBox div{ padding-left: 70px; }
.technology .telBox img{ padding-right: 26px; }
.technology .limg{ padding-left: 32px; }

.download{ padding: 35px 0 30px; }
.download .list li{ height: 50px; background: #f5f5f5; padding-right: 120px; position: relative; margin-bottom: 20px;}
.download .list li .name{ position: relative; padding-left: 30px; font-size: 14px; height: 50px; line-height: 50px; overflow: hidden; }
.download .list li .btn{ display: block; position: absolute; right: 0px; top: 0px; width: 105px; height: 50px; background: #eee; text-align: center; line-height: 50px; font-size: 14px; }
.download .list li .btn img{ padding-right: 10px; position: relative; top: -2px;}
.download .list li .btn .img1{ display: none; }
.download .list li .btn:hover{ background: #008fd7; color: #fff; }
.download .list li .btn:hover .img1{ display: inline-block; }
.download .list li .btn:hover img{ display: none; }

.process{ padding: 35px 0 50px; }
.process .list{ height: 575px; background: url("../images/nimg472Bg.png") center 75px no-repeat; position: relative;}
.process .list .libox .ico{ width: 92px; height: 92px; background: #ebebeb; border-radius: 46px; -moz-border-radius:46px; text-align: center; line-height: 92px; }
.process .list .libox .ico{ -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; transition: .5s all; }
.process .list .libox:hover .ico{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.process .list .libox .img1{ display:none;}
.process .list .libox .text{ position: relative; }
.process .list .libox .text h2{ font-weight:inherit; font-size:22px; color:#333; padding: 12px 24px 5px;}
.process .list .libox .text p{ font-size:14px; line-height:22px; padding: 0 24px;}
.process .list .libox:hover .img1{ display:inline-block;}
.process .list .libox:hover img{ display:none;}
.process .list .libox:hover .text{ background:#f3f3f3; border-radius: 6px; -moz-border-radius:6px;}
.process .list .libox:hover .text h2{ font-weight:bold;}
.process .list .libox:hover .text em{ display: block; }
.process .list .li01{ position:absolute; left:30px; top:0px; width: 617px; height: 149px;}
.process .list .li01 .ico{ position: absolute; right: 0px; bottom: 0px;}
.process .list .li01 .text{ float:left; width:432px; height: 142px; }
.process .list .li01 .text em{ position: absolute; width: 13px; height: 14px; right: -13px; height: 14px; top: 50%; margin-top: -7px; display: none; background: url("../images/nimg13_2.png") center no-repeat; }
.process .list .li01:hover .ico{ background: #de4747; }
.process .list .li01:hover .text h2{ color: #de4747; }
.process .list .li02{ position:absolute; left:0px; top:149px; width: 486px; height: 156px;}
.process .list .li02 .ico{ position: absolute; right: 0px; top: 0px;}
.process .list .li02 .text{ float:left; width:384px; height: 142px;}
.process .list .li02 .text em{ position: absolute; width: 13px; height: 14px; right: -13px; height: 14px; top: 50%; margin-top: -7px; display: none; background: url("../images/nimg13_2.png") center no-repeat; }
.process .list .li02:hover .ico{ background: #e68d35; }
.process .list .li02:hover .text h2{ color: #e68d35; }
.process .list .li03{ position:absolute; left:0px; top:305px; width: 457px; height: 139px;}
.process .list .li03 .ico{ position: absolute; right: 0px; top: 10px;}
.process .list .li03 .text{ float:left; width:348px; height: 139px;}
.process .list .li03 .text em{ position: absolute; width: 13px; height: 14px; right: -13px; height: 14px; top: 50%; margin-top: -7px; display: none; background: url("../images/nimg13_2.png") center no-repeat; }
.process .list .li03:hover .ico{ background: #f7c20c; }
.process .list .li03:hover .text h2{ color: #f7c20c; }
.process .list .li04{ position:absolute; left:82px; top:443px; width: 485px; height: 130px;}
.process .list .li04 .ico{ position: absolute; right: 0px; top: 10px;}
.process .list .li04 .text{ float:left; width:356px; height: 130px;}
.process .list .li04 .text em{ position: absolute; width: 13px; height: 14px; right: -13px; height: 14px; top: 50%; margin-top: -7px; display: none; background: url("../images/nimg13_2.png") center no-repeat; }
.process .list .li04:hover .ico{ background: #1374b8; }
.process .list .li04:hover .text h2{ color: #1374b8; }
.process .list .li05{ position:absolute; right:25px; top:443px; width: 533px; height: 136px;}
.process .list .li05 .ico{ position: absolute; left: 0px; top: 10px;}
.process .list .li05 .text{ float:right; width:345px; height: 126px;}
.process .list .li05 .text em{ position: absolute; width: 13px; height: 14px; left: -13px; height: 14px; top: 50%; margin-top: -7px; display: none; background: url("../images/nimg13_1.png") center no-repeat; }
.process .list .li05:hover .ico{ background: #13aab8; }
.process .list .li05:hover .text h2{ color: #13aab8; }
.process .list .li06{ position:absolute; right:0px; top:305px; width: 455px; height: 134px;}
.process .list .li06 .ico{ position: absolute; left: 0px; top: 10px;}
.process .list .li06 .text{ float:right; width:345px; height: 126px;}
.process .list .li06 .text em{ position: absolute; width: 13px; height: 14px; left: -13px; height: 14px; top: 50%; margin-top: -7px; display: none; background: url("../images/nimg13_1.png") center no-repeat; }
.process .list .li06:hover .ico{ background: #8f64a6; }
.process .list .li06:hover .text h2{ color: #8f64a6; }
.process .list .li07{ position:absolute; right:0px; top:149px; width: 494px; height: 134px;}
.process .list .li07 .ico{ position: absolute; left: 0px; top: 0px;}
.process .list .li07 .text{ float:right; width:345px; height: 126px;}
.process .list .li07 .text em{ position: absolute; width: 13px; height: 14px; left: -13px; height: 14px; top: 50%; margin-top: -7px; display: none; background: url("../images/nimg13_1.png") center no-repeat; }
.process .list .li07:hover .ico{ background: #00a367; }
.process .list .li07:hover .text h2{ color: #00a367; }

.process .imgDiv img{ width: 100%; }

.netMap{ padding:20px 0 50px;}
.netMap li{ margin-bottom:25px; padding-bottom:15px;}
.netMap li h2{ font-size:18px; height:36px;}
.netMap li h2 a{ color:#0184c6;}
.netMap li div{ position:relative; left:-20px;}
.netMap li div a{ font-size:14px; padding:0 20px;}