@charset "utf-8";
/* ------------------------------------------------------------------------------
	全局样式
-------------------------------------------------------------------------------*/
body{ background-color:#fff; color:#666; font-size:14px; line-height:24px; font-family:"微软雅黑","黑体";max-width: 100%;height:100%;overflow-x:hidden;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;}
.js .animate-box {opacity: 0;}
ul li{list-style: none;}
.padd0{padding: 0; min-height: 90px;}
p {margin: 0 0 5px;}
a:focus,a:hover,a:visited,a:active{text-decoration: none;}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
input:focus {outline: none;}

/*---------------------------------------------------------------------------
    注册有礼
 ----------------------------------------------------------------------------*/
 
 

@media screen and (max-width: 450px) {
    .right-cont {
        display:none;
    }
}







 

/* ------------------------------------------------------------------------------
	Header
-------------------------------------------------------------------------------*/

.bannerpos{position: relative;}
.logoed{margin:8px 0 0 0;}
body {overflow-x: hidden;}
.js .to-animate,
.js .to-animate-2,
.js .single-animate {
    opacity: 0;
}
.buted{margin-top:5px;}

.leftb{top:45%;}
.rightb{top:45%;}
.leftb.left{background-image:none;left:13%;}
.rightb.right{background-image:none;right:13%;}
.myla{color: #333;cursor:pointer;margin:0 40px 0 0;}
.myla:hover{color: #2277da;}
.mylacol{ min-width:120px;}
.mylacol li a{color: #333;}
.mylacol li a:hover{color: #2277da;}
.fised{height:66px;}
.fised2{height:66px;}
#header {position: fixed;width: 100%;z-index: 999;background:#fff;height:106px;padding:0 0 10px 0;top:0;}
#header .header-content {margin: 0 auto;max-width: 1170px;width: 100%;
    -moz-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
}
#header .logo {float: left;background: url("../images/logo2.png") no-repeat left center;background-size: 261px 41px;width: 261px; height: 41px;}
#header.fixed {background-color: #fff;border-bottom: 1px solid #d9d9d9;padding:0 0 15px 0;}
.navigation.open {opacity: 0.9;visibility: visible;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.navigation {float: right;}
.navigation li {display: inline-block;font-size: 16px;}
.navigation a {color: #333;font-size: 16px;margin-right: 40px;text-transform: uppercase;}
.navigation a:hover, .navigation a.active {color: #2277da;}
.nav-toggle {display: none;height: 44px;overflow: hidden;position: fixed;right:1%;text-indent: 100%;top:15px;white-space: nowrap;width: 44px;z-index: 99999;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: transparent;
}
.nav-toggle:before, .nav-toggle:after {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}
.nav-toggle:before {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #f05da3;
}
.nav-toggle:after {
    background-color: transparent;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    color: #f05da3;
}
.nav-toggle span {
    bottom: auto;
    display: inline-block;
    height: 3px;
    left: 50%;
    position: absolute;
    right: auto;
    top: 60%;
    width:20px;
    z-index: 10;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.nav-toggle span:before, .nav-toggle span:after {
    background-color: #000;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.nav-toggle span:before {
    -moz-transform: translateY(-6px) rotate(0deg);
    -ms-transform: translateY(-6px) rotate(0deg);
    -webkit-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
}
.nav-toggle span:after {
    -moz-transform: translateY(6px) rotate(0deg);
    -ms-transform: translateY(6px) rotate(0deg);
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}

.nav-toggle.close-nav:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
.nav-toggle.close-nav:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.nav-toggle.close-nav span {
    background-color: rgba(255, 255, 255, 0);
}
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {
    background-color: #fff;
}
.nav-toggle.close-nav span:before {
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
.nav-toggle.close-nav span:after {
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}
.primary-nav{margin-top: 10px;float: left;font-size: 16px;}
.bg1871e9{background:#1871e9;color: #fff;text-align: center;padding: 100px 15px 50px 15px;}
.bg1871e9 h2{font-size: 40px;font-weight: 600;margin-bottom: 10px;}

a.loginbut{width: 90px;height: 32px;display:block;font-size:14px;line-height:30px;border: 1px solid #ffb800;border-radius:4px;text-align:center;background: none;color: #333;margin-right: 5px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
a.loginbut:hover{border: 1px solid #ffb800;background:#ffb800;color: #fff;}
a.zucebut{width: 90px;height: 34px;background:#ffb800;border: none;color: #fff;font-size:14px;line-height:32px;border-radius:4px;text-align:center;margin-right:15px;
    -webkit-transition: background-color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out;
}
a.zucebut:hover{background:#ffd200;color: #fff;}

/* ------------------------------------------------------------------------------
	公共底部
-------------------------------------------------------------------------------*/
.footbg{background: #363b46; padding:60px 0 40px 0;}
.col1{color: #fff;font-size: 16px;margin-bottom:20px;}
.col2 a{color: #9599a3;font-size: 12px;}
.col2 a:hover{color: #55a2fc;}
.col3{color: #9599a3;font-size: 12px;}
.maright{margin-right: 10px;}
.maro{margin-top: 5px;}
.link{color: #fff;font-size: 12px;margin-top:40px;}
.link a{color: #fff; margin-right: 10px;}
.link  a:hover{color: #55a2fc;}
.footbot{background: #2c3038;padding:40px 0 30px 0;font-size: 12px;color: #666;}

/* ------------------------------------------------------------------------------
	首页
-------------------------------------------------------------------------------*/
.padd100{padding:70px 0;}
.youshi{color: #333;}
.fonth{color: #333;margin-bottom:20px;font-size: 40px;}
.paddt{padding-top:40px;}
.font24px{font-size: 24px;margin:30px 0 20px 0;}
.hoverstyle:hover{color: #2277da;}
.col666{color: #666;}
.bghui{background: #f2f2f5;}
.col999{color: #999;line-height:30px;}
.font16px{font-size: 16px;margin: 20px 0;}
.mytable{margin-top:70px;border-left: 1px solid #dadadb;}
.mytable>li{height: 85px;width:20%;background: #fff;font-size: 18px;float: left;}
.mytable>li.active>a, .mytable>li.active>a:focus, .mytable>li.active>a:hover {color: #2277da;cursor: default;background-color: #fff;border-top-color: transparent;border-bottom:3px solid #2277da;}
.mytable>li>a:hover {border-color:#fff #dadadb #fff #fff;}
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none;background-color: #fff;}
.mytable>li>a {margin-right: 2px;border-radius:0;height: 85px;line-height:68px;width: 100%;display: block;border-right: 1px solid #dadadb;color: #333;}
.padd60px{padding: 60px 0;text-align: left;}
.font20px{font-size: 24px;color: #333;margin-bottom: 30px;}
.martop{padding-top: 80px;}
.pad{padding: 0 80px;}
.anlibg{background:url("../images/lansebg.jpg") no-repeat left center;background-size: 100% 300px;width: 100%; height: 300px; position: relative;}
.colfff{color: #fff;}
.padd200{padding: 180px 0 50px 0;}
.hh2ed{color: #333;margin-bottom:70px;font-size: 36px;}
.hh2ed a{color: #333;}
.font18px{font-size: 18px;color: #333;margin: 30px 0 20px 0;}
.font12px{font-size: 12px;margin-top:50px;color: #737373;}
.time{color: #999;margin-bottom:10px;}

.news2{ position: relative;}
.news2 h3{color: #333;font-size: 18px;font-weight: normal;}
.news2 a{position: absolute;top:0;left:0;}
.news2 a h3:before {display: inline-block;content: "";width: 0;height: 0;border-bottom: 1px solid #333;vertical-align: middle;margin-right:2px;}
.news2 a h3:before {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.news2 a:hover h3:before {display: inline-block;content: "";width:30px;height:1px;border-bottom: 1px solid #333;vertical-align: middle;}
.news2 a:hover h3:before {
    transform: translate(-50px 0);
    -moz-transform: translate(-50px 0);
    -webkit-transform: translate(-50px 0);}
.paddbot{margin-bottom:35px;}
a.bghuile{background-color: #eee;height: 50px;width: 100%;display: block;text-align: center;line-height: 50px;color:#2277da;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;}
a.bghuile:hover{background-color: #2277da;color: #fff;}
/* ------------------------------------------------------------------------------
	滚动图片
-------------------------------------------------------------------------------*/
.padd90{padding: 90px 0;}
.rollphotos{margin:0 0 0 -15px;}
.blk_29 {position: relative;width: 1169px; height: 200px; line-height: 200px; overflow: hidden;border: 1px solid #dbdbdb;border-right: none;margin-top: 50px;}
.blk_29 .LeftBotton,.blk_29 .RightBotton{position:absolute;width:27px;height:50px;background: url(../images/focus_btn.png) no-repeat;}
.blk_29 .LeftBotton {top: 100px;margin-top: -27px; left: 0;background-position:0 -50px; cursor:pointer;}
.blk_29 .RightBotton {top: 100px;margin-top: -27px;right: 0;  background-position:-27px -50px;  cursor:pointer; }
.blk_29 .LeftBotton:hover{  background-position:0 0; }
.blk_29 .RightBotton:hover{  background-position:-27px 0;}
.blk_29 .box {	float: left; width:292px; height: 200px;overflow: hidden; text-align: center;border-right: 1px solid #dbdbdb;background: #fff;}
.blk_29 .box img{width:100px; height: 100px;}
/* ------------------------------------------------------------------------------
	图片放大
-------------------------------------------------------------------------------*/
img.zoom-img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}
img.zoom-img:hover {
    -webkit-transform:rotate(0deg) scale(1.15);
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:750ms;
    -moz-transform:scale(1.15);
    -moz-transition-timing-function:ease-out;
    -moz-transition-duration:750ms;
}

/* ------------------------------------------------------------------------------
	短信验证码 短信通知
-------------------------------------------------------------------------------*/
.massagesbg{background: #0096e0;padding:50px 0; color: #fff;}
.mass1{font-size: 48px; font-weight: 600;margin:50px 0 15px 0;}
.mass18px{font-size: 18px;}
.yuan{border: 1px solid #fff;border-radius:20px;overflow: hidden;margin: 20px 0 0 0;}
.yuan ul li{float: left;border-right: 1px solid #fff;text-align: center; width:33%;height: 33px; line-height: 33px;}
.bonone{border: none;padding:10px;width:60%;color: #333;}
.uied{background: #ffb800;border: none;width:40%;padding: 10px 5px;}
.mat{margin-top: 40px;}
.phonebg{background: url("../images/phone2.png") no-repeat center center;background-size:262px 505px;width: 262px;height:505px;margin: 0 auto;}
.phonebg img{margin-top:76px;}
.massagesbg2{background: #69a61e;padding:50px 0; color: #fff;}
.mytab{margin-top: 100px;}
.mytab>li{font-size: 16px;border-radius:10px;margin-top: 50px;}
.mytab>li.active>a, .mytab>li.active>a:focus, .mytab>li.active>a:hover {color: #2277da;background-color: #2277da;color: #fff;}
.mytab>li>a:hover {border-color:#fff #dadadb #fff #fff;}
.mytab>li>a {display: block;border-radius:10px;border:1px solid #2277da;width: 150px;color: #333;}
.padd100xx{padding:90px 0;}
.liu1bg{background: url("../images/liu1.png") no-repeat left center;background-size: 239px 153px;width: 239px;height: 153px; margin: 0 auto;color: #fff;cursor: pointer; padding: 50px 0 0 100px;font-size: 16px;
    -webkit-transition: background-image 0.25s ease-out;
    -moz-transition: background-image 0.25s ease-out;
    transition: background-image 0.25s ease-out;
}
.liu1bg:hover{background: url("../images/liu1_hover.png") no-repeat left center;}
.liu1bg2{background: url("../images/liu2.png") no-repeat left center;background-size: 239px 153px;width: 239px;height: 153px; margin: 0 auto;color: #fff;cursor: pointer; padding: 50px 0 0 100px;font-size: 16px;
    -webkit-transition: background-image 0.25s ease-out;
    -moz-transition: background-image 0.25s ease-out;
    transition: background-image 0.25s ease-out;
}
.liu1bg2:hover{background: url("../images/liu2_hover.png") no-repeat left center;}
.liu1bg3{background: url("../images/liu3.png") no-repeat left center;background-size: 239px 153px;width: 239px;height: 153px; margin: 0 auto;color: #fff;cursor: pointer; padding: 50px 0 0 100px;font-size: 16px;
    -webkit-transition: background-image 0.25s ease-out;
    -moz-transition: background-image 0.25s ease-out;
    transition: background-image 0.25s ease-out;
}
.liu1bg3:hover{background: url("../images/liu3_hover.png") no-repeat left center;}
.lanbg{background:#2277da;}
.lanjia{background: #0d5cb8;padding:30px 0;color: #fff;}
.ii{font-size: 24px;font-weight: 600;margin-top:10px;}
.zece{background: #fff;color:#2277da;padding:10px 30px;font-size: 16px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.zece:hover{background: #cfdef1;color: #2277da;}
.wenbut{background: #2277da;color:#fff;padding:10px 30px;font-size: 16px;margin-top: 50px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;}
.wenbut:hover{background: #4c90df;color: #fff;}

.spel{margin-top:80px;}
.mytab2{margin-top:20px;}
.mytab2>li{font-size:14px;border-radius:2px;margin-top:5px;margin-right: 5px;}
.mytab2>li.active>a, .mytab>li.active>a:focus, .mytab>li.active>a:hover {color: #2277da;background-color: #2277da;color: #fff;}
.mytab2>li>a:hover {border-color:#fff #dadadb #fff #fff;}
.mytab2>li>a {display: block;border-radius:2px;border:1px solid #2277da;padding:5px 10px;}


.yuan ul{
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.swiper-container {
    margin: 20px auto;
    width:262px;
    height:590px;
}
.phonerr{
    background: url("../images/phone2.png") no-repeat center center;
    background-size: 262px 505px;
    width: 262px;
    height: 505px;
    padding-top:70px;
}
.swiper-container2 {
    margin: 20px auto;
    position: relative;
}
.swiper-container3 {
    margin: 20px auto;
    position: relative;
}
.swiper-container-horizontal>.swiper-pagination3 {
    bottom:-28px;
    left: 0;
    width: 100%;
}

.swiper-pagination3 {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-container-horizontal>.swiper-pagination3 .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-container-horizontal>.swiper-pagination2 {
    bottom:-28px;
    left: 0;
    width: 100%;
}

.swiper-pagination2 {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-container-horizontal>.swiper-pagination2 .swiper-pagination-bullet {
    margin: 0 5px;
}


.swiper-slide {
    text-align: center;
    font-size: 18px;
    position: relative;
    color: #333;
}

/* ------------------------------------------------------------------------------
	价格  接口文档
-------------------------------------------------------------------------------*/
.font36px{font-size: 36px;font-weight: 600;}
.lan220px{padding:90px 0;background: #2277da;color: #fff;}
.jiage1 span{font-size: 24px;color: #333;}
.jiage1 a{color: #2277da;}
.jiage2 h4{font-size: 24px;color: #333;}
.jiage2 a{color: #2277da;}
.mybuted{color: #2277da;border: 1px solid #2277da;background: #fff;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;}
.mybuted:hover{background: #2277da;color: #fff;}
.tabled{margin: 30px 0;}
.tabled tr th{border: 1px solid #dae0e6;height: 50px;text-align: center;font-weight: normal;background: #f2fbff;color: #333;}
.tabled tr td{border: 1px solid #dae0e6;height: 50px;text-align: center;color: #333;font-weight: bold;}
.lined{border-bottom: 1px solid #d9d9d9;margin:80px 0;}
.bonone2{border: none;padding:10px;width:80%;color: #333;}
.uied2{background: #ffb800;border: none;padding:10px 5px;width:20%;}
.lan220px2{padding:60px 0;background: #2277da;color: #fff;}
.m1{margin-top: 20px;}
.m2{margin-top: 20px;}
.mycha{background: #2277da;color: #fff;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;}
.mycha:hover{background: #4c90df;color: #fff;}
.tabled2{margin-top: 30px;}
.tabled2 tr th{border: 1px solid #dae0e6;height: 50px;font-weight: normal;background: #f2fbff;color: #333;padding-left:30px;}
.tabled2 tr td{border: 1px solid #dae0e6;height: 50px;color: #333;font-weight: bold;padding-left:30px;}
.dai{background: #343a4b;color: #fff;margin-top:30px;padding-left: 15px;}
.dai span{margin-right:30px;}
.mytab3{border-bottom: none;}
.mytab3 li a{color: #fff;border: none;border-radius: 0px;padding:20px 20px;}
.mytab3>li.active>a, .mytab3>li.active>a:focus, .mytab3>li.active>a:hover{color: #333;border: none;}
.mytab3 li a:hover{color: #333;}
/* ------------------------------------------------------------------------------
	新闻动态
-------------------------------------------------------------------------------*/
.home_news {
    width: 100%;
    background: #fff;
}
.home_news .news_con {
    max-width: 1170px;
    width: 100%;
    margin:0 auto;
    overflow: hidden;
    padding:50px 0 0 0;
}
.home_news .news_con ul {
    width: 100%;
    padding: 0;
}
.home_news .news_con ul li {
    background: #fff;
    padding:30px 20px;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.home_news .news_con ul li .news_left {
    width: 77%;
    float: left;
}
.home_news .news_con ul li .news_left a {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    width: 95%;
    display: block;
    margin-bottom: 15px;
    height: 25px;
    line-height: 25px;
}
.home_news .news_con ul li .news_left p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    width: 95%;
    max-height: 72px;
    overflow: hidden;
}
.home_news .news_con ul li .news_right {
    width: 23%;
    float: right;
    border-left: 1px solid #cccccc;
    min-height: 50px;
    color: #e0e0e0;
    font-family: arial;
    text-align: left;
    padding-left: 8%;
    background: url(../images/li_1.png) no-repeat right;
    min-height: 95px;
}
.home_news .news_con ul li .news_right span {
    font-size: 42px;
    display: block;
    line-height: 45px;
}
.home_news .news_con ul li .news_right time {
    font-size: 18px;
}
.home_news .news_con ul li:hover {
    background: #2277da;
}
.home_news .news_con ul li:hover .news_left a {
    color: #fff;
}
.home_news .news_con ul li:hover .news_left p {
    color: #dee7d4;
}
.home_news .news_con ul li:hover .news_right {
    border-left: 1px solid #9ab96d;
    background: url(../images/li_1_h.png) no-repeat right;
    color: #c6d7b3;
}
.home_news .news_con ul li:hover .news_right span {
    color: #fff;
}
@media (max-width: 768px) {
    .home_news .news_con ul li .news_right {
        padding-left: 10px;
        padding-top: 15px;
    }
}
@media (max-width: 680px) {
    .home_news .news_con ul li .news_right span {
        font-size: 24px;
    }
    .home_news .news_con ul li .news_right time {
        font-size: 16px;
    }
}
@media (max-width: 480px) {
    .home_news .news_con ul li .news_left {
        width: 68%;
    }
    .home_news .news_con ul li .news_right {
        width: 32%;
    }
}
@media (max-width: 480px) {
    .home_news .news_con ul li {
        padding: 20px 10px;
    }
}
.home_news .news_con .more {
    width: 57px;
    height: 57px;
    display: block;
    background: url(../images/more.png) no-repeat;
    color: #4f8320;
    font-size: 12px;
    line-height: 57px;
    text-align: center;
    margin: auto;
    cursor: pointer;
    margin-bottom: 30px;
}
.home_news .news_con .more:hover {
    font-weight: bold;
}


/* ------------------------------------------------------------------------------
	新闻页面
-------------------------------------------------------------------------------*/
.news_zi {
    max-width: 1170px;
    width: 94%;
    margin: auto;
}
.news_zi_ul {
    width: 100%;
    padding:50px 0 0 0;
}
.news_zi_ul li {
    padding: 30px 0px;
    border-bottom: 1px solid #e6e6e6;
}
.news_zi_ul li .news_left {
    width: 77%;
    float: left;
}
.news_zi_ul li .news_left .pic {
    width: 17%;
    float: left;
    position: relative;
    overflow: hidden;
}
.news_zi_ul li .news_left .pic img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius:50%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
    transition: 0.3s;
}
.news_zi_ul li .news_left .pic i {
    display: block;
    padding-bottom: 100%;
}
.news_zi_ul li .news_left .txt {
    width: 81%;
    float: right;
    border-right: 1px solid #cccccc;
    min-height: 140px;
}
.news_zi_ul li .news_left .txt a {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    width: 95%;
    display: block;
    margin-bottom: 15px;
    height: 25px;
    line-height: 25px;
}
.news_zi_ul li .news_left p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    width: 95%;
 }
.news_zi_ul li .news_right {
    width: 23%;
    float: right;
    min-height: 50px;
    color: #e0e0e0;
    font-family: arial;
    text-align: left;
    padding:3% 0 0 8%;
    font-family: "微软雅黑";

}
.news_zi_ul li .news_right span {
    font-size: 42px;
    display: block;
    line-height: 45px;
}
.news_zi_ul li .news_right time {
    font-size: 18px;
}
@media (max-width: 768px) {
    .news_zi_ul li .news_right {
        padding-left: 10px;
        padding-top: 15px;
    }
}
@media (max-width: 680px) {
    .news_zi_ul li .news_right span {
        font-size: 24px;
    }
    .news_zi_ul li .news_right time {
        font-size: 16px;
    }
}
@media (max-width: 480px) {
    .news_zi_ul li .news_left {
        width: 68%;
    }
    .news_zi_ul li .news_right {
        width: 32%;
    }
}
.news_zi_ul li:hover .news_left a {
    color: #2277da;
}
.news_zi_ul li:hover .news_left .pic img {
    transform: scale(0.9);
}
/* ------------------------------------------------------------------------------
	新闻显示页面
-------------------------------------------------------------------------------*/
.news_show {
    max-width:1170px;
    width: 98%;
    margin: auto;
    color: #666666;
    padding: 50px 0 0 0;
}
.news_show .show_t {
    font-size: 26px;
    text-align: center;
    display: block;
    margin: 10px auto;
    color: #2277da;
    overflow: hidden;
}

.news_show .show_t .h1{
    font-size:30px;
}
@media (max-width: 480px) {
    .news_show .show_t {
        font-size: 18px;
    }
}
.news_show .fa_time {
    font-size: 14px;
    color: #999;
    text-align: center;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.news_show p {
    margin: 30px auto;
    line-height: 30px;
    width: 100%;
    text-align: left;
}
.news_show .s_img {
    margin-bottom: 30px;
}
.news_show .s_img .pic {
    width: 48%;
    float: left;
    margin-right: 2%;
    position: relative;
}
.news_show .s_img .pic i {
    display: block;
    padding-bottom: 65%;
}
.news_show .s_x {
    margin-top: 30px;
    margin-bottom: 70px;
    overflow: hidden;
}
.news_show .s_x a {
    display: block;
    width: 48%;
    float: left;
    border: 1px solid #cccccc;
    height: 32px;
    line-height: 32px;
    padding-left: 30px;
    color: #999;
    box-shadow: 0px 2px 0px #e6e6e6;
    -moz-box-shadow: 0px 2px 0px #e6e6e6;
    -webkit-box-shadow: 0px 2px 0px #e6e6e6;
    background: url(../images/show_s1.png) no-repeat 20px center;
    overflow: hidden;
    margin-bottom: 2px;
}
.news_show .s_x a:hover {
    border: 1px solid #2277da;
    box-shadow: 0px 2px 1px #788ebf;
    color: #2277da;
    background: url(../images/show_x2.png) no-repeat 20px center;
}
.news_show .s_x .s_prev {
    margin-right: 4%;
}
@media (max-width: 480px) {
    .news_show .s_x {
        margin-bottom: 40px;
    }
    .news_show .s_x a {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
}
.page {
    margin: 0px 0px 80px 0px;
    padding-top: 40px;
    text-align: center;
}
.page .fa-caret-left {
    font-size: 14px;
    padding: 0px 3px;
}
.page .fa-caret-right {
    font-size: 14px;
    padding: 0px 3px;
}
.page .fa-backward {
    font-size: 10px;
}
.page .fa-forward {
    font-size: 10px;
}
.page .active {
    color: #2277da;
    font-weight: bold;
}
.page a {
    color: #999999;
    margin: 0px 3px;
    font-family: arial;
    display: inline-block;
    text-align: center;
    color: #666666;
    border-radius:4px;
    border: 1px solid #d9d9d9;
    padding: 3px 14px;
}
.page a:hover {
    color: #2277da;
    font-weight: bold;
}
.page .ye {
    color: #999999;
    margin: 0px 2px;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    border-radius: 50px;
    background: #e1e1e1;
    text-align: center;
}
.page .ye:hover {
    color: #fff;
    background: #2277da;
}
.page .fa-backward,
.page .fa-forward {
    position: relative;
    top: -1px;
}
@media (max-width: 480px) {
    .page {
        margin: 0px 0px 40px 0px;
    }
}

/* ------------------------------------------------------------------------------
	方案页面
-------------------------------------------------------------------------------*/
.news_zied {
    max-width: 1170px;
    width:100%;
    margin: auto;
}
.news_zi_uled {
    width: 80%;
    padding:50px 0 0 0;
}
ol, ul{margin-top:10px;margin-left: 0;padding: 0}
.ce{background-color: #f8f8f8;margin-top:60px;padding:15px;}
.ce ul li a{color: #333; line-height: 50px;padding: 10px;}
.ce ul li a:hover,.ce ul li a.hover:link,.ce ul li a.hover:visited,.ce ul li a.hover:active{background: #2277da;color: #fff;padding: 10px;}
.hline{font-size: 20px;font-weight: 600;margin-bottom: 30px;color: #333;border-bottom: 1px solid #d9d9d9;padding:0 0 15px 0;}
.matt{margin-bottom:20px;}
.larr{margin:30px 0 10px 0;}
.topce{padding:20px; text-align: center;background-color: #f8f8f8;}
.topce a{color: #333;margin-right: 15px;line-height:36px;padding: 10px 0;}
.topce a:hover,.topce a.hover:link,.topce a.hover:visited,.topce a.hover:active{background: #2277da;color: #fff;padding: 10px 0;}
.news_zi_uled li {
    padding:20px;
    cursor: pointer;
    background: #f8f8f8;
    margin-bottom: 30px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.news_zi_uled li .news_lefted {
    float: left;
    padding: 0;
}
.news_zi_uled li .news_lefted .piced {
    width: 12%;
    float: left;
    position: relative;
    overflow: hidden;
}
.news_zi_uled li .news_lefted .piced img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
    transition: 0.3s;
}
.news_zi_uled li .news_lefted .piced i {
    display: block;
    padding-bottom: 100%;
}
.news_zi_uled li .news_lefted .txted {
    width: 86%;
    float: right;
    min-height: 140px;
}
.news_zi_uled li .news_lefted .txted a {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    width: 95%;
    display: block;
    height: 25px;
    line-height: 25px;
}
.news_zi_uled li .news_lefted p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    width: 95%;
}
.news_zi_uled li:hover{background: #2277da;color: #fff;}
.news_zi_uled li:hover .news_lefted p{color: #dee7d4;}
.news_zi_uled li:hover .font12pxed{color: #92b8e4;}
.news_zi_uled li:hover .news_lefted a {color: #fff;}
.font12pxed{font-size: 12px;color: #999;margin: 5px 0;}
.his{border-bottom: 1px solid #d9d9d9;margin:100px 0 0 0;position: relative;}
.poshis{position: absolute;top:-50px;width: 160px;text-align: center}
.poshis time{font-size: 16px;margin-bottom:15px; display: block;color: #333;}
.dianbg{background:url("../images/dian2.png") no-repeat center center;background-size: 21px 21px; width: 21px; height: 21px;margin-left:70px;}
.font16pxed{font-size: 16px;margin-top:15px;color: #333;}
.poshis p{color: #666;font-size: 12px;margin-top:5px;line-height: 20px;}
.leone{left:20px;}
.letwo{left:240px;}
.lethree{left:480px;}
.lefour{left:720px;}
.lefive{left:960px;}
.hised{border-bottom: 1px solid #d9d9d9;margin:70px 0 0 0;position: relative;}
.poshised{position: absolute;top:-40px;text-align: center}
.poshised time{margin-bottom:5px; display: block;color: #333;}
.dianbged{background:url("../images/dian2.png") no-repeat center center;background-size: 21px 21px; width: 21px; height: 21px;margin-left:20px;}
.font16pxedss{margin-top:5px;color: #333;font-size: 12px;}
.leonexs{left:0px;}
.letwoxs{left:60px;}
.lethreexs{left:120px;}
.lefourxs{left:180px;}
.lefivexs{left:240px;}
.mat22{margin-top: 180px;}

.mat33{margin-top: 70px;}

.huanjing img:hover{opacity: 0.8;}
.his ul:hover .poshis time{display: block;color: #2277da;}
.his ul li:hover .font16pxed{color: #2277da;}
.his ul li:hover p{color: #2277da;}
.marpp{margin-top:10px;}
.team{background: #2277da;}
.team img{opacity: 0.5;}
/* ------------------------------------------------------------------------------
	登录注册
-------------------------------------------------------------------------------*/
.baffff{background: #fff;min-height:800px;padding:100px 0;margin:120px 0 30px 0;}
.minheight{width: 350px;margin:0 auto;}
.lofont{font-size: 20px;color: #333;margin-bottom:40px;text-align: center;}
.user{width: 350px; height: 48px; border: 1px solid #d9d9d9;background: url("../images/user.png") no-repeat 2% center;background-size: 22px 22px;text-indent: 2.5em;margin-bottom:15px;}
.pass{width: 350px; height: 48px; border: 1px solid #d9d9d9;background: url("../images/password.png") no-repeat 2% center;background-size: 22px 22px;text-indent: 2.5em;}
.mylogin{width: 350px;height: 48px;background: #2277da;color: #fff;border-radius: 0;}
.mylogin:hover{background: #3b8cea;color: #fff;}
.logintext{margin-top:10px;}
.logintext a{color: #2277da;}
.myre>li{float: left;width:185px;text-align: center;}
.myre>li>a{color: #333;background: #e6e6e6;border-radius: 0;border: none;margin-right:0;}
.myre>li.active>a, .myre>li.active>a:focus, .myre>li.active>a:hover{color: #fff;background: #2277da;border:none;}
.myre>li>a:hover{color: #333;background: #e6e6e6;}
.minheight2{width: 370px;margin:0 auto;}
.reborder{width: 370px;height:48px;border: 1px solid #d9d9d9;line-height: 46px;text-align: left;padding: 0 15px;margin-bottom: 15px;}
.rephone span{color: red;margin-left:10px;border-right: 1px solid #d9d9d9;padding-right: 10px;}
.phoned{width: 200px; height: 46px;border:none;margin-left: 10px;}
.phoned2{width:140px; height: 46px;border:none;margin-left: 10px;}
.send{background: #4892e8;color: #fff; margin-top:5px;}
.send:hover{background: #2277da;color: #fff;}
.myce{width: 370px;height: 48px;background: #2277da;color: #fff;margin-top:30px;border-radius: 0;}
.myce:hover{background: #3b8cea;color: #fff;}

/* side */
img{max-width: 100%;}
.side{position:fixed;width:50px;height:275px;right:0;top:250px;z-index:100;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom: 2px;}
.side ul li .sidebox1{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;background:#ff9c00;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox1{width: 150px;text-indent: 1em;}
.side ul li .sidebox2{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;background:#ff9c00;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox2{width:200px;text-indent: 1em;}
.side ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ff9c00;}
.side ul li img{float:right;}

.side2{position: fixed;width: 50px;right:0;*right:30px;z-index: 100;top:354px;}
.side2 ul li{ width: 50px;height: 50px;margin-bottom:2px;}
.side2 ul li a{display: block;background-color: #ff9c00;height: 50px;width: 50px;text-align: center;line-height: 40px;}
.side2 ul li a img{vertical-align: middle;display: inline-block;}
.side2 ul li a:hover{background-color: #ff9c00;}
.side2 ul li .weixin{position: absolute;left: -100px;bottom:20px;display: none;}
.side2 ul li .weixin img{display: block;}


.newpadd0{padding: 0 0 0 15px;}
.mat{margin-top:25px;}
.newbonone{border: none;padding:10px;width:100%;color: #333;}
.newuied{background: #ffb800;border: none;width:100%;padding: 10px 5px;margin: 20px auto;}
.mass1 {font-size: 48px;font-weight: 600;margin:20px 0 15px 0;}

/* ------------------------------------------------------------------------------
	移动端
-------------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
	.newpadd{padding: 10px 0 0 0}
    .col1{margin-top: 30px;}
    .uu{margin-top: 30px;}
    .marrr{padding-bottom: 30px;}
    .padsx{padding: 50px 15px;}
    .wenbut{margin-top: 20px;}
    .spel{margin-top:40px;}
    .paddt{padding-top: 20px;}
    .mytab2{margin-top:30px;}
    .font36px{font-size:24px;font-weight: 600;line-height:40px;}
    .lan220px{padding:40px 0;}
    .lan220px2{padding:40px 0;}
    .padsx2{padding: 50px 0;}
    .padsx3{padding: 50px 0 30px 0;}
    .jiage2 h4{margin-bottom:10px;}
    .lined{margin:50px 0;}
    .m1{margin-top:10px;}
    .m2{margin-top:0;}
    .tabled2 tr th{padding:0 5px;font-size: 12px;}
    .tabled2 tr td{padding:0 5px;font-size: 12px;}
    .dai span{margin-right:20px;}
    .home_news .news_con {padding:5px 0 0 0;}
    .news_zi_ul {padding:5px 0 0 0;}
    .news_zi_uled li {padding:20px 10px 10px 10px;}
    .footbg {padding:15px 0 40px 0;}
    .mat22{margin-top:70px;}
    .pp{display:block;max-width:100%;height:auto}
    .fonth{margin-bottom:20px;font-size:30px;}
    .hh2ed{margin-bottom:40px;font-size: 30px;}
    .paddbot{margin-bottom:30px;}
    .hisse{margin-top:40px;}
    #header.fixed .myla{color: #fff;margin:10px 0;}
    a.loginbut{line-height:0px;font-size: 14px;}
    #header.fixed a.loginbut{color: #fff;border: 1px solid #fff;}
    a.zucebut{line-height: 1px;font-size: 14px;}
    .primary-nav{float:none;}
    .buted{width: 200px; margin:20px auto;}
    .buted2{width: 200px; margin:70px auto;}
    .myla{margin:10px 0;}
    .mylacol{margin-left:130px;}
    .myla2{margin:10px 0;}
    #header.fixed .myla2{color: #fff;margin:10px 0;}
    .font24px{font-size: 24px;margin:10px 0 10px 0;}
    .page {margin: 0px 0px 30px 0px;padding-top:15px;}
    .page a {padding: 3px 5px;margin: 0px 1px;}
    .fised2{height:20px;}
    .news_zi_uled {width: 100%;padding:10px 0 0 0;}
    .baffff{background: #fff;min-height:800px;padding:50px 0;margin:95px 0 30px 0;}
    .minheight{width:300px;margin:0 auto;}
    .user{width: 300px; height: 48px; border: 1px solid #d9d9d9;background:  no-repeat 2% center;background-size: 22px 22px;text-indent: 2.5em;margin-bottom:15px;}
    .pass{width: 300px; height: 48px; border: 1px solid #d9d9d9;background:  no-repeat 2% center;background-size: 22px 22px;text-indent: 2.5em;}
    .mylogin{width: 300px;height: 48px;background: #2277da;color: #fff;margin-top:30px;border-radius: 0;}
    .minheight2{width: 300px;margin:0 auto;}
    .myre>li{float: left;width:150px;text-align: center;}
    .reborder{width: 300px;height:48px;border: 1px solid #d9d9d9;line-height: 46px;text-align: left;padding: 0 10px;margin-bottom: 15px;}
    .rephone span{color: red;margin-left:5px;border-right: 1px solid #d9d9d9;padding-right: 10px;}
    .phoned{width:170px; height: 46px;border:none;margin-left: 10px;}
    .phoned2{width:100px; height: 46px;border:none;margin-left: 10px;}
    .send{background: #4892e8;color: #fff;width:80px;padding:6px 5px;}
    .send:hover{background: #2277da;color: #fff;}
    .myce{width: 300px;height: 48px;background: #2277da;color: #fff;margin-top:30px;border-radius: 0;}
	.show_t{margin-left: 5%;width:90%;word-wrap : break-word ;word-break:break-all;}
}


.mtopp{
    position: relative;
}
.mtop{display: inline-block;width: 84%;font:12px "microsoft yahei";text-align: left;color: #333;width: 210px;background:#e5e5ea;border-radius:10px;padding: 10px 8px;line-height: 25px;position: absolute;top:140px;left: 25px; }
.mtop i{position: absolute;width:9px;height:10px;display:block;left:-4px;bottom:-2px;background:url("../images/new_smsico.png");}

.mtop1{display: inline-block;font:12px "microsoft yahei";text-align: left;color: #333;width: 48%;background:#e5e5ea;border-radius:10px;padding: 10px 8px;line-height: 25px;position: absolute;top:133px;left: 36px; }
.mtop1 i{position: absolute;width:9px;height:10px;display:block;left:-4px;bottom:-2px;background:url("../images/new_smsico.png");}

.mtop2{display: inline-block;font:12px "microsoft yahei";text-align: left;color: #333;width: 43%;background:#e5e5ea;border-radius:10px;padding: 10px 8px;line-height: 15px;position: absolute;top:58px;left: 170px; }
.mtop2 i{position: absolute;width:9px;height:10px;display:block;left:-4px;bottom:-2px;background:url("../images/new_smsico.png");}


@media screen and (max-width: 768px){
.phoned2{width:80px; height: 46px;border:none;margin-left: 10px;}
.send{background: #4892e8;color: #fff;width:80px;padding:6px 5px;margin-top: 5px;}
}
.send{background: #4892e8;color: #fff; margin-top:5px;}