@charset "utf-8";
/* CSS Document */
/*切图：yf*/
html{ overflow-x:hidden; overflow-y:auto;}
body{ overflow-x: hidden;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; }
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}

.pz_banner{ float:left; width:100%;  overflow:hidden; position: relative; margin-top:101px ; line-height: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pz_banner.active{ margin-top:60px ;  }
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 80px;}
}
.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; background: #0063b3; }

.top1{ position: fixed; width:100%; height:105px;  left:0; top:0; z-index:1010; background: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1.active{
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
       -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
         -o-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
            box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.head{ border-top: #0063b3 solid 2px;}
.headBox{
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1 .logo{ float:left; width:254px; height:74px; margin: 13px 0 0 0; }
.top1 .logo .img{ margin-left: -6px; float:left; height:74px;}
.top1 .logo .img1{ margin-left: 0px; float:left; height:74px;}
.top1 .top1Right{ padding: 0 0 0 274px;}
.top1 .top1Right .languageBox{ float: left; width: 100%; padding: 15px 0 0 0;}
.top1 .top1Right .languageBox .search{ float: right; width: 167px; height: 35px; border: #ebebeb solid 1px;
    border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
}
.top1 .top1Right .languageBox .search button{ float: right; width: 21px; height: 21px; margin: 6px 8px 0 0; line-height: 0;}
.top1 .top1Right .languageBox .search .searchLeft{ padding: 0 30px 0 0;}
.top1 .top1Right .languageBox .search .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}
.top1 .top1Right .languageBox .language{ float: right; padding: 0 7px 0 0;}
.top1 .top1Right .languageBox .tel{
	float: right;
	padding: 0 7px 0 0;
	background-image: url(../images/tel.png);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 55px;
	font-size:16px;
	line-height:40px;
}
.top1 .top1Right .languageBox .language a{ float: left; padding: 0 14px; color: #333; font-size: 14px; line-height: 35px; text-transform: uppercase;}
.top1 .top1Right .languageBox .language a:hover,
.top1 .top1Right .languageBox .language a.hover{ color: #333;}
.top1 .top1Right .languageBox .language span{ float: left; width: 1px; height: 11px; background: #333; margin:12px 0 0 0; }









@media screen and (max-width:1199px){
    .top1{ display:none;}
    .pz_banner{ margin-top:60px ;  }
}


.menuBox{ float: left; width: 100%; height: 49px; }


.menu{ }
.menu ul{ float:right; margin-right: -54px;}
.menu ul .nli{ float:left; padding: 0 40px 0 31px;  position: relative; }
.menu ul .nli:last-child{ background: 0;}
.menu ul .nli span a{ float:left; height: 49px; padding:0 14px;  font-size: 16px; line-height: 47px;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
}
.menu ul .nli.active span a{ color: #222222; background: url("../images/top3.jpg") bottom center no-repeat; background-size: 100% 4px;}
.menu .sub{ display: none; position: absolute; width:100%; left:0; top: 49px; background: #fff; }
.menu .sub li{ padding: 10px 0; color: #333; font-size: 14px; line-height: 20px;  text-align: center;}
.menu .sub li a{color: #333;}




/*phone版头部*/
.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:60px; background:#fff; }
.top2.active{
    -webkit-box-shadow: 0 2px 6px #aaa;
    -moz-box-shadow: 0 2px 6px #aaa;
    -o-box-shadow: 0 2px 6px #aaa;
    box-shadow: 0 2px 6px #aaa;
}
.top2 .logo{ float:left; width:137px; height:40px; margin:10px 0 0 0;}
.top2 .logo .img{ margin-left: -6px; float:left; height:40px;}
.top2 .logo .img1{ margin-left: 0px; float:left; height:40px;}
@media screen and (max-width:1199px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: #0075c2;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    background: #fff;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
}
.xialaph h4{
    position: relative;
}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    /*opacity: 0.1;*/
}
.xialaph h4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 46px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 img{
    width: 15px;
    height: 8px;
    float: right;
    margin-top: -29px;
    cursor: pointer;
}
.xialaph h5 img{
    width: 11px;
    height: 6px;
    float: right;
    margin-top: 26px;
    margin-right: 18px;
    cursor: pointer;
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
    display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
    display: block;
}
.xialaph .ul2{

}
.xialaph .ul3{
    padding-top: 12px;
    padding-bottom: 18px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}
.xialaph .language{ text-align: center; padding: 15px 0 0 0;}
.xialaph .language a{ display: inline-block; color: #333; font-size: 14px; line-height: 30px; padding: 0 35px;}
.xialaph .language a.hover{ color: #fff; background: #0063b3;}

.xialaph .searchP{ margin-top: 15px; height: 35px; border: #ebebeb solid 1px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 8px 0 0; line-height: 0;}
.xialaph .searchP .searchLeft{ padding: 0 30px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}



.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 196;
    display: none;
}
.phonemeng.active{
    display: block;
}

/*banner*/
.bannerBox{ min-height:286px; line-height: 0; position: relative; }
.bannerBox .owl-prev{ position: absolute; width: 50px; height: 150px;  left: 20px; top: auto; bottom: 52px; background: url("../images/top4.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}
.bannerBox .owl-next{ position: absolute; width: 50px; height: 150px; right: 20px; top: auto; bottom: 52px; background: url("../images/top5.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}
@media screen and (max-width:1199px){
    .bannerBox{ min-height: 222px;}
    .bannerBox .owl-prev{ width: 30px; height: 90px; background-size: cover; }
    .bannerBox .owl-next{ width: 30px; height: 90px; background-size: cover; }
}
@media screen and (max-width:991px){
    .bannerBox{ min-height: 275px;}
}
@media screen and (max-width:767px){
    .bannerBox{ min-height: 114px;}
    .bannerBox .owl-prev{ left: 15px; width: 20px; height: 60px; bottom: 50%; margin-bottom: -30px; }
    .bannerBox .owl-next{ right: 15px; width: 20px; height: 60px; bottom: 50%; margin-bottom: -30px; }
}

/*homePro*/
.homePro{ margin: 0 -15px;}
.homePro ul{ float: left; width: 100%; }
.homePro ul .owl-stage-outer{
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 1.41%;
	padding-left: 0;
}
.homePro ul li{ padding:0 15px; }
.homePro ul li .proBox{ float: left; width: 100%; padding: 9.51% 7.33% 7.33% 7.33%; border: #ebebeb solid 1px;
    -webkit-transition:all .3s ease;transition:all .3s ease;opacity:1
}
.homePro ul li:hover .proBox{ border-color: #fff;
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);
}
.homePro ul li .proBox .proTitle{ height: 46px; padding-right: 45%; color: #212121; font-size: 18px; line-height: 23px; overflow: hidden;}
.homePro ul li .proBox .proSelf{}
.homePro ul li .proBox .proSelf .selfBut{
	float: left;
	margin-top: 10px;
	background: #c7c8ca;
	color: #fff;
	line-height: 33px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	padding-top: 0;
	padding-right: 22px;
	padding-bottom: 0;
	padding-left: 22px;
	clear: both;
}
.homePro ul li .proBox:hover .proSelf .selfBut{ background: #0075c2;}
.homePro ul li .proBox .proSelf .selfPic{ float: right; width: 151px; height: 134px;}

.homeProMore{ padding: 0 0 15px 0;}
.homeProMore .link{ float: right; color: #939598; font-size: 14px; line-height: 16px; font-family: Arial;}
.homeProMore .link:hover{ color: #0075c2;}
.homeProMore .link span{ float: left;}
.homeProMore .link b{ float: left; width: 15px; height: 5px; margin: 6px 0 0 10px; line-height: 0;}
.homeProMore .link b .imgs{}
.homeProMore .link b .imgd{ display: none;}
.homeProMore .link:hover b .imgs{ display: none;}
.homeProMore .link:hover b .imgd{ display: block;}
@media screen and (max-width:991px){
    .homeProMore{ padding: 15px 0 15px 0;}
}
@media screen and (max-width:767px){
    .homePro ul .owl-stage-outer{ padding: 4.5% 0 0 0;}
    .homePro ul li .proBox{ padding: 5% 4% 4% 4%; }
    .homePro ul li .proBox .proSelf .selfBut{ background: #0075c2;}
}

/*homeApplication*/
.homeApplication{ }
.homeAppTitle{}
.homeAppTitle .titSpan{ float: left; color: #939598; font-size: 24px; line-height: 32px;}
.homeAppTitle .titB{ float: left; height: 32px; margin: 0 0 0 15px;}
.homeAppTitle .titB .img1{ height: 32px;}
.homeAppDown{ margin: 0 -15px; padding: 26px 0 0 0;}
.homeAppDown ul{}
.homeAppDown ul .owl-stage-outer{ padding: 0 0 3px 0;}
.homeAppDown ul li{ padding: 0 15px;}
.homeAppDown ul li .appBox{ float: left; width: 100%;}
.homeAppDown ul li .appBox .appPicture{ overflow: hidden;}
.homeAppDown ul li .appBox .appPicture .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeAppDown ul li:hover .appBox .appPicture .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.homeAppDown ul li .appBox .appOpen{ border: #ebebeb solid 1px; padding: 5.97% 7.33% 9.23% 7.33%;}
.homeAppDown ul li .appBox .appOpen .appH3{ color: #353535; font-size: 18px; line-height: 30px;}
.homeAppDown ul li .appBox .appOpen .appSelect{ height: 40px; margin: 11px 0 29px 0; color: #808285; font-size: 14px; line-height: 20px; overflow: hidden;}
.homeAppDown ul li .appBox .appOpen .appMore{}
.homeAppDown ul li .appBox .appOpen .appMore span{ float: left; padding: 0 21px; background: #c7c8ca; color: #fff; line-height: 33px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.homeAppDown ul li:hover .appBox .appOpen .appMore span{ background: #0075c2;}
@media screen and (max-width:767px){
    .homeAppDown{ padding: 3% 0 0 0;}
    .homeAppDown ul li .appBox .appOpen{ padding: 5% 4% 5% 4%;}
    .homeAppDown ul li .appBox .appOpen .appSelect{ margin: 8px 0 18px 0; }
}


/*homeNew*/
.homeNew{ padding: 3.84% 0 3.41% 0;}
.homeNewDown{}
.homeNewDown .homeNewList{ float: right; width: 270px; padding: 12px 0 0 0;}
.homeNewDown .homeNewList ul{}
.homeNewDown .homeNewList ul li{ border-bottom: #ececed solid 1px; padding: 11px 0 12px 0;}
.homeNewDown .homeNewList ul li h4{ padding: 0 0 0 10px; color: #808285; font-size: 14px; line-height: 22px; background: url("../images/main9.png") no-repeat left center; background-size: 4px 4px;}
.homeNewDown .homeNewList ul li h4 a{color: #808285;}
.homeNewDown .homeNewList ul li:hover h4{ background: url("../images/main9_h.png") no-repeat left center; background-size: 4px 4px;}
.homeNewDown .homeNewList ul li:hover h4 a{ color: #0075c2;}
.homeNewDown .homeNewList ul li .time{ padding-left: 10px; height: 16px; color: #939598; font-size: 14px; line-height: 16px;}
.homeNewDown .homeNewLeft{ padding-right: 300px;}
.homeNewCellBox{ float: left; width: 100%; padding: 22px 0 0 0;}
.homeNewCellBox .cellLeft{ float: left; width: 270px; height: 172px; margin: 3px 0 0 0; overflow: hidden;}
.homeNewCellBox .cellLeft .img2{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeNewCellBox:hover .cellLeft .img2{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.homeNewCellBox .cellRight{ padding: 0 0 0 300px;}
.homeNewCellBox .cellRightBox{ float: left; width: 100%; padding: 0 0 0 90px; position: relative;}
.homeNewCellBox .cellRightBox .colorBack{ position: absolute; width: 60px; height: 60px; padding: 4px 0 0 0; left: 0; top: 3px; color: #fff; text-align: center; background: #c7c8ca;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.homeNewCellBox .cellRightBox:hover .colorBack{ background: #0075c2;}
.homeNewCellBox .cellRightBox .colorBack .btime{ font-size: 36px; line-height: 36px;}
.homeNewCellBox .cellRightBox .colorBack .stime{ font-size: 14px;line-height: 14px;}
.homeNewCellBox .cellRightBox h3{ color: #222121; font-size: 18px; line-height: 26px;}
.homeNewCellBox .cellRightBox:hover h3{ color: #0075c2;}
.homeNewCellBox .cellRightBox .cellP{ margin-top: 13px; height: 66px; color: #808285; font-size: 14px; line-height: 22px; overflow: hidden;}
.homeNewCellBox .cellRightBox .cellP a{ color: #808285;}
.homeNewCellBox .cellRightBox .cellBtn{ padding: 36px 0 0 0;}
.homeNewCellBox .cellRightBox .cellBtn span{ float: left; padding: 0 21px; background: #c7c8ca; color: #fff; line-height: 33px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;}
.homeNewCellBox .cellRightBox:hover .cellBtn span{background: #0075c2;}
@media screen and (max-width:991px){
    .homeNewDown .homeNewLeft{ float: left; width: 100%; padding-right:0;}
    .homeNewDown .homeNewList{ float: left; width: 100%; padding: 12px 0 0 0;}
}
@media screen and (max-width:767px){

    .homeNew{ padding: 4.5% 0 4.5% 0;}
    .homeNewCellBox{ padding: 3.5% 0 0 0;}
    .homeNewCellBox .cellRightBox{  width: 100%; padding: 0; }
    .homeNewCellBox .cellRightBox .colorBack{ display: none; }
}
@media screen and (max-width:580px){
    .homeNewCellBox .cellLeft{ width: 135px; height: 86px; }
    .homeNewCellBox .cellRight{ padding: 0 0 0 150px;}
    .homeNewCellBox .cellRightBox .cellP{ margin-top: 5px; height: 60px; line-height: 20px; }
    .homeNewCellBox .cellRightBox .cellBtn{ display: none;}
}

.special{}
.special .owl-dots{ margin-top: 4%; text-align: center; line-height: 0;}
.special .owl-dots .owl-dot{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border:#0075c2 solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .owl-dots .owl-dot.active{ background: #0075c2;}

/*down*/
.footTop{ background: #3c4248;}
.footTopBox{
	padding-top: 3.418%;
	padding-right: 0;
	padding-bottom: 2.5%;
	padding-left: 0;
}
.footTopBox .footTopLeft{ float: left; width: 450px;}
.footTopBox .footTopLeft .footLogo{ padding: 25px 0 23px 0; color:#FFFFFF; font-size:14px; line-height:25px; }
.footTopBox .footTopLeft .footLogo .logoIco{ width: 118px; height: 72px;}
.footTopBox .footTopLeft .footTopShare{}
.footTopBox .footTopLeft .footTopShare .share{ float: left; width: 41px; height: 41px; border: #c7c8ca solid 1px; margin: 0 0 0 12px; position: relative; cursor: pointer;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.footTopBox .footTopLeft .footTopShare .share:hover{ background: #c7c8ca;}
.footTopBox .footTopLeft .footTopShare .share .imgs{}
.footTopBox .footTopLeft .footTopShare .share .imgd{ display: none;}
.footTopBox .footTopLeft .footTopShare .share:hover .imgs{ display: none;}
.footTopBox .footTopLeft .footTopShare .share:hover .imgd{ display: block;}
.footTopBox .footTopLeft .footTopShare .share .ewm{ display: none; position: absolute; bottom: 37px; left: -37px; width: 117px; height: 124px; padding: 17px 16px 23px 17px; background: url("../images/foot4.png") no-repeat; background-size: cover;}
.footTopBox .footTopLeft .footTopShare .share:hover .ewm{ display: block;}
.footTopBox .footNav{ padding: 0 0 0 450px;}
.footTopBox .footNav .navPc{ float: left; width: 100%;}
.footTopBox .footNav .navPc dl{ float: left; width: 33%; padding-left: 30px;}
.footTopBox .footNav .navPc dl dt{ padding: 10px 0; color: #fff; font-size: 16px; line-height: 25px; border-bottom: #bbbcbd dashed 1px; font-weight: normal; margin-bottom: 8px;}
.footTopBox .footNav .navPc dl dd{ padding: 4px 0 5px 0; color: #ebebeb; font-size: 12px; line-height: 20px;}
.footTopBox .footNav .navPc dl dd a{ color: #ebebeb;}
.footTopBox .footNav .navPc dl dd a:hover{ color: #0075c2;}
@media  screen and (max-width:991px){
    .footTopBox .footTopLeft{ width: 100%;}
    .footTopBox .footTopLeft .footLogo{ padding: 0 0 23px 0; text-align: center;}
    .footTopBox .footTopLeft .footTopShare{ text-align: center;}
    .footTopBox .footTopLeft .footTopShare .share{ float: none; display: inline-block; margin: 0 6px; vertical-align: top;}
    .footTopBox .footNav{ display: none;}
}
@media  screen and (max-width:767px){
    .footTopBox .footTopLeft .footLogo{ padding: 0 0 10px 0; }
}

.footDown{ background: #292d32;}
.footDownBox{ padding: 13px 0 12px 0;}
.footDownBox .footCopy{ float: left; width: 55.41%; color: #c7c8ca; font-size: 12px; line-height: 18px;}
.footDownBox .footCopy a{ color: #c7c8ca;}
.footDownBox .footCopy a:hover{ color: #0075c2;}
.footDownBox .footLink{ float: right; color: #c7c8ca; font-size: 12px; line-height: 36px;}
.footDownBox .footLink a{color: #c7c8ca;}
.footDownBox .footLink a:hover{color: #0075c2;}
.footPhone{ display: none; float: left; width: 100%; padding-top: 3.5%;}
@media  screen and (max-width:991px){
    .footDownBox .footCopy{ width: 100%; text-align: center; }
    .footDownBox .footLink{ float: left; width: 100%; text-align: center;}
    .footPhone{ display: block;}
}

/*ph*/
.footPhone{ display: none;}
.footPhone .footPh1{ background: #757575; margin-bottom: 2.84%;}
.footPhone .footPh1 h4{padding: 0 15px 0 15px; color: #fff; font-size: 14px; font-weight: bold; line-height: 40px; cursor: pointer;}
.footPhone .footPh1 h4 img{ float: right;  }
.footPhone .footPh1 h4 img.fr,
.footPhone .footPh1 h4 img.fl{ margin-top: 17px;}
.footPhone .footPh1 h4 .img_s{}
.footPhone .footPh1 h4 .img_d{ display: none;}
.footPhone .footPh1 h4.active .img_s{
    display: none;
}
.footPhone .footPh1 h4.active .img_d{
    display: inline-block;
}
.footPhone .footPh1 ul{ padding: 0 0 14px 15px; display: none; }
.footPhone .footPh1 ul li{color: #ccc; font-size: 14px; line-height: 25px;}
.footPhone .footPh1 ul li a{color: #ccc; }
.footPhone .footPh1 ul li a:hover{color: #98002d;}
@media  screen and (max-width:991px){
    .footPhone{ display: block;}
}

/*产品*/
.productBox{ position: relative;}
.productBox .proLine{ position: absolute; width: 1px; right: 270px; top: 0; height: 100%; background: #e8e8e8; z-index: 10;}
.productBox .proBread{ border-bottom: #e8e8e8 solid 1px; padding: 10px 0; color: #333333; font-size: 16px; line-height:47px;}
.productBox .proBread b{
	float: left;
	width: 17px;
	height: 17px;
	line-height: 0;
	margin-top: 13px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
.productBox .proBread u{

}
.productBox .proBread u a:hover{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0075c2;
}
.productBox .proBread a{ float:left; color: #333333; }
.productBox .proBread span{ float: left; margin: 0 4px;}
.productBox .proBread a:hover,
.productBox .proBread a.hover{ color: #0075c2;}
.productBoxDown{}
.productBoxDown .productRight{ float: right; width: 270px;}

@media  screen and (max-width:1199px){
    .productBox .proLine{ right: 212px; }
    .productBoxDown .productRight{ width: 212px;}
}
@media  screen and (max-width:991px){
    .productBox .proLine{ display: none; }
    .productBox .proBread{ display: none;}
    .productBoxDown .productRight{ display: none;}
}

.pz_SideLayer{ float: left; width: 100%; padding: 0 0 20px 0;}
.pz_SideLayer .l1{ float: left; width: 100%; padding: 6px 0 6px 6px; border-bottom: #e8e8e8 solid 1px; }
.pz_SideLayer .l1 a{ float: left; width: 100%; padding-left: 35px; color: #343434; font-size: 16px; line-height: 40px; background: url("../images/pro3.png") 24px center no-repeat; background-size: 5px 9px;  }
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{background: url("../images/pro3_h.png") 24px center no-repeat #0075c2; background-size: 5px 9px; color: #fff;}

.babyser{ margin-top: 4.5%; position: relative; z-index: 5;}
.babyser h2{ float:left; width:100%; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:48px;}
.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}
@media  screen and (max-width:991px){
    .babyser h2 .imgr{ float:right; margin:16px 0 0 0;
        transition: all 0.2s linear;
    }
    .babyser h2.active .imgr{
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        transform:rotate(90deg);
    }
}

.pz_SideLayerph{ display:none; width:100%; left:0; top:49px; background-color:#fff;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:48px; cursor:pointer; border-bottom:#e1e1e1 solid 1px;}
.pz_SideLayerph .l1 h3 a{ color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#0c6dc7;}
.pz_SideLayerph .l1 h3 img{ float:right; margin:25px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}

/*.pz_SideLayerph  h4{ color:#333; font-size:14px; line-height:40px; cursor:pointer; }*/
/*.pz_SideLayerph  h4 a{ color:#333; padding-left:25px;}*/
/*.pz_SideLayerph  h4.active a{ color:#0c6dc7;}*/

.pz_SideLayerph .l1 .l1ul{ display:none;border-bottom:#e1e1e1 solid 1px;}
.pz_SideLayerph .l1 .l1ul li{ float: left; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999; font-size: 14px;}


@media  screen and (max-width:767px){
    .babyser{ margin-top: 10px; }
}
.serbase{ padding:31px 130px 22px 130px; color: #666666; font-size: 14px; line-height: 30px; text-align: center; }
@media  screen and (max-width:1199px){
    .serbase{ padding:31px 0px 22px 0px; }
}
@media  screen and (max-width:767px){
    .serbase{ padding:20px 0px 22px 0px; }
}

.productBoxLeft{
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
.productList{ padding: 2.55% 0 0 0;}
.productList ul{ float: left; width: 100%; min-height: 500px; padding-bottom: 2%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.productList ul li{ float: left; width: 33.333333%; }
.productList ul li .listLink{ float: left; width: 100%; padding:10% 9.36% 0 0; }
.productList ul li .listLink a{ float: left; width: 100%; }
.productList ul li .listLink a .linkPic{ border: #ebebeb solid 1px; overflow: hidden;}
.productList ul li .listLink a .linkPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.productList ul li .listLink a:hover .linkPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.productList ul li .listLink a h3{ padding: 8.51% 0 6.29% 0; color: #212121; font-size: 14px; line-height: 24px; text-align: center;}
.productList ul li .listLink a .linkMore{ text-align: center;}
.productList ul li .listLink a .linkMore span{ display: inline-block; padding: 0 21px; background: #c7c8ca; color: #fff; line-height: 33px; vertical-align: top;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.productList ul li .listLink a:hover .linkMore span{ background: #0075c2;}
@media  screen and (max-width:1199px){
    .productBoxLeft{ padding: 0 212px 0 0;}
}
@media  screen and (max-width:991px){
    .productBoxLeft{ padding: 0;}
    .productList{ padding: 0; margin: 0 -1.6%;}
    .productList ul li .listLink{ padding:10% 4.74% 0 4.74%; }
}
@media  screen and (max-width:767px){
    .productList ul li{ width: 50%; }
}


.pagebox{ padding: 4.23% 3.11% 4.23% 0; }
/* 分页 */
.pz_fy{ padding:8px 0px; text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { padding:8px 12px; color: #333333; font-size:14px; border: #fff solid 1px; text-decoration:none; margin:0 1px; font-family: '宋体'; }
.pz_fy a:hover{ color: #0075c2; border: #0075c2 solid 1px; text-decoration:none;}
.pz_fy a.on{ color: #0075c2; border: #0075c2 solid 1px; text-decoration:none;}/*鼠标经过和默认当前页样式*/
@media  screen and (max-width:991px){
    .pagebox{ padding:7% 0 7% 0;}
    .fy_pc{ text-align:center; font-size:14px; color:#333;}
    .fy_pc a{ display: inline-block; padding:5px 10%; color:#333;
        border:solid 1px #0075c2;
        border-radius:15px;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
    }
    .fy_pc span{ padding:5px 5%; color:#333;}
}

/*产品-详情*/
.proStaile{ padding: 0 3.11% 0 0;}
.proStaile .staile_1{ }
.proStaile .staile_1 .stailePicture{ float: left; width: 46.55%; margin-top: 6.09%; border: #ebebeb solid 1px; line-height: 0;}
.proStaile .staile_1 .staileTitBox{ float: right; width: 50.22%; margin-top: 6.09%; }
.proStaile .staile_1 .staileTitBox .staileH2{ padding-top: 3.2%; color: #212121; font-size: 18px; font-weight: bold; line-height: 1.444;}
.proStaile .staile_1 .staileTitBox .staileCon{ padding: 5.72% 0 8.92% 0; color: #505359; font-size: 14px; line-height: 29px;}
.proStaile .staile_1 .staileTitBox .staileEmile{}
.proStaile .staile_1 .staileTitBox .staileEmile a{ float: left; background: #0075c2; color: #fff; font-size: 14px; line-height: 38px; padding: 0 15px; word-break: break-all;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.proStaile .staile_1 .staileTitBox .staileEmile a b{ float: left; width: 20px; height: 14px; margin: 11px 9px 0 0; line-height: 0;}
.proStaile .staile_1 .staileTitBox .staileEmile a span{ float: left;}
.proStaile .staile_2{ border-bottom: #e9e9e9 solid 1px; padding: 3.21% 0 4.94% 0;}
.proStaile .staile_2 .hd{ border-bottom: #e3e3e3 solid 1px;}
.proStaile .staile_2 .hd ul li{ float: left; padding: 0 32px; margin-right: 5px; color: #4e4d4d; font-size: 16px; line-height: 38px; cursor: pointer; background: #e3e3e3;}
.proStaile .staile_2 .hd ul li:last-child{ margin-right: 0;}
.proStaile .staile_2 .hd ul li.on{ background: #0075c2; color: #fff;}
.proStaile .staile_2 .bd{}
.proStaile .staile_2 .bd .productShow{ padding: 2.75% 0 0 0; color: #505359; font-size: 14px; line-height: 29px;}
.proStaile .staile_2 .bd .productShow .sowTit{ padding: 3.15% 0 0 0;}
.proStaile .staile_2 .bd .productShow .sowTit .stit{ color: #0075c2; font-size: 14px; font-weight: bold;}
.proStaile .staile_2 .bd .productShow .sowTit .stit .sspn{ float: left; width: 3px; height: 11px; margin: 9px 4px 0 0; background: #0075c2;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.proStaile .staile_2 .bd .productShow .sowTit .sd{}
.proStaile .staile_3{
	position: relative;
	padding-top: 3.56%;
	padding-right: 0;
	padding-bottom: 1%;
	padding-left: 0;
}
.proStaile .staile_3 .slink{ float: left; width: 100%; color: #323232; font-size: 14px; line-height: 28px;}
.proStaile .staile_3 .slink:hover{ color: #0075c2;}
.proStaile .staile_3 .return{ position: absolute; width: 25px; height: 13px; line-height: 0; right: 0; top: 50%; margin-top: -6px;}
@media  screen and (max-width:991px){
    .proStaile{ padding: 0;}
}
@media  screen and (max-width:767px){
    .proStaile .staile_1 .stailePicture{ width: 100%; margin-top: 4.5%;}
    .proStaile .staile_1 .staileTitBox{ float: left; width: 100%; margin-top: 1%; }
    .proStaile .staile_1 .staileTitBox .staileCon{ padding: 4.5% 0 4.5% 0; line-height: 26px;}
    .proStaile .staile_2 .hd ul li{ float: left; width: 32%; padding: 0; margin-right: 2%; text-align: center; font-size: 14px; }
    .proStaile .staile_2 .hd ul li:last-child{ margin-right: 0;}
}

.proAboutUl{ float: left; width: 100%; }
.proAboutUl li{ padding: 2.39% 0 0 0;}
.proAboutUl li a{}
.proAboutUl li .newCon{ background: #f6f6f6;}
.proAboutUl li .newCon .newLeft{ float: left; width: 250px; }
.proAboutUl li .newCon .newLeft .newPic{ float: right; width: 250px; height: 145px; overflow: hidden; line-height: 0;  }
.proAboutUl li .newCon .newLeft .newPic .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.proAboutUl li:hover .newCon .newLeft .newPic .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.proAboutUl li .newCon .newPadding{ padding: 0 0 0 250px;}
.proAboutUl li .newCon .newPadding .useBorder{ height: 145px; padding: 0 20px 0 20px; border: #ebebeb solid 1px; border-left: 0;}
.proAboutUl li .newCon .newPadding .newPadH3{ padding-top: 3.08%; padding-bottom: 16px; color: #222121; font-size: 18px; line-height: 24px;}
.proAboutUl li:hover .newCon .newPadding .newPadH3{ color: #0075c2;}
.proAboutUl li .newCon .newPadding .newPadCon{ height: 60px; color: #808285; font-size: 14px; line-height: 20px; overflow: hidden;}
.proAboutUl li .newCon .newPadding .newPadCon a{ color: #808285;}
@media  screen and (max-width:991px){
    .proAboutUl{ min-height: 5px;}
    .proAboutUl li{ padding: 4.5% 0 0 0;}
    .proAboutUl li .newCon .newLeft{ width: 270px; }
    .proAboutUl li .newCon .newLeft .newPic{ width: 270px; height: 157px; }
    .proAboutUl li .newCon .newPadding{ padding: 0 0 0 270px;}
    .proAboutUl li .newCon .newPadding .useBorder{ height: 157px; padding: 0 15px 0 15px; }
}
@media  screen and (max-width:767px){
    .proAboutUl li .newCon .newLeft{ width: 270px; }
    .proAboutUl li .newCon .newLeft .newTime{ display: none; }
    .proAboutUl li .newCon .newPadding{ padding: 0 0 0 295px;}
    .proAboutUl li .newCon .newPadding .newPadH3{ font-size: 16px; }
}
@media screen and (max-width:580px){
    .proAboutUl li .newCon{ background: 0;}
    .proAboutUl li .newCon .newLeft{ width: 135px; }
    .proAboutUl li .newCon .newLeft .newPic{ width: 135px; height: 78px;  }
    .proAboutUl li .newCon .newPadding{ padding: 0 0 0 150px;}
    .proAboutUl li .newCon .newPadding .useBorder{ height: 78px; padding: 0; border: 0; }
    .proAboutUl li .newCon .newPadding .newPadH3{ padding-top: 0; padding-bottom: 6px; }
    .proAboutUl li .newCon .newPadding .newPadCon{ height: 44px; line-height: 22px; }
}



/*常见问题*/
.questionList{ padding: 2% 3.11% 0 0;}
.questionList ul{ min-height: 500px;}
.questionList ul li{ padding:3.1% 0 2.87% 0; border-bottom: #c2c2c2 dotted 1px; }
.questionList ul li a{ float: left; width: 100%;}
.questionList ul li .queDiv{ padding-bottom: 6px; }
.questionList ul li .queDiv .queB{ float: left; width: 19px; height: 19px; margin: 3px 0 0 0; line-height: 0; }
.questionList ul li .queDiv .queRight{ padding: 0 0 0 8px; color: #0075c2; font-size: 16px; line-height: 24px;}
.questionList ul li .queCon{ height: 48px; color: #808285; font-size: 14px; line-height: 24px; overflow: hidden; }
.questionList ul li .queMore{ padding: 9px 0 0 0;}
.questionList ul li .queMore span{ float: left; padding: 0 21px; background: #c7c8ca; color: #fff; line-height: 33px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.questionList ul li:hover .queMore span{ background: #0075c2;}
@media  screen and (max-width:991px){
    .questionList ul{ min-height: 5px;}
    .questionList ul li{ padding:3.5% 0 3.5% 0; }
}

/*公司动态*/
.newList{ padding: 2.44% 3.11% 0 0;}
.newList ul{}
.newList ul li{ padding: 3.11% 0 3.34% 0; border-bottom: #e5e5e5 solid 1px;}
.newList ul li a{}
.newList ul li .newCon{}
.newList ul li .newCon .newLeft{ float: left; width: 351px; padding: 2px 0 0 0;}
.newList ul li .newCon .newLeft .newTime{ float: left; width: 60px; height: 60px; padding: 4px 0 0 0; left: 0; top: 3px; color: #fff; text-align: center; background: #c7c8ca;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.newList ul li:hover .newCon .newLeft .newTime{background: #0075c2;}
.newList ul li .newCon .newLeft .newTime .newBigTime{font-size: 36px; line-height: 36px;}
.newList ul li .newCon .newLeft .newTime .newSmallTime{font-size: 14px;line-height: 14px;}
.newList ul li .newCon .newLeft .newPic{ float: right; width: 270px; height: 172px; overflow: hidden;  }
.newList ul li .newCon .newLeft .newPic .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.newList ul li:hover .newCon .newLeft .newPic .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.newList ul li .newCon .newPadding{ padding: 0 0 0 388px;}
.newList ul li .newCon .newPadding .newPadH3{ padding-bottom: 13px; color: #222121; font-size: 18px; line-height: 24px;}
.newList ul li:hover .newCon .newPadding .newPadH3{ color: #0075c2;}
.newList ul li .newCon .newPadding .newPadCon{ height: 66px; color: #808285; font-size: 14px; line-height: 22px; overflow: hidden;}
.newList ul li .newCon .newPadding .newPadCon a{ color: #808285;}
.newList ul li .newCon .newPadding .newPadbtn{ padding: 37px 0 0 0;}

.specialMore{ float: left; padding: 0 21px; background: #c7c8ca; color: #fff; line-height: 33px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.newList ul li:hover .newCon .newPadding .newPadbtn .specialMore{ background: #0075c2;}
@media  screen and (max-width:991px){
    .newList{ padding: 0;}
    .newList ul li{ padding: 3.5% 0 3.5% 0; border-bottom: #e5e5e5 solid 1px }
}
@media  screen and (max-width:767px){
    .newList ul li .newCon .newLeft{ width: 270px; }
    .newList ul li .newCon .newLeft .newTime{ display: none; }
    .newList ul li .newCon .newPadding{ padding: 0 0 0 295px;}
    .newList ul li .newCon .newPadding .newPadH3{ font-size: 16px; }
}
@media screen and (max-width:580px){
    .newList ul li .newCon .newLeft{ width: 135px; }
    .newList ul li .newCon .newPadding{ padding: 0 0 0 150px;}
    .newList ul li .newCon .newLeft .newPic{ width: 135px; height: 86px;  }
    .newList ul li .newCon .newPadding .newPadH3{ padding-bottom: 6px; }
    .newList ul li .newCon .newPadding .newPadCon{ height: 60px; line-height: 20px; }
    .newList ul li .newCon .newPadding .newPadbtn{ display: none;}
}


/*公司动态-详情*/
.companyNew{ padding: 3% 3.11% 0 0; }
.companyNew .comeTitle{ float: left; width: 100%; padding: 2.875% 0; border-bottom: #c2c2c2 dotted 1px;}
.companyNew .comeTitle .comeTime{ float: left; width: 60px; height: 60px; padding: 4px 0 0 0; left: 0; top: 3px; color: #fff; text-align: center; background: #0075c2;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px; }
.companyNew .comeTitle .comeTime .big{font-size: 36px; line-height: 36px;}
.companyNew .comeTitle .comeTime .small{font-size: 14px;line-height: 14px;}
.companyNew .comeTitle .comeRight{ padding: 0 0 0 86px;}
.companyNew .comeTitle .comeRight h4{ padding: 13px 0 3px 0; font-size: 18px; line-height: 24px;}
.companyNew .comeTitle .comeRight .author{ color: #8c8c8c; line-height: 16px;}
.companyNew .comeContent{ float: left; width: 100%; padding: 2.52% 0 2.06% 0; color: #323232; font-size: 14px; line-height: 28px;}
.companyNew .comePage{ float: left; width: 100%; margin: 0 0 6.89% 0; padding-right: 35px; position: relative;}
.companyNew .comePage .slink{ float: left; width: 100%; color: #323232; font-size: 14px; line-height: 28px;}
.companyNew .comePage .slink:hover{ color: #0075c2;}
.companyNew .comePage .return{ position: absolute; width: 25px; height: 13px; line-height: 0; right: 0; top: 50%; margin-top: -6px;}
@media screen and (max-width:991px){
    .companyNew{ padding:0; }
}
@media screen and (max-width:767px){
    .companyNew .comeTitle .comeRight{ padding: 0 0 0 78px;}
    .companyNew .comeTitle .comeRight h4{ padding: 0 0 3px 0; font-size: 18px; line-height: 24px;}
}

/*公司简介3*/
.aboutBox{ padding:2.78% 3.11% 8.01% 0; color: #66686a; font-size: 14px; line-height: 31px; }
.aboutBox .aboutH3{ color: #0075c2; font-size: 22px; font-weight: bold; line-height: 1.363;}
.aboutBox .aboutTop{ padding:2.87% 0 1.49% 0; }
.aboutBox .aboutDownList{}
.aboutBox .aboutDownList .aboutLi{ padding:4.48% 0 0 0; }
.aboutBox .aboutDownList .aboutLi .aboutLiPic{ float: right; width: 45px; height: 45px;}
.aboutBox .aboutDownList .aboutLi .aboutLiLeft{ padding: 0 60px 0 0; }
.aboutBox .aboutDownList .aboutLi .aboutLiLeft .aboutLiTit{ color: #181818; font-size: 18px; font-weight: bold; line-height: 22px;}
.aboutBox .aboutDownList .aboutLi .aboutLiLeft .aboutLiTitDown{ padding: 19px 0 0 0; color: #66686a; font-size: 14px; line-height: 19px;}
@media screen and (max-width:991px){
    .aboutBox{ padding:4% 0 8.01% 0; line-height: 28px; }
    .aboutBox .aboutH3{ font-size: 18px; }
}


/*合作伙伴*/
.partnerBox{ padding: 3.78% 1.33% 0 0;}
.partnerBox ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.partnerBox ul li{ float: left; width:25%; }
.partnerBox ul li .partnerBorder{ margin: 7.65% 7.65% 0 0; border: #dcdcdc solid 1px;}
.partnerBox ul li .partnerBorder .borderFix{ overflow: hidden;}
.partnerBox ul li .partnerBorder .borderFix .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.partnerBox ul li .partnerBorder:hover .borderFix .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
@media screen and (max-width:991px){
    .partnerBox{ padding: 0; margin: 0 -0.92% 0 -0.92%;}
    .partnerBox ul li .partnerBorder{ margin: 7.65% 3.74% 0 3.74%; border: #dcdcdc solid 1px;}
}
@media screen and (max-width:767px){
    .partnerBox{ margin: 0 -1.5% 0px -1.5%;}
    .partnerBox ul li{ width:50%; }
	.pz_down{margin-top:30px;}
}

/*技术资源*/
.techList{ padding: 2.44% 3.11% 0 0;}
.techList ul{ min-height: 500px;}
.techList ul li{ padding: 3.11% 0 3.34% 0; border-bottom: #e5e5e5 solid 1px;}
.techList ul li a{}
.techList ul li .newCon{}
.techList ul li .newCon .newLeft{ float: left; width: 270px; padding: 2px 0 0 0;}
.techList ul li .newCon .newLeft .newPic{ float: right; width: 270px; height: 172px; overflow: hidden;  }
.techList ul li .newCon .newLeft .newPic .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.techList ul li:hover .newCon .newLeft .newPic .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.techList ul li .newCon .newPadding{ padding: 0 0 0 308px;}
.techList ul li .newCon .newPadding .newPadH3{ padding-bottom: 13px; color: #222121; font-size: 18px; line-height: 24px;}
.techList ul li:hover .newCon .newPadding .newPadH3{ color: #0075c2;}
.techList ul li .newCon .newPadding .newPadCon{ height: 66px; color: #808285; font-size: 14px; line-height: 22px; overflow: hidden;}
.techList ul li .newCon .newPadding .newPadCon a{ color: #808285;}
.techList ul li .newCon .newPadding .newPadbtn{ padding: 37px 0 0 0;}
.techList ul li:hover .newCon .newPadding .newPadbtn .specialMore{ background: #0075c2;}
@media  screen and (max-width:991px){
    .techList{ padding: 0;}
    .techList ul{ min-height: 5px;}
    .techList ul li{ padding: 3.5% 0 3.5% 0; border-bottom: #e5e5e5 solid 1px; }
}
@media  screen and (max-width:767px){
    .techList ul li .newCon .newLeft{ width: 270px; }
    .techList ul li .newCon .newLeft .newTime{ display: none; }
    .techList ul li .newCon .newPadding{ padding: 0 0 0 295px;}
    .techList ul li .newCon .newPadding .newPadH3{ font-size: 16px; }
}
@media screen and (max-width:580px){
    .techList ul li .newCon .newLeft{ width: 135px; }
    .techList ul li .newCon .newPadding{ padding: 0 0 0 150px;}
    .techList ul li .newCon .newLeft .newPic{ width: 135px; height: 86px;  }
    .techList ul li .newCon .newPadding .newPadH3{ padding-bottom: 6px; }
    .techList ul li .newCon .newPadding .newPadCon{ height: 60px; line-height: 20px; }
    .techList ul li .newCon .newPadding .newPadbtn{ display: none;}
}

/*联系我们*/
.contactTop{ padding: 4.67% 3.11% 3.11% 0; border-bottom: #e8e8e8 solid 1px;}
.contactTop .contactTit{ float: left; width: 100%; color: #363636; font-size: 20px; font-weight: bold; line-height:1.5; }
.contactTop .contactList{ float: left; width: 100%; padding: 2.52% 0 1.72% 0;}
.contactTop .contactList .contactListLi{ padding: 5px 0; color: #66686c; font-size: 14px; line-height: 20px;}
.contactTop .contactList .contactListLi .conB{ float: left; width: 18px; height: 18px; line-height: 0; margin: 1px 0 0 0;}
.contactTop .contactList .contactPadding{ padding: 0 0 0 30px;}
.contactTop .contactEwm{ float: left; width: 100%;}
.contactTop .contactEwm .ermPic{ float: left; width: 131px; height: 131px; border: #d2d2d2 solid 1px; padding:5px 4px 4px 5px; }
.contactTop .contactEwm .ermRight{ padding: 85px 0 0 139px; color: #66686c; font-size: 14px; line-height: 22px;}
.contactTop .contactEwm .ermRight .color{ color: #0075c2;}
.contactTop .contactMap{ float: left; width: 100%; height:248px; margin:3.44% 0 0 0; background: url("../images/contact5.jpg") no-repeat; background-size: cover; }
@media  screen and (max-width:991px){
    .contactTop{ padding: 4.67% 0 3.11% 0; }
    .contactTop .contactMap{ height:220px; }
 }
@media  screen and (max-width:767px){
    .contactTop .contactTit{ font-size: 18px; }
    .contactTop .contactMap{ height:150px; }
}
@media  screen and (max-width:420px){
    .contactTop .contactEwm .ermPic{ width: 100px; height: 100px; padding:4px; }
    .contactTop .contactEwm .ermRight{ padding: 55px 0 0 115px; }
}
@media  screen and (max-width:400px){
    .contactTop .contactEwm .ermRight{ padding: 35px 0 0 115px; }
}

#bdmap{width:100%; height:248px; }
#bdmap .BMapLabel{ border: 0 !important;}
#bdmap img{ max-width:none;}
#bdmap .iw_poi_title{ display: block;  background: url("../images/contact8.png") no-repeat !important; line-height: 30px !important;}
#bdmap .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
@media  screen and (max-width:991px){
    #bdmap{ height:220px; }
}
@media  screen and (max-width:767px){
    #bdmap{ height:150px; }
}

.contactDown{ padding: 0 14.36% 7.12% 0;}
.contactDown .messageTitle{ padding-top: 5.19%; color: #262626; font-size: 18px; line-height: 1.33; font-weight: bold;}
.contactDown .messageline{ margin: 0 -15px;}
.contactDown .messageline .messHalf{ float: left; width: 50%; padding: 25px 15px 5px 15px;}
.contactDown   .halfBorder{ border: #dcdcdc solid 1px;}
.contactDown   .halfBorder .halfLeft{float: left; width: 99px; border-right: #dcdcdc solid 1px; background: #f6f5f5; color: #666; font-size: 14px; line-height: 39px; text-align: center;}
.contactDown   .halfBorder .halfRight{ padding: 0 0 0 99px;}
.contactDown   .halfBorder .halfRight .halfInput{ float: left; width: 100%; height: 39px;  border: 0; background: 0; padding: 0 10px; color: #333; font-size: 14px;
    -webkit-appearance:none;
    outline: 0;
}
.contactDown .careerLine{padding: 25px 0 5px 0;}
.contactDown .careerTitle{background: #f6f5f5; border-bottom: #dcdcdc solid 1px; color: #666; font-size: 14px; line-height: 39px; padding-left: 37px; }
.contactDown .careerDown{}
.contactDown .careerDown .careerArea{ float: left; width: 100%; height: 144px; padding: 10px; color: #333; font-size: 14px; line-height: 24px; border: 0;
    -webkit-appearance:none;
    outline: 0;
}
.contactDown .box_1{ float: left; width: 228px;}
.contactDown .box_2{ float: left; width: 119px; margin-left: 20px;}
.contactDown .box_3{ float: right; width: 167px; height: 41px;}
.contactDown .box_3 .atButton{ float: left; width: 100%; background: #0075c2; color: #fff; font-size: 16px; line-height: 41px; text-align: center;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.contactDown .box_3 .atButton:hover,
.contactDown .box_3 .atButton:focus{ background: #026bb0;}
@media  screen and (max-width:991px){
    .contactDown{ padding: 0 0 7.12% 0;}
    .contactDown .messageline .messHalf{  padding: 15px 15px 5px 15px;}
    .contactDown .careerLine{padding: 15px 0 5px 0;}
    .contactDown .messageTitle{ font-size: 16px; }
}
@media  screen and (max-width:640px){
    .contactDown .box_3{ margin-top: 20px; float: left; width: 100%; text-align: center;}
    .contactDown .box_3 .atButton{ float: none; width: 120px; }
}
@media  screen and (max-width:520px){
    .contactDown .messageline .messHalf{ width: 100%; padding: 10px 15px 5px 15px;}
    .contactDown .careerDown .careerArea{ height: 92px; }
}
@media  screen and (max-width:420px){
    .contactDown .box_1{ width: 190px;}
    .contactDown .box_2{ width: 93px; margin-left: 5px; margin-top: 4px;}
}


/*应用*/
.useList{ padding: 2.13% 0 0 0;}
.useList ul{ min-height: 500px;}
.useList ul li{ padding: 2.39% 0 0 0;}
.useList ul li a{}
.useList ul li .newCon{ background: #f6f6f6;}
.useList ul li .newCon .newLeft{ float: left; width: 370px; }
.useList ul li .newCon .newLeft .newPic{ float: right; width: 370px; height: 215px; overflow: hidden; line-height: 0;  }
.useList ul li .newCon .newLeft .newPic .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.useList ul li:hover .newCon .newLeft .newPic .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.useList ul li .newCon .newPadding{ padding: 0 0 0 370px;}
.useList ul li .newCon .newPadding .useBorder{ height: 215px; padding: 0 25px 0 28px; border: #ebebeb solid 1px; border-left: 0;}
.useList ul li .newCon .newPadding .newPadH3{ padding-top: 3.08%; padding-bottom: 16px; color: #222121; font-size: 18px; line-height: 24px;}
.useList ul li:hover .newCon .newPadding .newPadH3{ color: #0075c2;}
.useList ul li .newCon .newPadding .newPadCon{ height: 60px; color: #808285; font-size: 14px; line-height: 20px; overflow: hidden;}
.useList ul li .newCon .newPadding .newPadCon a{ color: #808285;}
.useList ul li .newCon .newPadding .newPadbtn{ padding: 24px 0 0 0;}
.useList ul li:hover .newCon .newPadding .newPadbtn .specialMore{ background: #0075c2;}
@media  screen and (max-width:991px){
    .useList{ padding: 0;}
    .useList ul{ min-height: 5px;}
    .useList ul li{ padding: 4.5% 0 0 0;}
    .useList ul li .newCon .newLeft{ width: 270px; }
    .useList ul li .newCon .newLeft .newPic{ width: 270px; height: 157px; }
    .useList ul li .newCon .newPadding{ padding: 0 0 0 270px;}
    .useList ul li .newCon .newPadding .useBorder{ height: 157px; padding: 0 15px 0 15px; }
    .useList ul li .newCon .newPadding .newPadbtn{ display: none;}

}
@media  screen and (max-width:767px){
    .useList ul li .newCon .newLeft{ width: 270px; }
    .useList ul li .newCon .newLeft .newTime{ display: none; }
    .useList ul li .newCon .newPadding{ padding: 0 0 0 295px;}
    .useList ul li .newCon .newPadding .newPadH3{ font-size: 16px; }
}
@media screen and (max-width:580px){
    .useList ul li .newCon{ background: 0;}
    .useList ul li .newCon .newLeft{ width: 135px; }
    .useList ul li .newCon .newLeft .newPic{ width: 135px; height: 78px;  }
    .useList ul li .newCon .newPadding{ padding: 0 0 0 150px;}
    .useList ul li .newCon .newPadding .useBorder{ height: 78px; padding: 0; border: 0; }
    .useList ul li .newCon .newPadding .newPadH3{ padding-top: 0; padding-bottom: 6px; }
    .useList ul li .newCon .newPadding .newPadCon{ height: 44px; line-height: 22px; }
}


/*应用-详情*/
.useFloatTitle{ position: absolute; width: 369px; height: 100%; left: 50%; margin-left: -585px; top: 0; background: rgba(0,117,194,0.9);
    transform: skew(6deg, 0);
    -webkit-transform: skew(6deg, 0);
    -moz-transform: skew(6deg, 0);
    -o-transform: skew(6deg, 0);
    -ms-transform: skew(6deg, 0);
}
.useFloatTitle .usTitle{ position: absolute; left: 0; top: 50%; margin-top: -31px; width: 100%; height:62px; color: #fff; font-size: 22px; font-weight: bold; line-height: 31px; overflow: hidden; padding: 0 11% 0 11%;
    transform: skew(-6deg, 0);
    -webkit-transform: skew(-6deg, 0);
    -moz-transform: skew(-6deg, 0);
    -o-transform: skew(-6deg, 0);
    -ms-transform: skew(-6deg, 0);
}
.useCoal{ color: #66686a; font-size: 14px; line-height: 31px;}
.useCoal .coalCompanion{ padding: 1.88% 0 6.23% 0;}
.useCoal .coalNH{ padding: 0 0 3.41% 0;}
.useCoal .coalNH .nhTitle{ border-bottom: #cccccc dashed 1px; padding: 17px 0; color: #333333; font-size: 18px; font-weight: bold; line-height: 24px;}
.useCoal .coalNH .nhCon{ padding: 1% 0 0 0;}
.useCoal .coalSolution{ padding: 0 0 6.4% 0;}
.useCoal .coalSolution .solutionTitle{ background: #f3f3f3; padding: 1.62% 0; text-align: center; color: #0075c2; font-size: 24px; font-weight: bold; line-height: 1.25; }
.useCoal .coalSolution .solutionContent{ padding: 5.12% 0 6.41% 0; text-align: center;}
.useCoal .useRelate{ float: left; width: 100%;}
.useCoal .useRelate .relateTit{ color:#333333; font-size: 18px; font-weight: bold; line-height: 24px;}
.useCoal .useRelate .relateMargin{ margin-top: -1.5%;}
@media screen and (max-width:1199px){
    .useFloatTitle{ margin-left: -481px; }
}
@media screen and (max-width:991px){
    .useCoal{ line-height: 28px;}
    .useFloatTitle{ margin-left: -369px; }
    .useFloatTitle .usTitle{ font-size: 18px; }
    .useCoal .coalNH .nhTitle{ padding: 10px 0; font-size: 16px; }
    .useCoal .coalSolution .solutionTitle{ font-size: 18px; }
}
@media screen and (max-width:767px){
    .useFloatTitle{ width:80%; left: 10%; margin-left: 0; }
    .useFloatTitle .usTitle{ margin-top: -23px; height:46px; font-size: 16px; line-height: 23px; }
}

.proLoadUl{ float: left; width: 100%; }
.proLoadUl li{ border-bottom: #c2c2c2 dotted 1px; padding: 3.44% 0 2.87% 0;}
.proLoadUl li:last-child{ border-bottom: 0;}
.proLoadUl li .loadBox{}
.proLoadUl li .loadBox .loadIco{ float: right; width: 57px; height: 57px; line-height: 0;}
.proLoadUl li .loadBox .loadIco .imgs{}
.proLoadUl li .loadBox .loadIco .imgd{ display: none;}
.proLoadUl li .loadBox:hover .loadIco .imgs{ display: none;}
.proLoadUl li .loadBox:hover .loadIco .imgd{ display: block;}
.proLoadUl li .loadBox .loadLew{ padding: 0 170px 0 0 ;}
.proLoadUl li .loadBox .loadLew h3{ color: #222121; font-size: 16px; line-height: 28px;}
.proLoadUl li .loadBox:hover .loadLew h3{ color: #0075c2;}
.proLoadUl li .loadBox .loadLew .loadText{ padding: 4px 0 0 0; color: #808285; font-size: 14px; line-height: 24px;}
@media screen and (max-width:991px){
    .proLoadUl{ min-height: 5px;}
}
@media screen and (max-width:767px){
    .proLoadUl li .loadBox .loadLew{ padding: 0 90px 0 0 ;}
    .proLoadUl li .loadBox .loadIco{ width: 47px; height: 47px; margin-top: 5px;}
}




.relatePage{ margin: 3.16% 0 2.47% 0; padding-right: 35px; position: relative;}
.relatePage .slink{ float: left; width: 100%; color: #323232; font-size: 14px; line-height: 28px;}
.relatePage .slink:hover{ color: #0075c2;}
.relatePage .return{ position: absolute; width: 25px; height: 13px; line-height: 0; right: 0; top: 50%; margin-top: -6px;}

/*招贤纳士*/
.joinBox{ padding: 5.56% 3.11% 0 0;}
.joinBox .joinTop{  background: #0075c2; overflow:hidden;}
.joinBox .joinTop .joinLeft{ width: 25%; height: 100%; padding: 0 12px 0 12px; float:left;}
.joinBox .joinTop .joinright{width:75%; float:right;}
.joinBox .joinTop .joinright img{width:100%;}
.joinBox .joinTop .joinLeft .joinTit{ padding: 14% 0 0 0; text-align: right;}
.joinBox .joinTop .joinLeft .joinTit .imgg{ width: 38.7%;}
.joinBox .joinTop .joinLeft .joinMy{ padding: 12.6% 0 6.45% 0; color: #fff; font-size: 18px; line-height: 24px;}
.joinBox .joinTop .joinLeft .joinBecome{ color: #fff; font-size: 14px; line-height: 21px;}
.joinBox .joinGary{ background: #f1f1f1; padding: 13px 18px; color: #403f3f; font-size: 14px; line-height: 29px;}
.joinBox .joinGary .ary{ color: #0075c2; font-size: 14px;}
.joinChange{ margin: 3.34% 0 0 0; border-top: #ebebeb solid 1px;}
.joinChange h3{ padding: 22px 114px 26px 20px; border-bottom: #ebebeb solid 1px; position: relative;}
.joinChange h3.on{ background: #f5f5f5;}
.joinChange h3 .h3Tit{ color: #242424; font-size: 18px; line-height: 28px;}
.joinChange h3 .h3Time{ padding: 13px 0 0 0; color: #5c5c5c; font-size: 14px; line-height: 22px;}
.joinChange h3 .h3Time .zuo{ float: left; width: 60%;}
.joinChange h3 .h3Time .you{ float: right; margin-top: -20px;}
.joinChange h3 em{ position: absolute; right: 0; top: 0; width: 80px; height: 100%; padding: 49px 0 0 0; line-height: 0; vertical-align: top; text-align: center;}
.joinChange h3.on em{ background: #0075c2;}
.joinChange h3 em::before{ content: ''; position: absolute; width: 1px; height: 44%; background: #dddddd; left: 0; top: 28%;}
.joinChange h3.on em::before{ display: none;}
.joinChange h3 em .img{ width: 22px; height: 13px;}
.joinChange h3 em .imgs{}
.joinChange h3 em .imgd{ display: none;}
.joinChange h3.on em .imgs{ display: none;}
.joinChange h3.on em .imgd{ display: inline-block;}
.joinChange ul{ border-bottom: #ebebeb solid 1px;}
.joinChange ul .changeShow{ padding:1.14% 2.29% 4.59% 2.29%; color: #666666; line-height: 28px; }
.joinChange ul .changeShow .changeTit{ margin-top: 2.65%; color: #333333; font-size: 16px; line-height: 28px; padding-left: 24px; position: relative;}
.joinChange ul .changeShow .changeTit .changeCricle{ position: absolute; left: 0; top: 50%; margin-top: -3px; width: 7px; height: 7px; background: #0075c2;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.joinChange ul .changeShow .changeDown{ padding: 0 0 0 24px;}
.joinChange ul .changeShow .changeApply{ padding: 3.41% 0 0 0;}
.joinChange ul .changeShow .changeApply .applyBtn{ float: left; padding: 0 24px; background: #0075c2; color: #ffffff; font-size: 16px; line-height: 50px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.joinChange ul .changeShow .changeApply .applyBtn b{ float: left; width: 21px; height: 14px; margin: 17px 12px 0 0; line-height: 0;}
.joinChange ul .changeShow .changeApply .applyBtn span{ float: left; vertical-align: top;}
@media screen and (max-width:991px){
    .joinBox{ padding: 3.5% 0 0 0;}
    .joinChange h3{ padding: 10px 114px 14px 20px; }
    .joinChange h3 em{ position: absolute; right: 0; top: 0; width: 80px; height: 100%; padding: 38px 0 0 0; line-height: 0; vertical-align: top; text-align: center;}
}
@media screen and (max-width:767px){
   
    .joinBox .joinTop .joinLeft .joinMy{ padding: 4% 0 6.45% 0; line-height: 18px;}
    .joinBox .joinTop .joinLeft .joinBecome{ font-size: 12px; line-height: 16px;}
    .joinChange h3{ padding: 10px 50px 14px 10px; }
    .joinChange h3 .h3Tit{ font-size: 16px; }
    .joinChange h3 .h3Time .zuo{ width: 100%;}
    .joinChange h3 .h3Time .you{ display: none;}
    .joinChange h3 .h3Time{ padding: 5px 0 0 0; }
    .joinChange h3 em{ width: 50px; padding: 35px 0 0 0; }
    .joinChange h3 em .img{ width: 18px; height: 11px;}
    .joinChange ul .changeShow .changeApply .applyBtn{ padding: 0 18px; font-size: 14px; line-height: 40px;}
    .joinChange ul .changeShow .changeApply .applyBtn b{ margin: 13px 8px 0 0; }
}

@media screen and (max-width:590px){
    .joinBox .joinTop .joinright{width:100%; float:left;}
    .joinBox .joinTop .joinLeft{ position: static; width: 100%; height: auto; padding: 0 12px 15px 12px; background: #0075c2; left: 0; top: 0; margin:10px 0px;}
	.joinBox .joinTop .joinLeft .joinTit{padding:4% 0 0 0;}
    .joinBox .joinTop .joinLeft .joinTit .imgg{ width: 40px;}
	.joinBox .joinTop .joinLeft .joinMy{ padding: 2% 0 2% 0; line-height: 18px;}
}
@media screen and (max-width:420px){
    .joinBox .joinTop .joinLeft{ position: static; width: 100%; height: auto; padding: 0 12px 15px 12px; background: #0075c2; left: 0; top: 0;}
    .joinBox .joinTop .joinLeft .joinTit .imgg{ width: 40px;}
}


 /*资料下载*/
.loadList{ padding: 2.56% 3.11% 0 0;}
.loadList ul{ float: left; width: 100%; min-height: 500px;}
.loadList ul li{ border-bottom: #c2c2c2 dotted 1px; padding: 3.44% 0 2.87% 0;}
.loadList ul li .loadBox{}
.loadList ul li .loadBox .loadIco{ float: right; width: 57px; height: 57px; line-height: 0;}
.loadList ul li .loadBox .loadIco .imgs{}
.loadList ul li .loadBox .loadIco .imgd{ display: none;}
.loadList ul li .loadBox:hover .loadIco .imgs{ display: none;}
.loadList ul li .loadBox:hover .loadIco .imgd{ display: block;}
.loadList ul li .loadBox .loadLew{ padding: 0 170px 0 0 ;}
.loadList ul li .loadBox .loadLew h3{ color: #222121; font-size: 16px; line-height: 28px;}
.loadList ul li .loadBox:hover .loadLew h3{ color: #0075c2;}
.loadList ul li .loadBox .loadLew .loadText{ padding: 4px 0 0 0; color: #808285; font-size: 14px; line-height: 24px;}
@media screen and (max-width:991px){
    .loadList{ padding: 0;}
    .loadList ul{ min-height: 5px;}
}
@media screen and (max-width:767px){
    .loadList ul li .loadBox .loadLew{ padding: 0 90px 0 0 ;}
}



.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}