@charset "utf-8";
/* CSS Document */

/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important; outline:none !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.top{ background: #282828;}
.top .left_zi ul li{ font-size: 14px; color: #fff; line-height: 40px; margin-right: 18px; padding: 0 0 0 36px;}
.top .left_zi ul li a{ color: #fff;}
.top .left_zi ul li:hover a{ color: #ca232f;}
.top .right_zi ul li{ font-size: 14px; color: #fff; line-height: 40px; margin-left: 10px; padding-right: 30px;}
.top .right_zi ul li a{ color: #fff;}
.top .right_zi ul li:hover a{ color: #ca232f;}

.top .ss_box{ margin: 4px 20px 0 0;}
.top .ss_box input{ width: 180px; height: 32px; background: #fff; padding: 0 5px; border: none;}
.top .ss_box button{ width: 40px; height: 32px; border: none; background: url(../images/fang1.png) #14b0e7 center center no-repeat;}

.logo{ height:77px; background: url(../images/header_bg.jpg) center center repeat-x;}
.logo .row{ position: relative;}
.logo .logoimg{ position: absolute; left: 0; top: 0; z-index: 999;}

.logo nav{ width:65%;}
.logo nav ul li{ width:14.28%; height: 77px; position: relative;}
.logo nav ul li a{}
.logo nav ul li a>div{ font-size: 16px; color: #333333; padding-bottom: 5px; margin: 18px 0 0 0;}
.logo nav ul li a>span{ display: block; font-size: 12px; color:#333;}
.logo nav ul li.active{ background: url(../images/li_bg.png) center center no-repeat; background-size: 100% 100%;}
.logo nav ul li.active a>div{ color: #14b0e7;}
.logo nav ul li.active a>span{ color: #14b0e7;}
.logo nav ul li:hover{ background: url(../images/li_bg.png) center center no-repeat; background-size: 100% 100%;}
.logo nav ul li:hover a>div{ color: #14b0e7;}
.logo nav ul li:hover a>span{ color: #14b0e7;}
.logo nav .ul2{ display:none; width:100%; position:absolute; top:77px; left:0; background: #f2f2f2;  z-index:999; }
.logo nav .ul2 .li2{ position:relative;}
.logo nav .ul2 .li2 a{ display: block; width: 100%; color:#000; line-height:40px; background:none;}
.logo nav .ul2 .li2 a:hover{ background:#14b0e7; color: #fff;}

.logo nav .ul3{ display:none; width:600%; position:absolute; top:77px; left:0; background: #f2f2f2;  z-index:999; }
.logo nav .ul3 .li2{ position:relative;padding-right:20px;}
.logo nav .ul3 .li2 a{ display: block; width: 100%; color:#000; line-height:40px; background:none;}
.logo nav .ul3 .li2 a:hover{ background:#14b0e7; color: #fff;}

.banner{ position:relative; overflow:hidden;}
.banner img{ display: block; margin:0 auto; width:100%; display:none;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 5px;width:12px;height:12px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; background:#fff; border:none;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#14b0e7;}
.banner #myCarousel .carousel-indicators li.active{background-color:#14b0e7;}

/*m-w*/
.mian-about{ padding:45px 0 18px; background: url(../images/about_bg.jpg) center center; background-size: cover;}
.mian-rl{ padding: 30px 0 0px; background: url(../images/bg.jpg) center center; background-size: cover;}
.mian-news{ padding: 30px 0;}
.mian-hz{ padding: 30px 0;}
.mian-icon{ padding: 45px 0 30px;}
.mian-Color{ padding: 20px 0 0; background: url(../images/Color_bg.jpg) center center; background-size: cover;}



/*t-2*/
.title .row{ margin: 0 -10px !important;}
.title .row .col-md-6{ padding: 0 10px;}
.title h3{ color: #fff; font-size: 30px; line-height: 34px; padding: 5px 0 0 0px;}
.title h3 span{ font-size: 20px; color: #fff; line-height: 34px; padding: 0 0 0 16px; display: inline-block; vertical-align: top;}
.title .titlt_zi{ font-size: 14px; color: #fff; line-height: 25px;}

/*t-2*/
.title2 h3{ color: #15b5ed; font-size: 30px; line-height: 34px; padding: 0 0 0 0px;}
.title2 h3 span{ font-size: 20px; color: #fff; line-height: 34px; padding: 0 0 0 16px; display: inline-block; vertical-align: top;}

/*t-3*/
.title3 h3{ color: #15b5ed; font-size: 30px; line-height: 34px; padding: 0 0 0 0px;}
.title3 h3 span{ font-size: 20px; color: #333; line-height: 34px; padding: 0 0 0 16px; display: inline-block; vertical-align: top;}
.title3 a.more2{display: block; width: 30px; height: 30px; text-align: center; color: #b5b5b5; line-height: 30px; border: 1px solid #b5b5b5; font-size: 14px; font-family: '宋体'; border-radius: 50%; border: 1px solid #b5b5b5; transition: all .3s; margin: 2px 0 0 0;}
.title3 a.more2:hover{ background: #15b5ed; border: 1px solid #15b5ed; color: #fff;}

/*t-4*/
.title4{ margin: 20px 0;}
.title4 h3{ font-size: 42px; color: #fff; text-transform: uppercase; font-family: arial; padding-bottom: 5px;}
.title4 h6{ font-size: 18px; color: #fff;}


/*t-6*/
.title6{ border-bottom: 1px solid #d8d8d8;}
.title6 h4{ font-size:16px; color:#fff; width: 159px; text-align: center; line-height:35px; background: url(../images/title6_bg.png) left center no-repeat; margin-left: -10px !important;}
.title6 span{ color:#acacac; font-size:14px; line-height:35px; padding: 0 0 0 22px; background: url(../images/dz.png) left center no-repeat;}




/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:16px; color:#333; line-height:30px;}
.title07 h2{ margin:0 auto !important; font-size:18px; color:#333; line-height:40px; width:60%; border-bottom:1px dashed #666;}
.title07 h6{color:#666; line-height:30px; }

/*t-4*/
.aboutnei{ margin-top:20px;}
.aboutnei .imgbox{ margin-bottom: 20px;}
.aboutnei .imgbox img{ margin: 0 auto;}
.aboutnei .about_text{ font-size: 14px; color: #333; line-height: 25px; margin-bottom: 30px;}


/*text-3*/
.text03{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.text03 img{ max-width:100%; height:auto;}

/*lunbo*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{}

/*about*/
.about_box{ margin: 0 -10px;}
.about_box .about{ padding: 0 10px; width: 45.5%; margin-bottom: 20px;}
.about_box .about .imgbox{ overflow: hidden;}
.about_box .about .imgbox span{ display: block; width: 100%; transition: all .3s;}
.about_box .about .imgbox img{ max-width: 100%;}
.about_box .about .tit{ padding: 14px; background: #f2f2f2; font-size: 20px; color: #333; position: relative; transition: all .3s;}
.about_box .about .tit:after{ content: '>'; font-size: 14px; font-family: "宋体"; color: #b5b5b5; width: 30px; height: 30px; border: 1px solid #b5b5b5; text-align: center; line-height: 30px; position: absolute; right: 14px; top: 13px; border-radius: 50%;}
.about_box .about:hover .imgbox span{ transform: scale(1.1);}
.about_box .about:hover .tit{ background: #14b0e7; color: #fff;}
.about_box .about:hover .tit:after{ border: 1px solid #fff; color: #fff;}

.about_box .about2{ padding: 0 10px; width: 26%;}
.about_box .about2 .box{ margin-bottom: 15px;}
.about_box .about2 .box .imgbox{ overflow: hidden;}
.about_box .about2 .box .imgbox span{ display: block; width: 100%; transition: all .3s;}
.about_box .about2 .box .imgbox img{ max-width: 100%;}
.about_box .about2 .box .tit{ padding: 14px; background: #f2f2f2; font-size: 20px; color: #333; position: relative; transition: all .3s;}
.about_box .about2 .box .tit:after{ content: '>'; font-size: 14px; font-family: "宋体"; color: #b5b5b5; width: 30px; height: 30px; border: 1px solid #b5b5b5; text-align: center; line-height: 30px; position: absolute; right: 14px; top: 13px; border-radius: 50%;}
.about_box .about2 .box:hover .imgbox span{ transform: scale(1.1);}
.about_box .about2 .box:hover .tit{ background: #14b0e7; color: #fff;}
.about_box .about2 .box:hover .tit:after{ border: 1px solid #fff; color: #fff;}

.about_box .about3{ padding: 0 10px; width: 28.5%;}
.about_box .about3 .imgbox{ overflow: hidden;}
.about_box .about3 .imgbox span{ display: block; width: 100%; transition: all .3s;}
.about_box .about3 .imgbox img{ max-width: 100%;}
.about_box .about3 .tit{ padding: 14px; background: #f2f2f2; font-size: 20px; color: #333; position: relative; transition: all .3s;}
.about_box .about3 .tit:after{ content: '>'; font-size: 14px; font-family: "宋体"; color: #b5b5b5; width: 30px; height: 30px; border: 1px solid #b5b5b5; text-align: center; line-height: 30px; position: absolute; right: 14px; top: 13px; border-radius: 50%;}
.about_box .about3:hover .imgbox span{ transform: scale(1.1);}
.about_box .about3:hover .tit{ background: #14b0e7; color: #fff;}
.about_box .about3:hover .tit:after{ border: 1px solid #fff; color: #fff;}

.about_box .about4{ padding: 0 10px; width: 71.5%;}
.about_box .about4 .imgbox{ overflow: hidden;}
.about_box .about4 .imgbox span{ display: block; width: 100%; transition: all .3s;}
.about_box .about4 .imgbox img{ max-width: 100%;}
.about_box .about4 .tit{ padding: 14px; background: #f2f2f2; font-size: 20px; color: #333; position: relative; transition: all .3s;}
.about_box .about4 .tit:after{ content: '>'; font-size: 14px; font-family: "宋体"; color: #b5b5b5; width: 30px; height: 30px; border: 1px solid #b5b5b5; text-align: center; line-height: 30px; position: absolute; right: 14px; top: 13px; border-radius: 50%;}
.about_box .about4:hover .imgbox span{ transform: scale(1.1);}
.about_box .about4:hover .tit{ background: #14b0e7; color: #fff;}
.about_box .about4:hover .tit:after{ border: 1px solid #fff; color: #fff;}

.about_box .about5{ padding: 0 10px; width: 28%;}
.about_box .about5 .imgbox{ overflow: hidden;}
.about_box .about5 .imgbox span{ display: block; width: 100%; transition: all .3s;}
.about_box .about5 .imgbox img{ max-width: 100%;}
.about_box .about5 .tit{ padding: 14px; background: #f2f2f2; font-size: 20px; color: #333; position: relative; transition: all .3s;}
.about_box .about5 .tit:after{ content: '>'; font-size: 14px; font-family: "宋体"; color: #b5b5b5; width: 30px; height: 30px; border: 1px solid #b5b5b5; text-align: center; line-height: 30px; position: absolute; right: 14px; top: 13px; border-radius: 50%;}
.about_box .about5:hover .imgbox span{ transform: scale(1.1);}
.about_box .about5:hover .tit{ background: #14b0e7; color: #fff;}
.about_box .about5:hover .tit:after{ border: 1px solid #fff; color: #fff;}

/*pic_box*/
.pic_box{ margin: 35px 0 0 0;}
.pic_box .container-fluid{ max-width: 1250px !important;}
.pic_box .big_box{ background: #14b0e7; padding: 20px;}

.picture1 .row{ margin: 0 -10px;}
.picture1 .col-md-6{ padding: 0 10px;}
.picture01{ margin: 35px 0 0 0;}
.picture01 .imgbox{ overflow: hidden; position: relative;}
.picture01 .imgbox span{ display: block; width: 100%; transition: all .3s;}
.picture01 .imgbox img{ max-width: 100%;}
.picture01 .imgbox .bg{ position: absolute; left: 0; width: 100%; bottom: 0; background: rgba( 0,0,0,0.8); padding: 12px 15px 14px 25px;}
.picture01 .imgbox .bg .biao a{ display: block; width: 100%; font-size: 20px; color: #fff; padding: 0 30px 0 0; position: relative; line-height: 30px;}
.picture01 .imgbox .bg .biao a:after{ content: '>'; font-size: 14px; font-family: "宋体"; color: #b5b5b5; width: 30px; height: 30px; border: 1px solid #b5b5b5; text-align: center; line-height: 30px; position: absolute; right: 14px; top:0; border-radius: 50%;}
.picture01 .imgbox .bg .biao:hover a{ color: #15b5ed;}
.picture01 .imgbox .bg .biao:hover a:after{ color: #15b5ed; border: 1px solid #15b5ed;}
.picture01 .imgbox .bg .list{ margin: 14px 0 5px 0; font-size: 0; height: 48px; overflow: hidden;}
.picture01 .imgbox .bg .list a{ display: inline-block; vertical-align: top; margin:0 13px 0 0; color: #fff; font-size: 14px; line-height: 24px; text-transform: uppercase;}
.picture01 .imgbox .bg .list a:hover{ color: #15b5ed;}

.picture02{ margin: 35px 0 0 0;}
.picture02 .imgbox{ overflow: hidden; position: relative;}
.picture02 .imgbox span{ display: block; width: 100%; transition: all .3s;}
.picture02 .imgbox img{ max-width: 100%;}
.picture02 .imgbox .bg{ position: absolute; left: 0; width: 100%; top: 0; background: rgba( 0,0,0,0.8); padding: 12px 15px 14px 25px;}
.picture02 .imgbox .bg .biao a{ display: block; width: 100%; font-size: 20px; color: #fff; padding: 0 30px 0 0; position: relative; line-height: 30px;}
.picture02 .imgbox .bg .biao a:after{ content: '>'; font-size: 14px; font-family: "宋体"; color: #b5b5b5; width: 30px; height: 30px; border: 1px solid #b5b5b5; text-align: center; line-height: 30px; position: absolute; right: 14px; top:0; border-radius: 50%;}
.picture02 .imgbox .bg .biao:hover a{ color: #15b5ed;}
.picture02 .imgbox .bg .biao:hover a:after{ color: #15b5ed; border: 1px solid #15b5ed;}
.picture02 .imgbox .bg .list{ margin: 14px 0 5px 0; font-size: 0; height: 42px; overflow: hidden;}
.picture02 .imgbox .bg .list a{ display: inline-block; vertical-align: top; margin:0 13px 0 0; color: #fff; font-size: 14px; line-height: 24px; text-transform: uppercase;}
.picture02 .imgbox .bg .list a:hover{ color: #15b5ed;}

.case_box{ position: relative;  height: 100%; margin: 50px 0 0; /*padding: 0 80px;*/}
 .swiper-container {
        width: 100%;
        padding: 140px 0 0;
    }
    .swiper-slide {
        height: inherit;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-slide .imgbox{ position: relative;}
    .swiper-slide .imgbox img{ max-width: 100%;}
    .swiper-slide .imgbox .nei{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; transform: scale(1,1) !important;}
    .swiper-slide .imgbox .nei h3{ font-size: 20px; color: #000; font-weight: bold;}
    .swiper-slide .imgbox .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.4;}
    .case_box.m4 .swiper-slide.swiper-slide-active{ position: relative; z-index: 1; transform: scale(1.3,1.2);  }
    .case_box.m4 .swiper-slide .imgbox .nei .nei_til{ display: none;}
    .case_box.m4 .swiper-slide.swiper-slide-active .imgbox .nei h3{ font-size: 20px; color: #000; font-weight: bold; padding: 20px 0 0 20px !important; transform: scale(0.76,0.83) !important;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide{ position: relative; z-index: 2; transform: scale(1.3,1.6);  }
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide .imgbox .nei h3{ font-size: 20px; color: #000; font-weight: bold; padding: 50px 0 0 50px !important; transform: scale(0.76,0.625) !important;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide .imgbox .nei .nei_til{ display: none;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide{ position: relative; z-index: 3; transform:scale(1.4,2.2);}
    /*.case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .nei{ background: rgba(0,0,0,0.32);}*/
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .nei h3{ display: none;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .nei .nei_til{ display: block;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .nei .nei_til .imgbox2{transform: scale(0.712,0.45) !important; margin: 30px 0 0 0;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .nei .nei_til .imgbox2 img{ margin: 0 auto; transform: scale(0.712,0.45) !important;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .nei .nei_til h4{ font-size: 20px; color: #14b0e7; font-weight: bold;transform: scale(0.712,0.45) !important; margin:-10px 0 0 !important;}
     .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .nei .nei_til .nei_ti{ font-size: 14px; color: #14b0e7; line-height: 24px; height: 96px; transform: scale(0.712,0.45) !important; overflow: hidden; margin: -20px 0 0 0;}
     .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .nei .nei_til .jiao{width: 30px; height: 30px; text-align: center; color: #b5b5b5; line-height: 30px; border: 1px solid #b5b5b5; font-size: 14px; font-family: '宋体'; border-radius: 50%; border: 1px solid #b5b5b5; transition: all .3s; margin:0 auto; transform: scale(0.712,0.45) !important; margin-top: -20px;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{ position: relative; z-index: 2; transform: scale(1.3,1.6);}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .imgbox .nei h3{ font-size: 20px; color: #000; font-weight: bold; padding: 50px 50px 0 0 !important; transform: scale(0.76,0.625) !important; text-align: right;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .imgbox .nei .nei_til{ display: none;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide  + .swiper-slide{position: relative; z-index: 1; transform: scale(1.3,1.2);}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .imgbox .nei .nei_til{ display: none;}
    .case_box.m4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .imgbox .nei h3{ font-size: 20px; color: #000; font-weight: bold; padding: 20px 20px 0 0  !important; transform: scale(0.76,0.83) !important; text-align: right;}
    .case_box.m3 .swiper-slide.swiper-slide-active{ position:relative; z-index: 1; transform: scale(1.2,1.4); }
    .case_box.m3 .swiper-slide.swiper-slide-active .imgbox .nei .nei_til{ display: none;}
    .case_box.m3 .swiper-slide.swiper-slide-active .imgbox .nei h3{ font-size: 20px; color: #000; font-weight: bold; padding: 20px 0 0 20px !important; transform: scale(0.83,0.71) !important;}
    .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide{ position:relative; z-index:2; transform: scale(1.2,1.6); }
    /*.case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide .nei{ background: rgba(0,0,0,0.32);}*/
    .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide .nei h3{ display: none;}
    .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide .nei .nei_til{ display: block;}
    .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide .nei .nei_til .imgbox2{transform: scale(0.83,0.625) !important; margin: 30px 0 0 0;}
    .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide .nei .nei_til .imgbox2 img{ margin: 0 auto; transform: scale(0.83,0.625) !important;}
    .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide .nei .nei_til h4{ font-size: 20px; color: #14b0e7; font-weight: bold;transform: scale(0.83,0.625) !important; margin:-10px 0 0 !important;}
     .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide .nei .nei_til .nei_ti{ font-size: 14px; color: #14b0e7; line-height: 24px; height: 96px; transform: scale(0.83,0.624) !important; overflow: hidden; text-align: center; margin: -10px 0 0 0;}
     .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide .nei .nei_til .jiao{width: 30px; height: 30px; text-align: center; color: #b5b5b5; line-height: 30px; border: 1px solid #b5b5b5; font-size: 14px; font-family: '宋体'; border-radius: 50%; border: 1px solid #b5b5b5; transition: all .3s; margin:0 auto; transform: scale(0.83,0.625) !important; margin-top: 10px;}
    .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide { position:relative; z-index: 1; transform: scale(1.2,1.4); }
    .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .imgbox .nei h3{ font-size: 20px; color: #000; font-weight: bold; padding: 50px 50px 0 0 !important; transform: scale(0.83,0.71) !important; text-align: right;}
    .case_box.m3 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .imgbox .nei .nei_til{ display: none;}

    /*.case_box.m2 .swiper-slide .nei{ background: rgba(0,0,0,0.32);}*/
    .case_box.m2 .swiper-slide .nei h3{ display: none;}
    .case_box.m2 .swiper-slide .nei .nei_til{ display: block;}
    .case_box.m2 .swiper-slide .nei .nei_til .imgbox2{ margin: 30px 0 0 0;}
    .case_box.m2 .swiper-slide .nei .nei_til .imgbox2 img{ margin: 0 auto; }
    .case_box.m2 .swiper-slide .nei .nei_til h4{ font-size: 20px; color: #14b0e7; font-weight: bold; margin:20px 0 0 !important;}
    .case_box.m2 .swiper-slide .nei .nei_til .nei_ti{ font-size: 14px; color: #14b0e7; line-height: 24px; height: 96px;  overflow: hidden; text-align: center; margin: 20px 0 0 0;}
    .case_box.m2 .swiper-slide .nei .nei_til .jiao{width: 30px; height: 30px; text-align: center; color: #b5b5b5; line-height: 30px; border: 1px solid #b5b5b5; font-size: 14px; font-family: '宋体'; border-radius: 50%; border: 1px solid #b5b5b5; transition: all .3s; margin:0 auto; margin-top: 20px;}
    
    /*.case_box.m1 .swiper-slide .nei{ background: rgba(0,0,0,0.32);}*/
    .case_box.m1 .swiper-slide .nei h3{ display: none;}
    .case_box.m1 .swiper-slide .nei .nei_til{ display: block;}
    .case_box.m1 .swiper-slide .nei .nei_til .imgbox2{ margin: 30px auto 0; width: 80%;}
    .case_box.m1 .swiper-slide .nei .nei_til .imgbox2 img{ margin: 0 auto; }
    .case_box.m1 .swiper-slide .nei .nei_til h4{ font-size: 20px; color: #14b0e7; font-weight: bold; margin:20px 0 0 !important;}
    .case_box.m1 .swiper-slide .nei .nei_til .nei_ti{ width: 80%; font-size: 14px; color: #14b0e7; line-height: 24px; height: 96px;  overflow: hidden; text-align: center; margin: 20px auto 0;}
    .case_box.m1 .swiper-slide .nei .nei_til .jiao{width: 30px; height: 30px; text-align: center; color: #b5b5b5; line-height: 30px; border: 1px solid #b5b5b5; font-size: 14px; font-family: '宋体'; border-radius: 50%; border: 1px solid #b5b5b5; transition: all .3s; margin:0 auto; margin-top: 20px;}
    
  .swiper-container  .swiper-button-next{ width: 34px; height: 64px; top: 60%; margin-top: -17px; right:0px; background-image: url(../images/niu2.png); background-position:center center ;  background-repeat:no-repeat; background-color: rgba(255,255,255,0) ; }
	.swiper-container  .swiper-button-prev{ width: 34px; height: 64px; top: 60%; margin-top: -17px; left:0px;  background-image: url(../images/niu1.png); background-position:center center ;  background-repeat:no-repeat; background-color: rgba(255,255,255,0) ;}
	
	
	
/*list_nav*/
.list_nav ul{ margin: 7px 22px 0 0; text-align: center; font-size: 0;}
.list_nav ul li{ vertical-align: top; display: inline-block;}
.list_nav ul li a{ display: block; width: 100%;  font-size: 20px; line-height: 20px; color: #333; padding: 0 20px; border-right: 2px solid #333333; transition: all .3s;}
.list_nav ul li.li01 a{ padding:0 0 0 10px; border: none;}
.list_nav ul li.active a{ color: #15b5ed;}
.list_nav ul li:hover a{color: #15b5ed;}
.list_nav .more a{ display: block; width: 30px; height: 30px; text-align: center; color: #b5b5b5; line-height: 30px; border: 1px solid #b5b5b5; font-size: 14px; font-family: '宋体'; border-radius: 50%; border: 1px solid #b5b5b5; transition: all .3s; margin: 2px 0 0 0;}
.list_nav .more a:hover{ background: #15b5ed; border: 1px solid #15b5ed; color: #fff;}


/*news*/
.news_box{ margin: 42px 0 0 0;}
.news_left div{ height: 360px;}


.news_right ul{ margin: 0 -10px;}
.news_right ul li{ width: 50%; padding: 0 10px;}
.news_right ul li .imgbox{ overflow: hidden;}
.news_right ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.news_right ul li .imgbox img{ max-width: 100%;}
.news_right ul li .news_til2{ padding: 26px 14px; background: #dfdfdf; transition: all .3s;}
.news_right ul li .news_til2 h3{ font-size: 14px; color: #333; padding-bottom: 13px; transition: all .3s;}
.news_right ul li .news_til2 .news_ti2{ font-size: 12px; color: #858585; line-height: 20px; height: 120px; overflow: hidden; transition: all .3s;}
.news_right ul li:hover .imgbox span{ transform: scale(1.1);}
.news_right ul li:hover .news_til2{ background: #15b5ed;}
.news_right ul li:hover .news_til2 h3{ color: #fff;}
.news_right ul li:hover .news_til2 .news_ti2{ color: #fff;}


/*pic*/
.picture23{ position:relative; margin:45px 0 0;}
.picture23 #owl-demo3 .item{-webkit-transition: all 0.3s;transition:all 0.3s;}
.picture23 #owl-demo3 .item li{ -webkit-transition: all .3s; transition:all .3s;}
.picture23 #owl-demo3 .item li .imgbox{ overflow: hidden; background: #fff; text-align: center; line-height: 150px; height: 150px; width: 50%;}
.picture23 #owl-demo3 .item .imgbox img{max-width:100%; max-height: 100%; transition: all .5s;}
.picture23 #owl-demo3 .item .hz_show{ width: 50%; height: 150px; background: #dcdcdc; position:relative;}
.picture23 #owl-demo3 .item .hz_show .hz_til{ font-size: 14px; color: #333333; line-height: 24px; height: 48px; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -24px; overflow: hidden; text-align: center; padding: 0 20px;}
.picture23 #owl-demo3 .item li:hover .imgbox img{ transform: scale(1.1);}
.picture23 #owl-demo3 .item li:hover .hz_show{ background: #15b5ed;}
.picture23 #owl-demo3 .item li:hover .hz_show .hz_til{ color: #fff;}
.picture23 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:50px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture23 .owl-theme .owl-controls .owl-buttons div.owl-prev{ display: none;}
.picture23 .owl-theme .owl-controls .owl-buttons div.owl-next{ display: none;}
.picture23 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture23 .owl-theme .owl-controls .owl-page{ display:none;}

.mian-guang{ margin: 43px 0 0 0;}
.mian-guang img{ transition: all .3s;}
.mian-guang .left_ion{ width: 50%; overflow:hidden;}
.mian-guang .right_ion{ width: 50%; overflow: hidden;}
.mian-guang .left_ion:hover img{ transform: scale(1.01,1.05);}
.mian-guang .right_ion:hover img{ transform: scale(1.01,1.05);}

.icon_box ul li{ width: 20%; padding: 0 64px;}
.icon_box ul li .imgbox{ border-radius: 50%; background: #dcdcdc; position: relative; transition: all .3s; margin-bottom: 10px;}
.icon_box ul li .imgbox img{ display: block; position: absolute; left: 50%; margin-left: -28.5px; top: 50%; margin-top: -28.5px;}
.icon_box ul li h3{  font-size: 14px; color: #333; line-height: 30px;}
.icon_box ul li:hover .imgbox{ background: #15b5ed;}

/*lx_box*/
/*.lx_box{ border-bottom: 1px solid #3b4555;}*/
.lj_box{ margin: 40px 0;}
.lj_box ul li{ width: 16.666%;}
.lj_box ul li h4{ font-size: 16px; color: #8d8d8d;}
.lj_box ul li .a_box{ margin-top: 20px;}
.lj_box ul li .a_box a{ display: block; margin-bottom: 15px; color: #8d8d8d;}
.lj_box ul li .a_box a:hover{ color: #fff;}

/*p-7*/
.picture7{ margin:20px 0 0 0; text-align: center;}
.picture7 img{ display:block; margin:0 auto;}

/*c-1*/
.content1{ padding:26px 0 40px 0; background: #f2f2f2;}
.subnav{ box-shadow: 5px 5px 5px #dbdbdb;}
.subnav ol{ border: 1px solid #dbdbdb; padding: 1px !important; background: #fff;}
.subnav ol .biao_til{ background: url(../images/left_bg.jpg) center center; background-size: cover; padding: 10px 0;}
.subnav ol h1{ font-size:20px; color: #555; padding-bottom: 8px;}
.subnav ol span{ display: block; text-align: center; font-size: 14px;  font-family: arial; color: #b4b4b4;}

.subnav2 ol{ border: 1px solid #dbdbdb; padding: 1px !important; background: #fff;}
.subnav2 ol .biao_til{ background: url(../images/left_bg.jpg) center center; background-size: cover; padding: 10px 0;}
.subnav2 ol h1{ font-size:20px; color: #555; padding-bottom: 8px;}
.subnav2 ol span{ display: block; text-align: center; font-size: 14px;  font-family: arial; color: #b4b4b4;}

.subNavBox{padding: 0 14px 20px;}
.subNav2{cursor:pointer;font-size:14px;line-height:40px; border-bottom: 1px dashed #e3e3e3;}
.subNav2 a{ color:#333333; width:100%; display:block; padding: 0 0 0 37px;  background: url(../images/jiao.png) 80% center no-repeat;}
.subNav2.currentDd a{  color: #00be48;}
.subNav2:hover a{  color: #00be48;}
.navContent{margin:0;height:0;overflow:hidden;}
.navContent.on{height:auto;}
/*.navContent.active{ display:block;}*/
.navContent .li2{ padding: 0 0 0 37px; }
.navContent .li2 a.active {color: #00be48; }
.navContent .li2 a{ display: block; font-size: 12px; line-height: 30px; color: #b3b3b3;}
.navContent .li2 a:hover{color: #00be48; }
.subnav .yddnav li{ margin-bottom:2px; height:50px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:50px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#13a308;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:50px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ display:none;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#dcdcdc; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}
.subnav .yddnav .xlxl.xlxlhide{ display:none;}
.subnav .yddnav .xlxls{ height:32px;background:#13a308; border-bottom:dotted 1px #fff}
.subnav .yddnav .xlxls a{ color:#fff; display:block; line-height:32px;}
.subNav02{cursor:pointer;font-size:14px;line-height:40px; border-bottom: 1px dashed #e3e3e3;}
.subNav02 a{ color:#333333; width:100%; display:block; padding: 0 0 0 37px;  background: url(../images/jiao2.png) 80% center no-repeat;}
.subNav02.currentDd a{  color: #f20000;}
.subNav02:hover a{  color: #f20000;}

.subNav03{cursor:pointer;font-size:14px;line-height:40px; border-bottom: 1px dashed #e3e3e3;}
.subNav03 a{ color:#333333; width:100%; display:block; padding: 0 0 0 37px;  background: url(../images/jiao3.png) 80% center no-repeat;}
.subNav03.currentDd a{  color: #f2b100;}
.subNav03:hover a{  color: #f2b100;}

.subNav04{cursor:pointer;font-size:14px;line-height:40px; border-bottom: 1px dashed #e3e3e3;}
.subNav04 a{ color:#333333; width:100%; display:block; padding: 0 0 0 37px;  background: url(../images/jiao4.png) 80% center no-repeat;}
.subNav04.currentDd a{  color: #14b0e7;}
.subNav04:hover a{  color: #14b0e7;}
.lx_img{ margin: 20px 0 0 0; box-shadow: 5px 5px 5px #dbdbdb;}
.lx_img img{ width: 100%;}

.subNav05{cursor:pointer;font-size:14px;line-height:40px; border-bottom: 1px dashed #e3e3e3;}
.subNav05 a{ color:#333333; width:100%; display:block; padding: 0 0 0 37px;  background: url(../images/jiao5.png) 80% center no-repeat;}
.subNav05.currentDd a{  color: #079fbb;}
.subNav05:hover a{  color: #079fbb;}

.subNav06{cursor:pointer;font-size:14px;line-height:40px; border-bottom: 1px dashed #e3e3e3;}
.subNav06 a{ color:#333333; width:100%; display:block; padding: 0 0 0 37px;  background: url(../images/jiao6.png) 80% center no-repeat;}
.subNav06.currentDd a{  color: #0b43cf;}
.subNav06:hover a{  color: #0b43cf;}

.subnav .yddnav li{ margin-bottom:2px; height:50px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:50px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#00be48;}
.subnav .yddnav li a.active2{ background:#f20000;}
.subnav .yddnav li a.active3{ background:#f2b100;}
.subnav .yddnav li a.active4{background:#14b0e7;}
.subnav .yddnav li a.active5{background:#079fbb;}
.subnav .yddnav li a.active6{background:#0b43cf;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:50px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ display:none;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#dcdcdc; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}
.subnav .yddnav .xlxl.xlxlhide{ display:none;}
.subnav .yddnav .xlxls{ height:32px;background:#13a308; border-bottom:dotted 1px #fff}
.subnav .yddnav .xlxls a{ color:#fff; display:block; line-height:32px;}

.touxiang{ background: #fff; border: 1px solid #dbdbdb; height: 92px; padding: 16px 16px 16px 84px; position: relative; margin: 5px 0; box-shadow: 5px 5px 5px #dbdbdb;}
.touxiang .imgbox{ width: 56px; height: 56px; border-radius: 50%; position: absolute; left: 26px; top: 16px; z-index: 1;}
.touxiang .tou_til{ padding: 6px 0 0 15px;}
.touxiang .tou_til h3{ font-size: 14px; color: #333;}
.touxiang .tou_til .xiu{ width: 70px; line-height: 20px; color: #ababab; font-size: 12px; border-radius: 50px; background: #e0e0e0; text-align: center; margin: 8px 0 0 0; cursor: pointer;}
.touxiang .tou_til .xiu:hover{ background: #14b0e7; color: #fff;}

.subNavBox2{ margin-bottom: 5px; background: #fff; box-shadow: 5px 5px 5px #dbdbdb;}
.subNavBox2 .her{ color: #fff; text-align: center; background-color: #14b0e7; line-height: 40px; background-image: url(../images/jiao7.png); background-position: 70% center; background-repeat: no-repeat;}

.subNav07{cursor:pointer;font-size:14px;line-height:40px; border-bottom: 1px dashed #e3e3e3;}
.subNav07 a{ color:#333333; width:100%; display:block; text-align: center;}
.subNav07.active a{  color: #14b0e7;}
.subNav07:hover a{  color: #14b0e7;}

  /*付款方式*/
.main12{background:#f2f2f2; padding:40px 20px 60px 20px; margin:20px;}
.main12 .con14 .title7{margin:40px 0;line-height:30px;}
.main12 .con14 .title7 h5{font-size:24px;font-weight:bold;color:#ff0000;}
.main12 .con14 .title7 h5 span{font-size:12px;color:#000;}
.main12 .con14 table{width:100%;text-align:center;font-size:12px;}
.main12 .con14 table .bt{background:#fff;height:38px;}
.main12 .con14 table .nr{height:60px;border-bottom:1px solid #ccc;}
.main12 .con14 table .nr td{padding:0 10px;}
.main12 .con15{background:#fff;padding:30px;margin-top:40px;}
.main12 .con15 .bt{font-size:18px;}
.main12 .con15 .an2-box{margin:30px 0;}
.main12 .con15 .an2-box div{display:block;width:464px;height:86px;border:1px solid #e5e5e5;margin-right:30px;float:left;cursor:pointer;}
.main12 .con15 .an2-box div .input_pay{display:block;width:85px;height:84px;border-right:1px solid #e5e5e5;float:left; }
.main12 .con15 .an2-box div .input_pay input{display:block;margin:35px; }
.main12 .con15 .an2-box div h5{line-height:84px;color:#000;font-size:18px;padding-left:20px;}
.main12 .con15 .an2-box div h5 img{margin-right:20px;position:relative;top:-2px;}
.main12 .con15 .an5{display:block;width:200px;line-height:50px;background:#ef69da;color:#fff;text-align:center;margin-top:20px;}
.main12 .con15 .an5:hover{background:#790e68;}



/*微信支付*/
.weixin_con .title10{margin:80px 0;}
.weixin_con .title10 h5{font-size:18px;}
.weixin_con .title10 h5 span{color:red;font-weight:bold;}
.weixin_con .title10 p{font-size:18px;}
.weixin_con .title10 p span{color:red;font-weight:bold;}
.weixin_con .con20{box-shadow:0 0 6px rgba(0,0,0,0.6);padding:30px;margin:30px 0;}
.weixin_con .con20 .title11 h5{font-size:20px;line-height:30px;}
.weixin_con .con20 .title11 p{margin-left:80px;line-height:32px;}
.weixin_con .con20 .title11 p span{color:red;margin:0 5px;}
.weixin_con .con20 .wx_box{margin:20px 0;text-align:center;}
.weixin_con .con20 .wx_box .left,.weixin_con .con20 .wx_box .right{display:inline-block;vertical-align:middle !important;margin:0 20px;}
.weixin_con .con20 .wx_box .left img{width:300px;height:300px;border:1px solid #ccc;}
.weixin_con .con20 .wx_box .left p{width:300px;margin-top:10px;color:#fff;padding:10px 0 10px 120px;background:#ff7674 url(../images/weixin/wx_10.jpg) no-repeat 50px center;text-align:left;}
.weixin_con .con20 .more{font-size:20px;color:#25a8ec;margin-top:60px;display:inline-block;}
.weixin_con .con20 .more span{font-size:30px;margin-right:10px;position:relative;top:2px;}
.weixin_con .con20 .more:hover{color:red;}

/*pic*/
.pic{ margin: 20px 0 0 0;}
.pic ul li{ padding: 0 0 0 281px; min-height: 228px; width: 100%; position: relative; margin-bottom: 20px;}
.pic ul li .imgbox{ width: 281px; height: 258px; border: 1px solid #d4d4d4; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1;}
.pic ul li .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.pic ul li .pic_til{ padding: 0 0 0 15px;}
.pic ul li .titl2{ padding: 0 65px 0 13px; background: #cfcfcf; min-height: 38px; position: relative;}
.pic ul li .titl2 h3{ font-size:16px; color: #333333; line-height: 38px;}
.pic ul li .titl2 .mor a{ display: block; width: 58px; line-height: 30px; color: #cfcfcf; position: absolute; right: 3px; top: 4px; border-radius: 5px; background: #fff; font-size: 14px; text-align: center; text-transform: uppercase; transition:all .3s;}
.pic ul li .pic_ti{ margin: 10px 0 0 0;}
.pic ul li .pic_ti h5{ font-size: 14px; color: #333; line-height: 30px; padding: 0 0 0 25px; background: url(../images/hua.png) left center no-repeat;}
.pic ul li .pic_ti .show{ padding: 0 0 0 25px; font-size: 0; height: 90px; overflow: hidden;}
.pic ul li .pic_ti .show p{ display: inline-block; vertical-align: top; font-size: 14px; color: #333; line-height: 30px; width: 50%; padding: 0 10px 0 0;}
.pic ul li .pic_ti .show1{ padding: 0 0 0 25px; font-size: 0; height: 30px; overflow: hidden;}
.pic ul li .pic_ti .show1 p{ display: inline-block; vertical-align: top; font-size: 14px; color: #333; line-height: 30px; width: 50%; padding: 0 10px 0 0;}
.pic ul li .pic_ti .show1 p span{font-size: 16px; color:red;}
.pic ul li .jia a{ display: block; width: 78px; line-height: 30px; border: 1px solid #e2e2e2; text-align: center; font-size: 14px; background: #d9d9d9; font-size: 12px; color: #333; margin: 26px 0 0 0; border-radius: 5px; transition:all .3s;}
.pic ul li:hover .imgbox span{ transform: scale(1.1);}
.pic ul li .titl2 .mor:hover a{ background: none; color: #fff;}
.pic ul li .jia:hover a{ color: #cfcfcf; border: 1px solid #cfcfcf; background: none;}

/*news*/
.news{ margin: 20px 0 0 0;}
.news ul li{ margin-bottom: 50px;}
.news ul li h3{ font-size: 16px; color: #333; padding: 0 0 0 27px; background: url(../images/hua.png) left center no-repeat; transition: all .3s;}
.news ul li .news_box2{ padding: 0 0 0 295px; min-height: 155px; margin: 20px 0 0 0;  position: relative; }
.news ul li .news_box2 .imgbox{position: absolute; left: 0; top: 0; border: 1px solid #d4d4d4; z-index: 1; width: 295px; height: 155px; overflow: hidden;}
.news ul li .news_box2 .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.news ul li .news_box2 .text_box{ padding: 0 0 0 24px;}
.news ul li .news_box2 .text{ font-size: 14px; color: #333; line-height: 25px; height: 75px; overflow: hidden;}
.news ul li .news_box2 .text_box .geng{ width: 78px; line-height: 30px; font-size: 12px; color: #333; text-align: center; border-radius: 5px; background: #d9d9d9; text-align: center; margin: 48px 0 0 0; transition: all .3s;}
.news ul li:hover h3{ color: #f20000;}
.news ul li:hover .news_box2 .imgbox{ border: 1px solid #f20000;}
.news ul li:hover .news_box2 .imgbox span{ transform: scale(1.1);}
.news ul li:hover .news_box2 .text_box .geng{ background: #f20000; color: #fff;}

/*news*/
.news{ margin: 20px 0 0 0;}
.news ul li{ margin-bottom: 10px;}
.news ul li h3{ font-size: 16px; color: #333; padding: 0 0 0 27px; background: url(../images/hua.png) left center no-repeat; transition: all .3s;}
.news ul li .news_box21{ padding: 0 0 0 0px; margin: 20px 0 0 0;  position: relative; }
.news ul li .news_box21 .imgbox{position: absolute; left: 0; top: 0; border: 1px solid #d4d4d4; z-index: 1; width: 295px; height: 155px; overflow: hidden;}
.news ul li .news_box21 .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.news ul li .news_box21 .text_box{ padding: 0 0 0 24px;}
.news ul li .news_box21 .text{ font-size: 14px; color: #333; line-height: 25px; overflow: hidden;}
.news ul li .news_box21 .text_box .geng{text-align: right; width: 78px; line-height: 30px; font-size: 12px; color: #333; text-align: center; border-radius: 5px; background: #d9d9d9; margin: 10px 0 0 0; transition: all .3s;}
.news ul li:hover h3{ color: #f20000;}
.news ul li:hover .news_box21 .imgbox{ border: 1px solid #f20000;}
.news ul li:hover .news_box21 .imgbox span{ transform: scale(1.1);}
.news ul li:hover .news_box21 .text_box .geng{ background: #f20000; color: #fff;}

/*xiao*/
.xiao{ margin: 20px 0 0 0;}
.xiao ul{ margin: 0 -10px;}
.xiao ul li{width: 33.333%; padding: 0 10px; margin-bottom: 20px;}
.xiao ul li .imgbox{ border: 1px solid #dddddd; overflow: hidden;}
.xiao ul li .imgbox span{ display:block; width: 100%; transition: all .3s;}
.xiao ul li h3{ font-size: 14px; color: #333; line-height: 22px;height: 88px;overflow: hidden;}
.xiao ul li .imgbox img{ max-width: 100%;}
.xiao ul li:hover .imgbox span{ transform: scale(1.1);}

.fang_box{ margin: 20px 0 0 0;}
.biaoti .shu{ font-size: 25px; color: #fff; font-weight: bold; text-align: center; width: 50px; line-height: 50px; background: #d2d2d2; border-radius: 50%; margin-right: 10px; position: relative;}
.biaoti .shu:after{ content: ''; width: 0;height: 0;border-top: 8px solid transparent;border-left:10px solid #d2d2d2;border-bottom: 8px solid transparent; position: absolute; right: -7px; top: 50%; margin-top: -8px;}
.biaoti h3{ font-size: 20px; color: #f2b100; font-weight: bold; line-height: 50px;}
.biaoti h3 span{ font-size: 14px; color: #333; font-weight: normal; padding: 0 0 0 10px;}
.fang ul{ margin: 25px -10px 0;}
.fang ul li{ width: 25%; padding: 0 10px; margin-bottom: 20px;}
.fang ul li .imgbox{ border: 1px solid #d0d0d0}
.fang ul li .imgbox span{ display: block; width: 100%;}
.fang ul li .imgbox img{ max-width: 100%;}
.fang ul li .dan{ text-align: center; font-size: 0; margin: 10px 0 0 0;}
.fang ul li .dan *{ display: inline-block; vertical-align: top;}
.fang ul li .dan span{ font-size: 14px; color: #333; padding: 0 0 0 10px; line-height: 21px;}

.fang2 ul{ margin: 25px -10px 0;}
.fang2 ul li{ width: 25%; padding: 0 10px; margin-bottom: 20px;}
.fang2 ul li .imgbox{ text-align: center; line-height: 40px; height: 40px;}
.fang2 ul li .imgbox img{ max-width: 100%; max-height: 100%;}
.fang2 ul li .dan2{ text-align: center; font-size: 0; margin: 10px 0 0 0;}
.fang2 ul li .dan2 *{ display: inline-block; vertical-align: top;}
.fang2 ul li .dan2 span{ font-size: 14px; color: #333; padding: 0 0 0 10px; line-height: 21px;}

.fang3 ul{ margin: 25px -10px 0;}
.fang3 ul li{ width: 25%; padding: 0 10px; margin-bottom: 20px;}
.fang3 ul li .imgbox{ border: 1px solid #d0d0d0}
.fang3 ul li .imgbox span{ display: block; width: 100%;}
.fang3 ul li .imgbox img{ max-width: 100%;}
.fang3 ul li .dan{ text-align: center; font-size: 0; margin: 10px 0 0 0;}
.fang3 ul li .dan *{ display: inline-block; vertical-align: top;}
.fang3 ul li .dan span{ font-size: 14px; color: #333; padding: 0 0 0 10px; line-height: 21px;}

.fang4 ul{ margin: 25px -10px 0;}
.fang4 ul li{ width: 25%; padding: 0 10px; margin-bottom: 20px;}
.fang4 ul li .imgbox{ text-align: center; line-height: 50px; height: 50px;}
.fang4 ul li .imgbox img{ max-width: 100%; max-height: 100%;}
.fang4 ul li .dan4{ text-align: center; font-size: 0; margin: 10px 0 0 0;}
.fang4 ul li .dan4 *{ display: inline-block; vertical-align: top;}
.fang4 ul li .dan4 span{ font-size: 14px; color: #333; padding: 0 0 0 10px; line-height: 21px;}

.fang_box button{ display: block; width: 147px; height:42px; font-size: 18px; color: #fff; background: #bebebe; margin: 20px auto; border: none;}
.fang_box button:hover{ background: #f2b100;}

.fangan{ margin: 30px auto 0; width: 85%;}
.fangan h3{ font-size: 20px; color: #f2b100; font-weight: bold;}
.fangan .fangan_til{ margin: 20px 0; font-size: 14px; color: #333333; line-height: 25px;}
.fangan ul{ margin: 0 -3px;}
.fangan ul li{ width: 50%; padding: 0 3px;}
.fangan ul li .imgbox img{ max-width: 100%;}

.pic_show{ margin: 30px 0 0 0;}
.xiangq{margin: 30px 0 0 0;}
.list_nav3{ background: #fff;}
.list_nav3 ul li{ width:33.333%;  font-size: 16px; color: #333; line-height: 40px; text-align: center; cursor: pointer; background: #e2e2e2; border-right: 1px solid #fff;}
.list_nav3 ul li.active{ background: #c7c7c7;}
.list_nav3 ul li:hover{ background: #c7c7c7;}
.xiangq_til{ margin: 20px 0 0 0;}
.xiangq_til .text{padding:10px; font-size:14px; color:#333; line-height:24px; display: none;}
.xiangq_til .text h3{ font-size: 16px; color: #333;}
.xiangq_til .text .show_til{ font-size: 14px; color: #333; line-height: 24px; margin: 5px 0;}
.xiangq_til .text .show_img .imgbox{ margin: 0 20px 0 0;}
.xiangq_til .text .show_img .show_text{ font-size: 14px; line-height: 25px;}
.xiangq_til .text.active{ display: block;}

.xin{ padding:10px 25px; border: 1px solid #dbdbdb; margin: 20px 0 0 0;}
.xin h3{ font-size: 14px; color: #14b0e7;}
.xin .biaod{ margin: 30px 0 0 0;}
.xin .input{ padding: 0 0 0 86px; position: relative; min-height: 34px; margin: 0 20px 20px 0;}
.xin .input span{ display: block; width: 86px; position: absolute; left: 0; top: 0; line-height: 34px; color: #333;}
.xin .input input{ width: 220px; height: 34px; border-radius: 5px; border: 1px solid #dbdbdb; padding: 0 5px; background: none;}
.xin .input select{ width: 100px; height: 34px; border-radius: 5px; border: 1px solid #dbdbdb; padding: 0 5px; background: none;}
.xin .input1{ padding: 0 0 0 86px; position: relative; min-height: 34px; margin: 0 20px 20px 0;}
.xin .input1 span{ display: block; width: 86px; position: absolute; left: 0; top: 0; line-height: 34px; color: #333;}
.xin .input1 input{ width: 400px; height: 34px; border-radius: 5px; border: 1px solid #dbdbdb; padding: 0 5px; background: none;}

.xin button{ display: block; clear: both; width: 160px; height: 34px; color: #fff; border: none; background: #14b0e7; border-radius: 5px; margin: 0 0 0 86px;}

.dizi{ padding:10px 25px; border: 1px solid #dbdbdb; margin: 10px 0 0 0;}
.dizi h3{ font-size: 14px; color: #14b0e7;}
.dizi table{ margin: 20px 0 0 0;}
.dizi table tr th{ font-weight: normal;}
.dizi table tr td{ height: 40px;}
.dizi table tr td span{ cursor: pointer;}
.dizi table tr td span.but2{ color: #c80000;}
.dizi table tr.active{ display: none;}

/*login*/
.login_box{ position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.login_top{ margin-top: 6%;}
.login_top .login_tiltle h3{ font-size: 57px; color: #14b0e7; font-family: arial; text-transform: uppercase; background: url(../images/biao_bg.png) center bottom no-repeat;}
.login_top .login_tiltle h5{ font-size: 24px; color: #000;}
.login_top .login_tiltle .zi img{ margin: 28px auto;}
.login{ width: 376px; margin: 0 auto; padding: 45px; background: rgba(255,255,255,0.2);  border-radius: 8px; border: 1px solid #fff;}
.login ul{ font-size: 0; text-align: center;}
.login ul li{ display: inline-block;vertical-align: top; width: 50%; font-size: 18px; color: #333; font-weight: bold; padding-bottom: 20px; position: relative; cursor: pointer;}
.login ul li:after{ content: ''; width: 52px; height: 3px; background: #14b0e7; position: absolute; left: 50%; bottom: 0; margin-left: -26px; display: none;}
.login ul li:hover{ color: #14b0e7;}
.login ul li:hover:after{ display: block;}
.login ul li.active{ color: #14b0e7;}
.login ul li.active:after{ display: block;}
.deng{ margin: 20px 0 0 0; display: none;}
.deng.active{ display: block;}
.deng input{ width: 100%; background-color: #fff; height: 45px; border: none; padding: 0 0 0 48px; color: #000; margin-bottom: 12px;}
.deng .yanz{ margin-bottom: 12px;}
.deng .yanz input{ width: 59%; padding: 0 5px;  margin: 0;}
.deng .yanz .yanzm{ width: 41%; text-align: center; border: 1px solid #fff; text-align: center; height: 45px; line-height: 45px; color: #14b0e7;}
.deng button{ width: 93px; height: 35px; color: #fff; font-size: 18px; font-weight: bold; border: none; border-radius: 5px; background: #14b0e7;}
.xiug{ font-size: 0; text-align: center; margin: 30px 0 0 0;}
.xiug a{ display:inline-block; vertical-align: top; width: 50%; font-size: 16px; color: #333;}
.xiug a:hover{ color: #14b0e7;}

/*allding*/
.dingdan{ margin: 20px 0 0 0;}
.dingdan .zhuang{ font-size: 0;}
.dingdan .zhuang div{ display: inline-block; vertical-align: top; font-size: 14px; color: #333; width: 16.666%;}
.dingdan .zhuang div span{ color: #c80000; padding: 0 0 0 10px;}
.dingdan .danhao{ font-size: 14px; color: #333; margin: 24px 0;}
.dingdan .dan table{ border: 1px solid #dbdbdb; text-align: center; margin-bottom: 20px;}
.dingdan .dan table tr th{ font-weight: normal; text-align: center;}
.dingdan .dan table tr td{ overflow: hidden;}
.dingdan .dan table tr .imgbox { width: 80%; margin: 0 auto;}
.dingdan .dan table tr .imgbox img{ max-width: 100%;}
.dingdan .dan table tr td h5{ font-size: 14px; line-height: 30px; width:80%; margin: 0 auto;}
.dingdan .dan table tr td a{ color: #c80000;}
.dan_shou ul li{ padding: 10px; background: #fff; margin-bottom: 20px;}
.dan_shou ul li .zht{ font-size: 14px; text-align: right; line-height: 30px; color: #c80000; margin-bottom: 10px;}
.dan_shou ul li .shang{ padding: 0 0 0 197px; min-height: 127px; position: relative; width: 100%;}
.dan_shou ul li .imgbox{ width: 197px; height: 127px; position: absolute; left: 0; top: 0; z-index: 1; border: 1px solid #ccc;}
.dan_shou ul li .dan_show{ padding: 0 0 0 15px;}
.dan_shou ul li .dan_show h3{ font-size: 16px; color: #333; font-weight: bold;}
.dan_shou ul li .dan_show .danj{ font-size: 14px; color: #333; padding: 10px 0;}
.dan_shou ul li .dan_show .danj span{ color: #c80000;}
.dan_shou ul li .dan_show .shul{ font-size: 14px; color: #333;}
.dan_shou ul li .button{ padding: 10px 0; border-top: 1px solid #f1f1f1; margin: 10px 0 0 0;}
.dan_shou ul li .button .zhi a{ display: block; text-align: center; font-size: 14px;color: #c80000;width: 74px;border: 1px solid #c80000;line-height: 30px;border-radius: 4px;}

/*gouwu*/
.gouwu{ margin: 20px 0 0 0;}
.gouwu .danhao{ font-size: 14px; color: #333; margin: 24px 0;}
.gouwu .dan table{ border-bottom: 1px solid #dbdbdb; text-align: center; margin-bottom: 20px;}
.gouwu .dan table tr th{ font-weight: normal; text-align: center; border-bottom: 1px solid #dbdbdb;}
.gouwu .dan table tr td .jia2{ text-align: center;}
.gouwu .dan table tr td .jia2 *{ display: inline-block; vertical-align: top;}
.gouwu .dan table tr td .jia2 button{ font-size: 14px; width: 20px; height: 20px; color: #333; border: none; background: #c6c6c6; padding: 0; line-height: 20px;}
.gouwu .dan table tr td .jia2 input{ font-size: 14px; width: 30px; background: no-repeat; border: none; text-align: center; height: 20px; line-height: 20px;}
.gouwu .dan table tr td{ overflow: hidden; padding: 10px 0;}
.gouwu .dan table tr .imgbox { width: 80%; margin: 0 auto;}
.gouwu .dan table tr .imgbox img{ max-width: 100%;}
.gouwu .dan table tr td h5{ font-size: 14px; line-height: 30px; width:80%; margin: 0 auto;}

.gou_shou ul li{ padding: 10px 10px 10px 50px; background: #fff; margin-bottom: 20px; position: relative;}
.gou_shou ul li .duo{ width: 30px; height: 30px; position: absolute; left: 10px; top: 30%;}
.gou_shou ul li .duo input{ display: block; margin: 0 auto;}
.gou_shou ul li .shang{ padding: 0 0 0 197px; min-height: 127px; position: relative; width: 100%;}
.gou_shou ul li .imgbox{ width: 197px; height: 127px; position: absolute; left: 0; top: 0; z-index: 1; border: 1px solid #ccc;}
.gou_shou ul li .dan_show{ padding: 0 0 0 15px;}
.gou_shou ul li .dan_show h3{ font-size: 16px; color: #333; font-weight: bold;}
.gou_shou ul li .dan_show .danj{ font-size: 14px; color: #333; padding: 10px 0;}
.gou_shou ul li .dan_show .danj span{ color: #c80000;}
.gou_shou ul li .dan_show .shul{ font-size: 14px; color: #333;}
.gou_shou ul li .dan_show .shul button{ font-size: 14px; width: 20px; height: 20px; color: #333; border: none; background: #c6c6c6; padding: 0; line-height: 20px;}
.gou_shou ul li .dan_show .shul input{ font-size: 14px; width: 30px; background: no-repeat; border: none; text-align: center; height: 20px; line-height: 20px;}
.gou_shou ul li .button{ padding: 10px 0; border-top: 1px solid #f1f1f1; margin: 10px 0 0 0;}
.gou_shou ul li .button .zhi a{ display: block; text-align: center; font-size: 14px;color: #666;width: 74px;border: 1px solid #ccc;line-height: 30px;border-radius: 4px;}

.jies_box .anniu span{ cursor: pointer; font-size: 14px; color: #333; line-height: 40px; padding: 0 10px;}
.jies_box .anniu span.shan{ color: #c80000;}
.jies_box .jies{ font-size: 0;}
.jies_box .jies *{ display: inline; vertical-align: top;}
.jies_box .jies .xinx{ font-size: 14px; color: #333; line-height: 40px;}
.jies_box .jies .xinx span{  color: #ff0000; font-size: 34px; padding: 0 5px;}
.jies_box .jies button{ width: 168px; height: 40px; font-size: 20px; color: #fff; background: #ff0000; border: none; margin-left: 10px;}

/*queren*/
.queren{ margin: 30px 0 0 0;}
.liuc ul{ font-size: 0; text-align: center;}
.liuc ul li{ display: inline-block; vertical-align: top; font-size: 15px; line-height: 63px; width: 160px; margin: 0 5px; background: #cacaca; position: relative;}
.liuc ul li span{ display: inline-block; vertical-align: top; font-size: 34px; padding: 0 6px 0 0; font-family: arial;}
.liuc ul li.active{ background: #14b0e7; color: #fff;}
.liuc ul li.active span{ color: #fff;}
.liuc ul li.active:after{ border-top: 14px solid #14b0e7;}
.liuc ul li:after{ content: ''; width: 0; height: 0; border-left: 14px solid transparent; border-top: 14px solid #cacaca; position: absolute; right: -7px; top: 50%; margin-top: -7px; transform: rotate(45deg);}
.liuc ul li.li03:before{display: none;}
.liuc ul li:before{ content: ''; width: 0; height: 0; border-left: 14px solid transparent; border-top: 14px solid #fff; position: absolute; left: -7px; top: 50%; margin-top: -7px; transform: rotate(45deg);}

.xuanz{ margin: 20px 0 0 0;}
.xuanz h3{ font-size: 14px; color: #333;}
.xuanz .yiyou{ width: 100%; margin: 30px 0 0 0;}
.xuanz .yiyou ul{ margin: 0 -10px;}
.xuanz .yiyou ul li{ width: 100%; padding: 0 10px;}
.xuanz .yiyou ul li .yi_box{ background: #fff; padding: 10px; border:1px solid #d5d5d5;}
.xuanz .yiyou ul li.active .yi_box{ border: 1px solid #ff0000;}
.xuanz .yiyou ul li .yi_box .yi_til{ overflow: hidden;}
.xuanz .yiyou ul li .yi_box .yi_til p{ font-size: 14px; line-height: 30px;}
.xuanz .yiyou ul li .yi_box a{ display:inline-block; margin: 15px 0 0 0; color: #ff0000;}
.xuanz .tian{ width: 50%; margin: 30px 0 0 0;}
.xuanz .tian .tianj{ width: 50%; text-align: center; font-size: 0; line-height:115px ;}
.xuanz .tian .tianj a{ display: inline-block; vertical-align: top; font-size: 14px; color: #333; padding: 0 42px 0 0; background: url(../images/jia2.png) right center no-repeat;}
.xuanz .tian .tianj a:hover{ color: #14b0e7;}
.queren_ti .jiaqian{ color: #ff0000; font-size: 34px; line-height: 40px; text-align: right;}
.queren_ti .shi_box{ padding: 15px; background: #ededed; width: 325px; margin: 10px 0 0;}
.queren_ti .shi_box .shi{ text-align: right; padding: 0 53px 0 0;}
.queren_ti .shi_box .shi span{ font-size: 16px; color: #ff0000;}
.queren_ti .shi_box .que_di{ margin: 10px 0; height: 52px;}
.queren_ti .shi_box .que_di p{ font-size: 14px; line-height: 26px;}
.queren_ti button{ width: 126px; height: 37px; background: #ff0000; font-size: 20px; color: #fff; border: none;}

.fansh{ margin: 20px 0 0 0;}
.fansh h3{ font-size: 14px; color: #333; line-height: 30px;}
.fansh .juti{ margin: 20px 0; font-size: 0;}
.fansh .juti a{ display:inline-block; vertical-align: top; padding: 0 20px 0 0; text-align: center; line-height: 50px; width: 16.6666%; height: 50px;}
.fansh .juti a img{ max-width: 100%; max-height: 100%;}
.cheng{ text-align: center; margin: 50px 0;}
.cheng div{  display: inline-block; font-size: 14px; color: #ff0000; padding: 0 0 0 49px; line-height: 50px; background: url(../images/dui.png) left center no-repeat;}
.cheng a{ color: #333; font-size: 12px;}

/*liuyan*/
.liu_box{ margin-top: 20px;}
.liuyan{ width:60%; margin:40px auto;}
.liuyan .inp{ margin-bottom:10px;}
.liuyan .inp label{ font-weight: normal;}
.liuyan input{ border:none; height:39px; width:100%; border:1px solid #ccc; padding:0 10px;}
.liuyan .inp2{ margin-bottom:15px;}
.liuyan .inp2 label{ font-weight: normal;}
.liuyan textarea{  border:1px solid #ccc; height:95px; width:100%; resize:none;  padding:0 10px;}
.liuyan button{ width:100%; height:36px; color:#fff; background:#0b43cf; border:none; transition:all 0.3s; display:block; margin:0 auto;}
.liuyan button:hover{  background: #0532a2;}

.baoxiu{ margin:40px auto 0; width: 75%;}
.baoxiu .inp{ width: 80%; padding: 0 0 0 90px; min-height: 40px; position: relative; margin-bottom:10px;}
.baoxiu .inp span{ display: block; width: 90px; line-height: 40px; color: #333; position: absolute; left: 0; top: 0; z-index: 1;}
.baoxiu .inp input{ width: 100%; height: 40px; border: 1px solid #d3d3d3; border-radius: 5px; background: none; padding: 0 5px;}
.baoxiu .inp select{appearance:none;-moz-appearance:none; -webkit-appearance:none; background-image: url(../images/select_jiao.png); background-position: 97% center; background-repeat: no-repeat; padding: 0 25px 0 10px; outline: none;}
.baoxiu .inp select #carlist{}
.baoxiu .inp #province{ width: 48%; height: 40px; border: 1px solid #d3d3d3; border-radius: 5px;background-color: #f2f2f2; }
.baoxiu .inp .city{ width: 49.4%; height: 40px; border: 1px solid #d3d3d3; border-radius: 5px; background-color: #f2f2f2;  margin-left: 1.5%;}
.baoxiu .inp #carlist{ width: 100%; height: 40px; border: 1px solid #d3d3d3; border-radius: 5px;background-color: #f2f2f2; background-position: 98.5% center !important;}
.baoxiu .inp input.mian{ width: 40%;}
.baoxiu .inp small{ font-size: 16px;}
.baoxiu .inp2{ padding: 0 0 0 90px; min-height: 40px; position: relative; margin-bottom:10px;}
.baoxiu .inp2 span{ display: block; width: 90px; line-height: 40px; color: #333; position: absolute; left: 0; top: 0; z-index: 1;}
.baoxiu .inp2 label{ font-size: 14px; color: #333; line-height: 40px; font-weight: normal; margin: 0 20px 0 0;}
.baoxiu .inp2 label input{ margin: 7px 5px 0 0;}
.baoxiu button{ display: block; width: 234px; height: 40px; border-radius: 5px; background: url(../images/button_bg.png) center center; background-size: cover; border: none; font-size: 18px; color: #fff; letter-spacing: 3px; margin: 20px auto;}
.baoxiu h3{ font-size: 28px; color: #0099dd; font-weight: bold; line-height: 50px;}

/*f-1*/
footer{ padding:15px 0;}
footer .ewm_box .imgbox{ width: 100px; height: 100%; overflow: hidden;}
footer .ewm_box h6{ font-size: 14px; color: #8d8d8d; padding: 16px 0 0 0;}
footer .lx_til{ width: 80%; margin: 20px 0 0 40px;}
footer .lx_til div{ width: 50%; padding: 0 30px 0 0; font-size: 14px; color: #8d8d8d; line-height: 20px; margin-bottom: 5px;}
footer .qq_box a{ display: inline-block; width: 48px; height: 48px; border-radius: 50%; border: 2px solid #8c8c8c; line-height: 48px; text-align: center; font-size: 24px; color: #8c8c8c; margin-left: 20px; position:relative;}
footer .qq_box a .ma{ width: 100px; height: 100px; position: absolute; top: -113px; left: 50%; margin-left: -50px; display: none;}
footer .qq_box a .ma:after{ content: ''; width: 0; height: 0; border-top: 8px solid #fff; border-left: 5px solid transparent;border-right: 5px solid transparent; position: absolute; bottom: -8px; left: 50%; margin-left: -3px;}
footer .qq_box a:hover .ma{ display: block;}
footer .qq_box a:hover{ border: 2px solid #fff; color: #fff;}
footer .ban{ margin: 20px 0 0 0; text-align: left; clear: both; color: #8c8c8c; padding: 20px 0 0 10px; line-height: 25px;}

.niu{ font-size: 0; text-align: center; margin: 20px 0 0;}
.niu a{ display: inline-block; vertical-align: top; color: #fff; font-size: 19px; color: #fff; width: 123px; height: 49px; background: url(../images/niu_bg.png) center center; background-size: 100% 100%; margin: 0 10px; line-height: 40px;}
.niu a:hover{ background: url(../images/niu_bg2.png) center center; background-size: 100% 100%;}

@media (max-width:1199px){	


}


@media (max-width:991px){
.logo{ height:74px; border-bottom:none; position: relative;}
.logo .sjdnav{ display:none; width:150px; height:auto;position:absolute; right:20px; top:74px; z-index:9999;}
.logo .logo .sjdnav ul{ margin:0; padding:0;}
.logo .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px;background:rgba(0,0,0,0.7);}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .logoimg img{ margin:0 0 0 10px; height:auto; width: 240px;}

.logo .ydd_btn{ margin:21px 15px 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #14b0e7;}
.logo .ydd_btn span{ display:block; width:100%; height:2px; background:#fff; -webkit-transition: all .3s; transition:all .3s;}
.logo .ydd_btn span.span02{margin:3px 0;}
.logo .ydd_btn.click span{ background:#fff;}
.logo .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:6px;margin-top:0px;	} 
.logo .ydd_btn.click span.span02{margin:4px 0;}
.logo .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-6px;margin-top:0px;}
.logo .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

.top .right_zi{ margin-right: 15px;}

.about_box{ margin: 0;}
.about_box .about{ padding: 0; width:100%; margin-bottom: 20px; float:initial !important;}

.about_box .about2{ padding: 0; width:100%; float: initial !important; margin-bottom: 20px;}
.about_box .about2 .box{ float: left; width: 49%; margin: 0;}
.about_box .about2 .box.li02{ float: right;}

.about_box .about4{ padding: 0; width:100%; margin:0 0 20px; float: initial !important; clear: both;}

/*t-3*/
.list_nav {  float: inherit !important; clear: both; width: 100%; padding: 15px 0 0 0;}

.icon_box ul li{ width: 16.666%; padding: 0 14px;}

footer .ewm_box{ width: 100%; float: inherit !important;}
footer .ewm_box .imgbox{ margin: 0 auto;}
footer .lx_til{ width: 100%; float: inherit !important; text-align: center; margin: 20px 0;}
footer .lx_til div{ width: 100%; padding: 0;}
footer .qq_box { text-align: center; width: 100%; float: inherit !important;}
footer .ban{ text-align: center; padding: 10px 0 0 0;}

.xuanz .yiyou{ width: 100%; margin: 30px 0 0 0;}
.xuanz .tian{ width: 100%; margin: 0;}
.xuanz .tian .tianj{ width: 100%; text-align: left; font-size: 0; line-height:50px ;}

.news_left{ margin-bottom: 20px;}


}

@media (max-width:767px){
body{ padding-bottom:50px;}	
.logo .sjdnav{  right:0px;}

.hot{height:50px; background:#15b5ed; position:fixed; bottom:0; border-top:2px solid #fff; left:0; z-index:99; width: 100%;}
	.hot span{ color:#fff; font-size:16px; line-height:20px;}
	.hot h6{ font-size:12px; line-height:20px;}
	.hot .row div a{ display:block; color:#fff; padding:7px 0;}
	.hot .row div:hover{ background:#087ea7;}	
	.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
	.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
	.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
	.dbbox .dbs.ewm-box{ text-align:center; }
	.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.ewm-box img{ max-width: 140px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }

.icon_box ul li{ width:33.333%; padding: 0 44px; margin-bottom: 20px;}

.case_box{ position: relative;  height: 100%; margin: 30px 0 0; /*padding: 0 80px;*/}
.swiper-container {padding:0;}

.swiper-container  .swiper-button-next{ top: 50%; margin-top: -17px;}
.swiper-container  .swiper-button-prev{top:50%; margin-top: -17px;}

.list_nav ul{ text-align: left;}
.list_nav ul li{ margin-bottom: 10px;}
.list_nav ul li.li01 a{ padding:0 20px; border: none;}
.list_nav ul li a{ font-size: 15px; line-height: 16px;}

.mian-guang .left_ion{ width: 100%;}
.mian-guang .right_ion{ width: 100%;}

.fangan{ margin: 30px auto 0; width: 100%;}

.xin .input{ padding: 0 0 0 86px; width: 100%; float: inherit !important;}
.xin .input input{ width:100%;}
.xin .input1{ padding: 0 0 0 86px; width: 100%; float: inherit !important;}
.xin .input1 input{ width:100%;}
.xin button{width: 100%; height: 34px; margin: 0;}

.dizi{ padding: 10px 0; border: none;}
.dizi table{border: 1px solid #dbdbdb;}
.dizi table tr{ height: 50px;}
.dizi table tr th{ padding: 0 0 0 10px;}
.dizi table tr td span.but4{ color: #c80000;}

.jies_box .anniu{ width: 100%; text-align: right;}
.jies_box .jies{ width: 100%; text-align: right; margin: 20px 0 0 0;}

.liuc ul li{  font-size: 14px; line-height: 53px; width: 120px;}
.liuc ul li span{ font-size: 24px;}

.baoxiu{ width: 100%;}

.liuyan{ width:100%;}


}

@media (max-width:640px){

.news_left ul{ margin: 0 -15px;}
.news_left ul li{ width: 50%; padding: 0 15px;}

.picture01 .imgbox .bg{ position: absolute; left: 0; width: 100%; bottom: 0; background: rgba( 0,0,0,0.8); padding: 6px 8px 6px 10px;}
.picture01 .imgbox .bg .biao a{ font-size: 16px; color: #fff; padding: 0 24px 0 0;  line-height: 24px;}
.picture01 .imgbox .bg .biao a:after{ content: '>'; font-size: 14px; font-family: "宋体"; color: #b5b5b5; width: 24px; height: 24px; border: 1px solid #b5b5b5; text-align: center; line-height: 24px; position: absolute; right: 8px; top:0; border-radius: 50%;}
.picture01 .imgbox .bg .list{ margin: 10px 0 5px 0; font-size: 0; height: 60px; overflow: hidden;}
.picture01 .imgbox .bg .list a{ display: inline-block; vertical-align: top; margin:0 6px 0 0; color: #fff; font-size: 12px; line-height: 20px; text-transform: uppercase;}

.picture02 .imgbox .bg{ position: absolute; left: 0; width: 100%; top: 0; background: rgba( 0,0,0,0.8); padding: 6px 8px 6px 10px;}
.picture02 .imgbox .bg .biao a{ font-size: 16px; color: #fff; padding: 0 24px 0 0;  line-height: 24px;}
.picture02 .imgbox .bg .biao a:after{ content: '>'; font-size: 14px; font-family: "宋体"; color: #b5b5b5; width: 24px; height: 24px; border: 1px solid #b5b5b5; text-align: center; line-height: 24px; position: absolute; right: 8px; top:0; border-radius: 50%;}
.picture02 .imgbox .bg .list{ margin: 10px 0 5px 0; font-size: 0; height: 60px; overflow: hidden;}
.picture02 .imgbox .bg .list a{ display: inline-block; vertical-align: top; margin:0 6px 0 0; color: #fff; font-size: 12px; line-height: 20px; text-transform: uppercase;}

.pic ul li{ padding: 0 0 0 251px; min-height: 198px; }
.pic ul li .imgbox{ width: 251px; height: 198px;}
.pic ul li .titl2{ padding: 0 65px 0 13px; background: #cfcfcf; min-height: 34px; position: relative;}
.pic ul li .titl2 h3{  line-height: 34px;}
.pic ul li .titl2 .mor a{ display: block; width: 58px; line-height: 24px; color: #cfcfcf; position: absolute; right: 3px; top: 5px; border-radius: 5px; background: #fff; font-size: 14px; text-align: center; text-transform: uppercase; transition:all .3s;}
.pic ul li .pic_ti h5{ font-size: 14px; color: #333; line-height: 26px; padding: 0 0 0 25px; background: url(../images/hua.png) left center no-repeat;}
.pic ul li .pic_ti .show{ padding: 0 0 0 25px; font-size: 0; height: 78px; overflow: hidden;}
.pic ul li .pic_ti .show p{ line-height: 26px;}
.pic ul li .jia a{ margin: 16px 0 0 0}

/*news*/
.news ul li{ margin-bottom: 30px;}
.news ul li .news_box2{ padding: 0 0 0 255px; min-height: 135px; }
.news ul li .news_box2 .imgbox{ width: 255px; height: 135px;}
.news ul li .news_box2 .text_box{ padding: 0 0 0 24px;}
.news ul li .news_box2 .text_box .geng{margin: 28px 0 0 0; transition: all .3s;}

.xiao ul li{width:50%;}

.fang ul li{ width: 50%;}
.fang2 ul li{ width: 50%;}
.fang3 ul li{ width: 50%;}
.fang4 ul li{ width: 50%;}

.login_top .login_tiltle h3{ font-size: 37px;}
.login_top .login_tiltle h5{ font-size: 15px;}
.login_top .login_tiltle .zi img{ margin: 20px auto; width: 70%;}
.login{ width: 80%;padding: 15px; }

.dingdan .zhuang div{ width: 25%;}
.dingdan .zhuang div span{ padding: 0 0 0 5px;}

.dan_shou ul li .shang{ padding: 0 0 0 127px; min-height: 97px; position: relative; width: 100%;}
.dan_shou ul li .imgbox{ width: 127px; height:97px;}

.gou_shou ul li{ padding: 10px 10px 10px 30px;}
.gou_shou ul li .duo{ width: 30px; height: 30px; position: absolute; left: 0px; top: 30%;}
.gou_shou ul li .shang{ padding: 0 0 0 120px; min-height: 97px; position: relative; width: 100%;}
.gou_shou ul li .imgbox{ width: 120px; height:97px;}

.liuc ul li{  font-size: 12px; line-height: 43px; width: 87px;}
.liuc ul li span{ font-size: 16px; padding: 0;}

.fansh .juti a{ width: 25%;}

.baoxiu .inp .city{ width: 49%;}

}

@media (max-width:550px){
.baoxiu .inp{ width: 100%; padding: 0;}
.baoxiu .inp span{ width: 100%; line-height: 40px;position: static;}
.baoxiu .inp input.mian{ width: 60%;}
.baoxiu .inp small{ font-size: 16px;}
.baoxiu .inp2{ padding: 0;}
.baoxiu .inp2 span{width: 100%; position: static;}
.baoxiu button{ display: block; width: 100%;}
.baoxiu h3{ font-size: 18px; line-height: 40px;}


}

@media (max-width:414px){

.logo .logoimg img{ width: 150px; margin: 0 0 0 5px; height:auto;}

.news_right ul{ margin: 20px 0 0 0}
.news_right ul li{ padding: 0; width: 100%; margin-bottom: 20px;}

.icon_box ul li{ width:50%; padding: 0 24px; margin-bottom: 20px;}

.about_box .about .tit{ padding: 8px; background: #f2f2f2; font-size: 16px;}
.about_box .about .tit:after{ width: 20px; height: 20px; border: 1px solid #b5b5b5; text-align: center; line-height: 20px; position: absolute; right: 14px; top: 10px; border-radius: 50%;}

.about_box .about2 .box .tit{ padding: 8px; background: #f2f2f2; font-size: 16px; color: #333; position: relative; transition: all .3s;}
.about_box .about2 .box .tit:after{ width: 20px; height: 20px; border: 1px solid #b5b5b5; text-align: center; line-height: 20px; position: absolute; right: 14px; top: 10px; border-radius: 50%;}

.about_box .about4 .tit{ padding: 8px; background: #f2f2f2; font-size: 16px;}
.about_box .about4 .tit:after{ width: 20px; height: 20px; border: 1px solid #b5b5b5; text-align: center; line-height: 20px; position: absolute; right: 14px; top: 10px; border-radius: 50%;}

.title h3{font-size: 24px; line-height: 30px; padding: 0 0 0 27px; background: url(../images/icon.png) left center no-repeat; background-size: 18px 18px;}
.title h3 span{ font-size: 18px;  line-height: 30px; padding: 0 0 0 10px; }

.title2 h3{ font-size: 24px; line-height: 30px; padding: 0 0 0 27px; background: url(../images/icon.png) left center no-repeat; background-size: 18px 18px;}
.title2 h3 span{ font-size: 18px;  line-height: 30px; padding: 0 0 0 10px; }

.title3 h3{ font-size: 24px; line-height: 30px; padding: 0 0 0 27px; background: url(../images/icon2.png) left center no-repeat; background-size: 18px 18px;}
.title3 h3 span{ font-size: 18px;  line-height: 30px; padding: 0 0 0 10px; }

.list_nav ul{ text-align: left;}
.list_nav .more{ display: none;}
.list_nav ul li{ width: 50%;}
.list_nav ul li a{ font-size: 15px; line-height: 16px;}

/*pic*/
.pic ul li{ padding: 0 0 0 150px; min-height: 158px; }
.pic ul li .imgbox{ width: 150px; height: 158px;}
.pic ul li .pic_til{ padding: 0 0 0 10px;}
.pic ul li .titl2{ padding: 0 45px 0 10px; min-height: 28px; }
.pic ul li .titl2 h3{  line-height: 28px; font-size: 14px;}
.pic ul li .titl2 .mor a{ display: block; width: 38px; line-height: 22px; color: #cfcfcf; position: absolute; right: 3px; top: 3px;  font-size: 10px;}
.pic ul li .pic_ti{ margin: 5px 0 0 0;}
.pic ul li .pic_ti h5{ font-size: 14px; color: #333; line-height:22px; padding: 0 0 0 18px; background: url(../images/hua.png) left center no-repeat;}
.pic ul li .pic_ti .show{ padding: 0 0 0 18px; font-size: 0; height: 40px; overflow: hidden;}
.pic ul li .pic_ti .show p{ line-height: 20px; width: 100%; padding: 0; font-size: 12px;}
.pic ul li .jia a{ margin: 10px 0 0 0; width: 74px; line-height: 22px;}

/*news*/
.news ul li h3{ font-size: 14px; line-height: 20px;}
.news ul li .news_box2{ padding: 0 0 0 145px; min-height: 90px; margin: 15px 0 0 0;}
.news ul li .news_box2 .imgbox{ width: 145px; height: 90px;}
.news ul li .news_box2 .text_box{ padding: 0 0 0 10px;}
.news ul li .news_box2 .text { line-height: 20px; height: 60px; font-size: 12px;}
.news ul li .news_box2 .text_box .geng{margin: 6px 0 0 0; width: 74px; line-height: 22px;}

.list_nav3 ul li{ font-size: 14px;}

.liuc ul li{ margin-bottom: 10px; width: 130px;}
.liuc ul li span{ font-size: 16px; padding: 0;}

.xuanz .yiyou{ width: 100%; margin: 30px 0 0 0;}
.xuanz .yiyou ul{ margin: 0;}
.xuanz .yiyou ul li{ padding: 0; margin-bottom: 5px; width: 100%;}
.queren_ti .shi_box{ padding: 10px;  width:300px;}

.fansh .juti a{ width: 50%;}


.niu a{ width: 93px; font-size: 14px; height: 35px; line-height: 28px;}

.news_left div{ height: 240px;}

}


@media (max-width:340px){

}