/* ==========================================================================

   Global

   ========================================================================== */



 html {

     font-size: 62.5%;

 }



 a {

     color: #333;

 }



 a:hover {

     color: #c30d23;

 }



 body {

     color: #333;

     font: 16px/2 Arial, Arial, Helvetica, sans-serif;



 }



 .wrapper {

     max-width: 1200px;

     /*min-width: 980px; */

     _width: 1200px;

     padding: 0 10px;

     margin-left: auto;

     margin-right: auto;

 }



 .wrapper:after,

 .row:after {

     content: "";

     display: table;

     clear: both;

 }

 /* arrow */



 .arrow {

     position: absolute;

     top: 50%;

     margin-top: -4px;

 }



 .arrow * {

     position: absolute;

     top: 0;

     left: 0;

     width: 0;

     height: 0;

     border: 0 dashed transparent;

     overflow: hidden;

 }

 /* arrow-right */



 .arr-r * {

     border-left-style: solid;

     border-width: 4px 0 4px 4px;

 }



 .arr-r em {

     left: 1px;

 }



 .arr-r span {

     border-left-color: #3675bb;

 }



 .tri {

     position: absolute;

     width: 0;

     height: 0;

     border: 0 dashed transparent;

     overflow: hidden;

 }

 /* ==================================

   menu

   ================================== */



 .menu {

     position: relative;

 }

 /* menu-hd */



 .menu-hd {

     position: relative;

     z-index: 1002;

     overflow: hidden;

     height: 30px;

     line-height: 30px;

     padding: 0 20px 0 6px;

 }

 /* menu-bd */



 .menu-bd {

     display: none;

     position: absolute;

     z-index: 1001;

     margin-top: -1px;

 }



 .menu-bd-panel {

     padding: 5px 0;

     border: 1px solid #eee;

     background: #fff;

     min-width: 96px;

 }



 .menu-bd-panel a {

     display: block;

     padding: 0 5px;

     line-height: 28px;

     white-space: nowrap;

     color: #6C6C6C
 }

 /* menu arrow */



 .menu-hd .fa-caret-down {

     -webkit-transition: .3s ease-in;

     -moz-transition: .3s ease-in;

     -o-transition: .3s ease-in;

     transition: .3s ease-in;

     position: absolute;

     height: 30px;

     line-height: 30px;

     top: 0;

     right: 6px;

 }

 /* menu hover */



 .menu-hover .menu-hd {

     z-index: 10002;

 }



 .menu-hover .menu-bd {

     z-index: 10001;

 }



 .menu-hover .menu-hd {

     padding: 0 19px 1px 5px;

     border-width: 0 1px;

     border-style: solid;

     border-color: #eee;

     background: #fff;

 }



 .menu-hover .menu-hd .fa-caret-down {

     -webkit-transform: rotate(180deg);

     -moz-transform: rotate(180deg);

     -o-transform: rotate(180deg);

     transform: rotate(180deg);

 }



 .menu-hover .menu-bd-panel a:hover {
     background: #eee;
 }





 /* search */



 /* ==========================================================================

   Header

   ========================================================================== */



 header {}



 header .wrapper {
     min-height: 80px;
     position: relative;
     z-index: 99;
 }

 .logo {
     position: absolute;
     left: 0;
     width: 40%;
     height: 100px;
     overflow: hidden;
     line-height: 100px;
 }

 .logo img {
     max-width: 100%;
 }

 @media only screen and (max-width: 880px) {

     .logo {
         left: 10px;
     }

 }

 @media only screen and (max-width:767px) {

     .logo {
         display: none;
     }

 }

 .topbar {
     position: absolute;
     top: 11px;
     right: 0px;
     font: 300 14px/24px Arial;
 }

 .global {
     float: right;
     cursor: pointer;
     margin-left: 10px;
     position: relative;
 }

 .global .fa {
     font-size: 20px;
     color: #c30d23;
 }

 .globalbox {
     display: none;
     position: absolute;
     top: 100%;
     right: 0;
     width: 100px;
     text-transform: Uppercase;

     padding: 20px;
     background: #fff;
     z-index: 400;
     box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
 }

 .globalbox a {
     color: #666;
 }

 .globalbox a:hover {
     color: #c30d23;
 }

 .global:hover .globalbox {
     display: block;
 }

 .btflang {
     display: none;
     width: 40px;
     height: 48px;
     font: 300 18px/48px Arial;
     text-align: center;
     position: absolute;
     right: 82px;
     top: 0;
     z-index: 999;
 }



 .serchinco {
     position: absolute;
     width: 40px;
     height: 48px;
     right: 20px;
     top: 0;
     font: 300 12px/48px Arial;
     cursor: pointer;
     z-index: 999;
     text-align: center;
 }

 .serchinco .fa {
     font-size: 20px;
     color: #c30d23;
 }

 .globalsearch {
     display: none;
 }

 .globalsearch {
     position: absolute;
     top: 90px;
     right: 0;
     width: 280px;
     padding: 15px;
     z-index: 99;
     background: #c30d23;
 }

 .globalsearch .warp {
     background: #fff;
 }

 .globalsearch #q,
 .globalsearch .search-btn {
     float: left;
     border: 0 none;
 }

 .globalsearch #q {
     width: calc(100% - 65px);
     height: 18px;
     padding: 10px;
     line-height: 18px;
     background: #fff;
     border: 1px solid #fff;
     font: 300 12px/18px Arial;
 }

 .globalsearch .search-btn {
     width: 30px;
     height: 38px;
     cursor: pointer;
     background: url(../images/btn_ser.png) no-repeat center;
 }



 @media only screen and (max-width:767px) {

     .topbar {
         display: none;
     }

     .globalsearch {
         width: calc(100% - 30px);
         top: 48px;
     }

     .serchinco {
         right: 40px;
         top: 0px;
     }

     .btflang {
         display: block;
     }

 }



 /* ==========================================================================

   Nav

   ========================================================================== */

 /* primary */



 .globalnav {

     position: absolute;

     z-index: 999;

     right: 0;

     top: 16px;

 }



 .globalnav li {

     float: left;

 }



 .globalnav li a {

     display: block;

     color: #444;

     padding: 0 20px;

     font-size: 14px;

     line-height: 42px;

     font-family: Arial;

 }



 .globalnav .nav-sep {

     width: 2px;

     height: 42px;

     background: url(../images/nav-sep.gif) no-repeat 0;

 }



 .globalnav .active a,

 .globalnav li .active1 {

     color: #3476a5;

 }



 .dropdown {

     position: absolute;

     z-index: 999;

     background: #fff;

     background: rgba(255, 255, 255, .9);

     display: none;

     padding: 15px 20px;

     border-bottom: 3px solid #c30d23;

     margin-left: -65px;

     top: 100%;

     min-width: 150px;

 }



 @media (min-width:768px) {

     .active1+.dropdown {

         top: 56px;

     }

 }



 .dropdown:after {

     content: "";

     position: absolute;

     width: 0;

     height: 0;

     border: 0 dashed transparent;

     overflow: hidden;

     border-top-style: solid;

     border-width: 5px 5px 0;

     border-top-color: #333;

     left: 50%;

     margin-left: -5px;

     top: -5px;

 }

 .dropdown a {

     /*    white-space: nowrap;*/

     line-height: 30px;

     font-size: 14px;

     float: left;

     padding: 0;

     color: #000;

     background: none;

     border-bottom: 0 none;

     width: 90%;

     display: block;

     text-align: left;

 }



 .dropdown a .fa {

     font-size: 12px;

     line-height: 30px;

     color: #ccc;

     padding-right: 5px;

 }

 .dropdown a:hover,

 .dropdown a:hover .fa {

     color: #c30d23;

 }



 #gn_03 .dropdown {
     margin-left: -15px;
 }

 #gn_05 .dropdown {
     margin-left: -40px;
 }

 #gn_06 .dropdown {
     margin-left: -75px;
 }





 @media (max-width:767px) {

     .dropdown a {

         /*    white-space: nowrap;*/

         font-size: 16px;

         width: 100%;

         text-align: left;

     }

     .dropdown {
         min-width: calc(100% - 40px);
     }

     #gn_05 .dropdown,
     #gn_06 .dropdown {
         margin-left: 0;
     }

 }







 /* ==========================================================================

   Content

   ========================================================================== */



 .hidden {
     display: none;
 }



 /* ==================================

   banner

   ================================== */



 .banner {
     overflow: hidden;
     position: relative;
     margin-top: 100px;
 }

 .banner .swiper-wrapper {
     z-index: 0;
 }

 .banner .swiper-slide .pic {
     overflow: hidden;
 }

 .banner img {
     max-width: 100%;
 }

 .banner .mpic {
     display: none;
 }

 .banner .swiper-slide {
     text-transform: Uppercase;
 }

 .banner .swiper-slide .txtcover01 {
     position: absolute;
     height: 180px;
     left: 0;
     top: 220px;
     width: 100%;
     text-align: center;

     font: 700 60px/84px microsoft yahei;
     color: #fff;

     text-shadow: 5px 5px 5px #666;

 }



 .banner .swiper-slide .txtcover02 {
     position: absolute;
     width: 100%;
     left: 0;
     top: 120px;
     font: 700 36px/48px microsoft yahei;
     color: #c30d23;
 }

 .banner .swiper-slide .txtcover02 .mode {
     width: 607px;
 }



 .banner .swiper-slide .txtcover03 {
     position: absolute;
     width: 100%;
     left: 0;
     top: 230px;
     font: 700 60px/76px microsoft yahei;
     color: #c30d23;
 }





 .banner .swiper-button-next,
 .banner .swiper-button-prev {
     width: 53px;
     height: 103px;
     line-height: 103px;
     font-size: 68px;
     color: #fff;
     margin-top: -50px;
 }

 .banner .swiper-button-next {
     background: none;
     text-align: right;
 }

 .banner .swiper-button-prev {
     background: none;
 }

 .banner .swiper-button-next:hover,
 .banner .swiper-button-prev:hover {
     color: #c30d23;
 }

 .banner .swiper-pagination-bullet {

     width: 12px;

     height: 12px;

     display: inline-block;

     border-radius: 0;
     background: #c30d23;
     box-shadow: 0 4px 10px rgba(0, 0, 0, .35);
     opacity: 1;

 }

 .banner .swiper-pagination-bullet-active {

     opacity: 1;

     background: #fff;

 }

 @media only screen and (max-width:1440px) {

     .banner .swiper-slide .txtcover01 {
         top: 160px;
         font: 700 36px/48px microsoft yahei;
     }

     .banner .swiper-slide .txtcover02 {
         top: 120px;
         font: 700 24px/36px microsoft yahei;
     }

     .banner .swiper-slide .txtcover02 .mode {
         width: 400px;
     }

     .banner .swiper-slide .txtcover03 {
         top: 150px;
         font: 700 36px/48px microsoft yahei;
     }



 }

 @media only screen and (max-width: 767px) {

     .banner .mpic {
         display: block;
     }

     .banner .pic {
         display: none;
     }

     .banner {
         height: auto;
         margin-top: 0;
     }

     .banner .swiper-slide .pic {
         height: auto;
     }

     .banner .swiper-slide img {
         display: block;
         max-width: 100%;
     }

     .banner .swiper-button-next,
     .banner .swiper-button-prev {
         display: none;
     }

     .banner .swiper-slide .txtcover01,
     .banner .swiper-slide .txtcover03 {
         font: 700 18px/30px microsoft yahei;
     }

     .banner .swiper-slide .txtcover01 {
         top: 60px;
     }

     .banner .swiper-slide .txtcover02 {
         top: 20px;
         font: 700 16px/24px microsoft yahei;
     }

     .banner .swiper-slide .txtcover02 .mode {
         width: 100%;
     }

     .banner .swiper-slide .txtcover03 {
         top: 50px;
     }

     .swiper-pagination {
         bottom: 0px !important;
     }



 }



 /* ==========================================================================

   home_about

   ========================================================================== */

 .home_about {
     padding: 60px 0 120px 0;

     background: #fff url(../images/homebg01.jpg) top center no-repeat;

 }

 .home_about .part01 .left {
     width: 300px;
     float: left;
 }

 .home_about .part01 .left h3 {
     font: 300 46px/46px Arial;
     color: #6c6c7a;
     margin: 10px 0 0 20px;
 }

 .home_about .part01 .txtarea {
     float: left;
     width: calc(100% - 300px);
     float: right;
     color: #6c6c7a;
     font: 300 16px/30px Arial;
     height: 120px;
     overflow: hidden;
 }

 .home_about .part02 {
     text-align: right;
 }

 .home_about .part02 a {
     width: 130px;
     height: 75px;
     display: inline-block;
     border: 6px solid #c30d23;
     text-align: center;
     color: #c30d23;
     font: 300 24px/75px Arial;
     border-bottom: 0;
 }

 .home_about .part03 .mode01 {
     width: 40%;
     overflow: hidden;
     float: left;
 }

 .home_about .part03 .mode02,
 .home_about .part03 .mode03 {
     width: 20%;
     height: 320px;
     overflow: hidden;
     float: left;
 }

 .home_about .part03 .mode01 .pic,
 .home_about .part03 .mode03 .pic {
     width: 100%;
     height: 320px;
     overflow: hidden;
 }

 .home_about .part03 .mode01 .pic img,
 .home_about .part03 .mode03 .pic img {
     height: 320px;
     transition: transform 2s;
 }

 .home_about .part03 .mode01 .pic:hover img,
 .home_about .part03 .mode03 .pic:hover img {
     transform: scale(1.1);
 }

 .home_about .part03 .mode02 {
     background: #c30d23;
     color: #fff;
 }

 .home_about .part03 .mode02 .warp {
     padding: 50px 30px 0 30px;
 }

 .home_about .part03 .mode02 h3 {
     font: 300 32px/36px Arial;
     margin-bottom: 10px;
 }

 .home_about .part03 .mode02 p {
     font: 300 16px/24px Arial;
 }

 .home_about .part03 .mode04 {
     width: 70%;
     height: 130px;
     float: right;
     background: #e2e2e7;
 }

 .home_about .part03 .mode04 .desc {
     margin: 30px;
 }

 @media only screen and (max-width: 960px) {

     .home_about .part03 .mode01,
     .home_about .part03 .mode03 {
         width: 60%;
     }

     .home_about .part03 .mode02 {
         width: 40%;
     }

     .home_about .part03 .mode04 {
         width: 100%;
         height: auto;
     }



 }

 @media only screen and (max-width:767px) {

     .home_about {
         padding: 20px 0;
     }

     .home_about .part03 .mode01,
     .home_about .part03 .mode03 {
         width: 100%;
     }

     .home_about .part03 .mode02 {
         width: 100%;
         height: auto;
     }

     .home_about .part03 .mode02 .warp {
         padding: 50px 30px;
     }

     .home_about .part03 .mode02,
     .home_about .part03 .mode03 {
         height: auto;
     }

     .home_about .part03 .mode01 .pic,
     .home_about .part03 .mode03 .pic {
         width: 100%;
         height: auto;
     }

     .home_about .part03 .mode01 .pic img,
     .home_about .part03 .mode03 .pic img {
         width: 100%;
         height: auto;
     }

     .home_about .part01 .left {
         width: 100%;
         float: none;
     }

     .home_about .part01 .left img {
         width: 100px;
     }

     .home_about .part01 .left h3 {
         font: 300 28px/46px Arial;
         color: #6c6c7a;
         margin: 10px 0 0 20px;
     }

     .home_about .part01 .txtarea {
         float: none;
         width: 100%;
         float: none;
         margin-bottom: 10px;
     }

     .home_about .part02 {
         text-align: left;
         margin-bottom: 20px;
     }

     .home_about .part02 a {
         width: 130px;
         height: 40px;
         display: inline-block;
         border: 2px solid #c30d23;
         font: 300 24px/40px Arial;
     }



 }

 /* ==========================================================================

   home_pro

   ========================================================================== */


  .home_pro {
     background: url(../images/homebg02.jpg) bottom center no-repeat;
     padding-top: 30px;
 }

 .home_pro .part01 .left {
     float: left;
 }

 .home_pro .part01 .left h3 {
     font: 300 46px/46px Arial;
     color: #6c6c7a;
     margin: 10px 0 0 20px;

 }

 .home_pro .part01 .right {
     float: right;
     padding-top: 74px;
 }

 .home_pro .part01 .right a {
     width: 200px;
     height: 70px;
     display: inline-block;
     border: 6px solid #c30d23;
     text-align: center;
     color: #c30d23;
     font: 300 24px/70px Arial;
     /*border-top: 0;*/
 }

 .home_pro .part02 {
     margin-top: 20px;
 }

 .home_pro .part02 .left {
     float: left;
     width: 300px;
 }

 .home_pro .part02 .left li {
     line-height: 18px;
     padding: 8px 0 8px 45px;
 }

 .home_pro .part02 .left li a {
     color: #c30d23; font-weight: bold;
 }

 .home_pro .part02 .left li.cut,
 .home_pro .part02 .left li:hover {
     background: url(../images/line02.jpg) left 15px no-repeat;
 }

 .home_pro .part02 .left li.cut a,.home_pro .part02 .left li:hover a {
     font-size: 18px;
 }

 .home_pro .part02 .right {
     width: calc(100% - 300px);
     float: right;
     padding-top: 30px;
 }



 .btprobox {
     max-width: 273px;
     margin: 0 auto 20px auto;
     overflow: hidden;
 }

 .btprobox .imgarea {
     height: 273px;
     overflow: hidden;
 }

 .btprobox .imgarea img {
     width: 100%;
     min-height: 273px;
     transition: transform 2s;
 }

 .btprobox:hover .imgarea img {
     transform: scale(1.1);
 }

 .btprobox .txtarea {
     padding: 10px;
 }

 .btprobox .txtarea h3 {
     font: 700 16px/30px Arial;
     color: #000;
     width: 100%;
     height: 30px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .btprobox .txtarea .desc {
     font: 300 16px/24px Arial;
     color: #909098;
     height: 72px;
     overflow: hidden;
 }

 #owl-hpro .owl-controls {
     display: none;
 }

 @media only screen and (max-width: 960px) {

     .home_pro .part02 .left {
         float: none;
         width: 100%;
     }

     .home_pro .part02 .right {
         width: 100%;
         float: none;
         padding-top: 30px;
     }

     .home_pro .part02 .left li {
         width: calc(50% - 50px);
         float: left;
     }

 }

 @media only screen and (max-width:767px) {

     .home_pro {
         margin-top: 0;
     }

     .home_pro .part02 .left {
         display: none;
     }



     .home_pro .part02 .left li {
         width: calc(100% - 50px);
         float: none;
     }

     .home_pro .part01 .left {
         width: 100%;
         float: none;
         padding-top: 45px;
     }

     .home_pro .part01 .left img {
         width: 100px;
     }

     .home_pro .part01 .left h3 {
         font: 300 28px/46px Arial;
         margin: 10px 0 0 0;
     }

     .home_pro .part01 .right {
         float: none;
         padding-top: 10px;
     }

     .home_pro .part01 .right a {
         width: 200px;
         height: 40px;
         display: inline-block;
         border: 2px solid #c30d23;
         font: 300 24px/40px Arial;
     }

     #owl-hpro .owl-controls {
         display: block;
     }

 }

 /* ==========================================================================

   home_popular

   ========================================================================== */

 .home_popular {
     padding: 60px 0;
     background: #fff;
 }

 .home_popular .tit {
     font: 300 46px/46px Arial;
     text-align: center;
     color: #c30d23;
 }

 .home_popular .part01 {
     padding-top: 30px;
     position: relative;
 }

 #owl-popular .owl-dot {
     display: none;
 }

 #owl-popular .btprobox .txtarea h3 {
     color: #000;
     font-weight: bold;
 }



 #owl-popular .owl-prev,
 #owl-popular .owl-next {
     width: 66px;
     top: auto;
     height: 65px;
     background: none;
     text-indent: 100px;
     overflow: hidden;
     padding: 0;
     margin: 0;

     -webkit-border-radius: 0;

     -moz-border-radius: 0;

     border-radius: 0;

     filter: Alpha(Opacity=100);

     opacity: 1;

 }



 #owl-popular .owl-prev {
     position: absolute;
     left: 50%;
     margin-left: -205px;
     bottom: -85px;
     background: url(../images/arr01.png) left top no-repeat;
 }

 #owl-popular .owl-next {
     position: absolute;
     left: 50%;
     margin-left: 140px;
     bottom: -85px;
     background: url(../images/arr02.png) left top no-repeat;
 }

 #owl-popular .owl-prev:hover {
     background: url(../images/arr03.png) left top no-repeat;
 }

 #owl-popular .owl-next:hover {
     background: url(../images/arr04.png) left top no-repeat;
 }

 .home_popular .part01 .more {
     text-align: center;
     margin-top: 20px;
 }

 .home_popular .part01 .more a {
     width: 200px;
     height: 54px;
     border: 6px solid #c7cbd3;
     display: inline-block;
     text-align: center;
     font: 300 17px/54px Arial;
     color: #78787e;
 }

 .home_popular .part01 .more a:hover {
     border-color: #c30d23;
     color: #c30d23;
 }

 #owl-popular .btprobox:hover .txtarea {
     background: #c30d23;
     color: #fff;
 }

 #owl-popular .btprobox:hover .txtarea h3,
 #owl-popular .btprobox:hover .txtarea .desc {
     color: #fff;
 }



 @media only screen and (max-width:480px) {

     .home_popular .tit {
         font: 300 28px/28px Arial;
     }

     #owl-popular .owl-prev {
         position: absolute;
         left: 0;
         margin-left: 0;
         bottom: -85px;
     }

     #owl-popular .owl-next {
         position: absolute;
         left: auto;
         right: 0;
         margin-left: 0;
         bottom: -85px;
     }

 }

 @media only screen and (max-width:320px) {

     #owl-popular .owl-prev,
     #owl-popular .owl-next {
         display: none;
     }

 }



 /* ==========================================================================

   home_news

   ========================================================================== */

 .home_news {
     background: #fff;
     position: relative;
 }

 .home_news .bg {
     background: url(../images/homebg03.jpg) left top no-repeat;
     left: 40%;
     position: absolute;
     width: 100%;
     height: 100%;
 }

 .home_news .part01 .left {
     float: left;
     width: 448px;
     overflow: hidden;
 }

 .home_news .part01 .left .tit {
     margin-bottom: 20px;
     position: relative;
     z-index: 1;
 }

 .home_news .part01 .left .tit h3 {
     font: 300 46px/46px Arial;
     color: #6c6c7a;
     margin: 10px 0 0 20px;
 }

 #owl-newspic .owl-dot {
     display: none;
 }

 #owl-newspic .item {
     width: 100%;
     height: 267px;
     overflow: hidden;
     position: relative;
 }

 #owl-newspic .item img {
     max-width: 100%;
     transition: transform 2s;
 }

 #owl-newspic .item:hover img {
     transform: scale(1.1);
 }

 #owl-newspic .item .cover {
     width: 100%;
     height: 100%;
     background: url(../images/picbg01.png) bottom center repeat-x;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 1;
 }

 #owl-newspic .item .cover p {
     margin-top: 49%;
     color: #fff;
     text-indent: 15px;
 }

 #owl-newspic .owl-prev,
 #owl-newspic .owl-next {
     width: 30px;
     top: auto;
     height: 30px;
     text-indent: 100px;
     overflow: hidden;
     padding: 0;
     margin: 0;

     -webkit-border-radius: 0;

     -moz-border-radius: 0;

     border-radius: 0;

     filter: Alpha(Opacity=100);

     opacity: 1;

 }

 #owl-newspic .owl-prev {
     position: absolute;
     left: auto;
     right: 50px;
     bottom: 10px;
     background: url(../images/arr05.png) left top no-repeat;
 }

 #owl-newspic .owl-next {
     position: absolute;
     left: auto;
     right: 10px;
     bottom: 10px;
     background: url(../images/arr06.png) left top no-repeat;
 }



 .home_news .part01 .right {
     float: right;
     width: calc(100% - 480px);
     height: 500px;
     position: relative;
     z-index: 1;
 }

 .home_news .part01 .right .more {
     position: absolute;
     right: 0;
     top: -43px;
 }

 .home_news .part01 .right .more a {
     width: 200px;
     height: 86px;
     display: inline-block;
     background: #c30d23;
     text-align: center;
     color: #fff;
     font: 300 24px/86px Arial;
 }

 .hnewslist {
     margin-top: 80px;
 }

 .hnewslist li {
     overflow: hidden;
     margin-bottom: 23px;
 }

 .hnewslist li .date {
     width: 100px;
     height: 100px;
     text-align: center;
     float: left;
     font: 300 24px/30px Arial;
     color: #313131;
     border: 1px solid #313131;
 }

 .hnewslist li .date h2 {
     font: 600 20px/30px Arial;
     margin-top: 20px;
 }

 .hnewslist li .txtarea {
     width: calc(100% - 140px);
     float: right;
     padding-right: 10px;
 }

 .hnewslist li .txtarea h3 {
     font: 300 18px/30px Arial;
     margin-top: 5px;
     color: #000;
     width: 100%;
     height: 30px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .hnewslist li .txtarea .desc {
     font: 300 14px/24px Arial;
     height: 48px;
     overflow: hidden;
     color: #555;
     margin-top: 5px;
 }

 .hnewslist li:hover .date {
     color: #c30d23;
     border: 1px solid #c30d23;
 }

 .hnewslist li:hover .txtarea h3 {
     color: #c30d23;
 }



 @media only screen and (max-width:920px) {

     .home_popular {
         padding: 20px 0;
     }

     .home_news {
         background: url(../images/homebg03.jpg) center top no-repeat;
         background-size: cover;
     }

     .home_news .bg {
         display: none;
     }

     .home_news .part01 .left {
         float: none;
         margin: 0 auto;
         padding-top: 30px;
     }

     .home_news .part01 .right {
         float: none;
         width: 100%;
     }

     .home_news .part01 .right .more {
         position: absolute;
         right: auto;
         top: auto;
         bottom: 30px;
         left: 0;
     }

     .hnewslist {
         margin-top: 20px;
     }

 }



 @media only screen and (max-width:460px) {

     .home_news .part01 .left {
         width: 100%;
     }

     .home_news .part01 .left .tit img {
         width: 100px;
     }

     .home_news .part01 .left .tit h3 {
         font: 300 28px/46px Arial;
         margin: 10px 0 0 0;
     }

     #owl-newspic .item {
         height: auto;
     }

 }



 .hcontact {
     padding: 20px 0;
     background: #9d9da1;
 }

 .hcontact li {
     float: left;
     color: #fff;
     width: 20%;
 }

 .hcontact li h3 {
     font: 700 16px/24px Arial;
 }

 .hcontact li p {
     color: #cbcbcd;
     font: 300 14px/20px Arial;
 }

 .hcontact li .warp {
     margin-right: 20px;
 }

 .hcontact li:nth-child(1),
 .hcontact li:nth-child(3) {
     width: 30%;
 }

 .hcontact li .link {
     margin-left: 110px;
     margin-top: -24px;
 }

 @media only screen and (max-width:767px) {

     .hcontact li {
         width: 100%;
         float: none;
         margin-bottom: 20px;
     }

     .hcontact li:nth-child(1),
     .hcontact li:nth-child(3) {
         width: 100%;
     }

 }



 .inner_contact {
     background: #565659;
     padding: 80px 0 0 0;
     color: #fff;
 }

 .inner_contact .mod01 {
     width: 200px;
     overflow: hidden;
     float: left;
 }

 .inner_contact .mod01 h3.tit {
     font: 300 34px/69px Arial;
     margin-bottom: 20px;
     text-transform: Uppercase;
 }

 .inner_contact .cont_right {
     width: calc(100% - 220px);
     overflow: hidden;
     float: right;
 }

 .inner_contact .cont_right .mod02 {
     width: 29%;
     float: left;
 }

 .inner_contact .cont_right .mod03 {
     width: 40%;
     float: left;
     padding: 0 1%;
 }



 .inner_contact input {
     width: calc(100% - 22px);
 }

 .inner_contact input::-webkit-input-placeholder {
     color: #fff;
 }

 .inner_contact textarea::-webkit-input-placeholder {
     color: #fff;
 }

 .inner_contact input,
 .inner_contact textarea {
     padding: 8px 10px;
     font-size: 12px;
     line-height: 18px;
     font-family: microsoft yahei;
     margin-bottom: 10px;
     background: #5f5f61;
     border: 1px solid #49494c;
 }

 .inner_contact textarea {
     height: 63px;
     width: calc(100% - 22px);
     resize: none;
 }

 .inner_contact .ui-btn {
     cursor: pointer;
     text-align: center;
     padding: 8px 0;
     width: 100%;
     font-size: 14px;
     font-family: microsoft yahei;
     text-align: center;

     border: 0 none;
     background: #3b3b3c;
     color: #fff;
 }



 @media only screen and (max-width: 767px) {

     .inner_contact {
         padding: 40px 0;
     }

     .inner_contact .mod01 {
         width: 100%;
         float: none;
     }

     .inner_contact .cont_right {
         width: 100%;
         margin-top: 10px;
         height: auto;
     }

     .inner_contact .cont_right .mod02 {
         width: 100%;
         float: left;
     }

     .inner_contact .cont_right .mod03 {
         width: 100%;
         float: right;
     }

 }



 /* ==========================================================================

   Footer

   ========================================================================== */

 footer {
     color: #fff;
     font-size: 12px;
     background: #565659;
     font-family: Arial;
     padding: 60px 0 20px 0;
 }

 footer a {
     color: #fff;
 }

 footer a:hover {
     text-decoration: underline;
 }

 .footer-nav {
     text-align: justify;
 }

 .footer-nav:after {
     content: "";
     width: 100%;
     display: inline-block;
     font-size: 0;
     line-height: 0;
 }

 .fn-col {
     display: inline-block;
     *display: inline;

     zoom: 1;
     vertical-align: top;
     *padding-right: 100px;
 }

 .footlinks {
     border-bottom: 1px solid #5b5b5f;
     padding-left: 120px;
     position: relative;
     height: 70px;
 }

 .footlinks .tit {
     position: absolute;
     left: 0;
     bottom: -1px;
     color: #fff;
     font-weight: normal;
 }

 .footlinks .tit h3 {
     font: 300 34px/69px Arial;
     text-transform: Uppercase;
 }

 .footlinks .tit .line {
     width: 70px;
     height: 1px;
     background: #c51328;
 }

 .footlinks .mode {
     margin-top: 25px;
 }

 .footlinks a {
     font: 300 16px/24px Arial;
     color: #96969c;
     margin-right: 15px;
 }



 .copyright {
     font: 300 16px/25px Arial;
     color: #9393a0;
     margin-top: 10px;
 }



 .fn_colewm {
     text-align: center;
 }

 .fn-colwx {
     width: 150px;
     text-align: left;
 }

 .wxmod {
     font: 300 36px/40px Arial;
     margin-bottom: 20px;
 }

 .fn-colwx .share a {
     padding-right: 10px;
     margin-bottom: 10px;
     display: inline-block;
 }





 .footbd {
     background: #296695;
     color: #fff;
     text-align: center;
     padding: 10px 0;
 }

 .footbd a {
     color: #fff;
 }

 .fixed-b {
     position: fixed;
     width: 100%;
     background: #333;
     bottom: 0;
     left: 0;
     display: none;
     z-index: 3;
 }

 .fixed-b li {
     width: 25%;
     text-align: center;
     color: #fff;
     float: left;
 }

 .fixed-b li a {
     display: block;
     border-right: 1px solid #454545;
     color: #fff;
     padding: 10px 0;
 }

 .fixed-b li .fa {
     font-size: 24px;
     line-height: 30px;
 }

 .fixed-b li:last-of-type a {
     border-right: 0 none;
 }

 .fixed-b li a .txt {
     display: block;
     margin-top: 5px;
 }



 @media only screen and (max-width: 767px) {

     .footlinks .mode {
         margin-top: 0;
     }

     footer {
         padding-bottom: 60px;
         padding-top: 30px;
     }

     .fixed-b {
         display: block;
     }

     .footer-nav {
         text-align: left;
     }

     .fn-colwx {
         width: 100%;
         margin-top: 10px;
     }

     .fn_colewm {
         display: none;
     }

 }



 .toggle-btn {
     display: none;
 }

 @media only screen and (max-width: 767px) {

     .toggle-btn {

         display: block;

         position: absolute;

         right: 20px;

         top: 10px;

         transition: all 0.5s;

     }

     .inner-cont>p img {

         width: 100%;

         height: auto;

         padding-bottom: 20px;

     }

     .gn-item:hover .toggle-btn {

         -webkit-transform: rotate(45deg);

         -ms-transform: rotate(45deg);

         transform: rotate(45deg);

     }

 }