/*header*/
.welcomebg{
    background: #005bac;
    line-height: 36px;
    height: 36px;
    color: #fff;
    font-size:12px;
}
.welcomebg p{
    float:left;
}
.welcome{
    float:right;
}
.welcome>a{
    float:left;
    margin-right: 14px;
}
.share{
    float:left;
}
.bds_tsina,.bds_qzone,.bds_weixin{
    background-position: center!important;
    margin: 0!important;
    width: 36px!important;
    height: 36px!important;
    line-height: 36px!important;
    padding-left: 0px!important;
}
.bds_tsina{    background-image: url("../images/icon1.png")!important;  }
.bds_weixin{    background-image: url("../images/icon2.png")!important;  }
.bds_qzone{    background-image: url("../images/icon3.png")!important;  }

.header .mycontainer>a{
    display: block;
    float:left;
    margin-top: 40px;
}
.tel{
    float:right;
    background: url("../images/tel.png") no-repeat left center;
    padding-left: 60px;
    margin-top: 40px;
}
.tel p{
    font-size: 14px;
    color: #232323;
}
.tel h4{
    font-size: 26px;
    color: #1344b2;
}
.header{
    background: #fff;
    width:100%;
}
.headerulbg{
    background: #fff;
    position: relative;
    width: 100%;
    z-index:1000;
}
.headfix{
    position: fixed;
    top:0;
    border-top:1px solid #cfcfcf;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 10px #333;
}
.header_ul{
    border-top:1px solid #cfcfcf;
}
.header ul li{
    float:left;
    width: 150px;
    height: 55px;
    position: relative;
}
.header ul li>a{
    float:left;
    text-align: center;
    width:100%;
    font-size: 16px;
    color: #171717;
    line-height: 55px;
    height:100%;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.header ul li>a:hover{
    color: #fff;
    background: #f0631e;
}
#thyNavStyle>a{
    color: #fff;
    background: #f0631e;
}
.header ul li .navshowlist{
    display: none;
    position: absolute;
    top:100%;
    min-width: 100%;
    background: rgba(255, 255, 255, 0.6);
}
.navshowlist a{
    display: block;
    text-align: center;
    line-height: 35px;
    color: #565656;
    font-size: 14px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.navshowlist a:hover{
    color: #f0631e;
}

/*main*/
.title{
    text-align: center;
    height: 118px;
    margin-top: 65px;
    margin-bottom: 43px;
}
.product .title{
    background: url("../images/line.png") no-repeat center;
}
.title h2{
    font-size: 38px;
    color: #0056b7;
    padding-top: 29px;
    margin-bottom: 20px;
}
.title p{
    font-size: 16px;
    color: #212121;
    font-weight: lighter;
}
/*product*/
.pro_fl{
    display: inline-block;
}
.pro_fl a{
    float:left;
    background: #f0f0f0;
    font-size: 14px;
    color: #1f1f1f;
    width: 120px;
    height: 40px;
    line-height: 40px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin-right: 7px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.pro_fl a:first-of-type{
    width: 55px;
}
.pro_fl a:last-of-type{
    margin-right:0;
}
.proflin{
    color: #fff!important;
    background: #f0631e!important;
}
.pro_fl a:hover{
    color: #fff;
    background: #f0631e;
}

.pro_cont{
    margin-top: 56px;
    margin-bottom: 90px;
    position: relative;
}
.pro_cont a{
    display: block;
    width:100%;
    border:1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pro_cont a b{
    height:322px;
    width: 100%;
}
.pro_cont a p{
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 20px;
    font-size: 16px;
    color: #fff;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
    line-height: 67px;
    background: #005bac url("../images/msg.png") no-repeat 318px center;
}
.pro_cont a:hover p{
    text-shadow: 1px 1px 10px #000;
}
.pro_cont .swiper-button-next{
    background-image:url("../images/next.png");
    right: -60px;
}
.pro_cont .swiper-button-next.swiper-button-disabled{
     opacity: 1;
 }
.pro_cont .swiper-button-prev{
    background-image:url("../images/prev.png");
    left: -60px;
}
.pro_cont .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
}
.pro_cont .swiper-button-next,.pro_cont .swiper-button-prev{
    opacity: 1;
    background-size: 44px 44px;
    width: 44px;
    height: 44px;
}
.pro_cont i{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 100%;
    background: rgba(0, 0, 0, 0.58) url("../images/search.png") no-repeat center;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.pro_cont a:hover i{
    top:0;
}

/*company*/
.company{
    border-top:1px solid #dedede;
    height: 640px;
    background: url("../images/company.jpg") no-repeat center;
}
.company h2{
    font-size: 32px;
    color: #1e1e1e;
    margin-top: 45px;
    margin-bottom: 20px;
}
.company p{
    width: 515px;
    font-size: 16px;
    color: #1e1e1e;
    font-weight: lighter;
    line-height: 35px;
}
.company ul{
    margin-top: 58px;
    margin-bottom: 58px;
}
.company ul li{
    float:left;
    text-align: center;
    width: 120px;
    margin-right: 90px;
    font-size: 16px;
    color: #fff;
}
.company ul li span{
    display: block;
    width: 100%;
}
.company ul li small{
    display: block;
    width: 100%;
    font-size: 12px;
    color: #ffffff;
    font-weight: lighter;
    text-transform: uppercase;
}
.company ul li:last-of-type{
    margin-right:0;
}
.more{
    line-height: 40px;
    height: 40px;
    border:4px solid #dcdcdc;
    text-align: center;
    display: block;
    font-size: 14px;
    color: #222222;
    width: 170px;
    margin-top: 45px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
    position: relative;
}
.more:before{
    content: '[';
    position: absolute;
    left: 20px;
    top: 0px;
    font-weight: bold;
    font-size: 20px;
    color: #005bac;
    opacity:0;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.more:after{
    content: ']';
    position: absolute;
    top: 0px;
    right:20px;
    font-weight: bold;
    font-size: 20px;
    opacity:0;
    color: #005bac;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.more:hover:before{
    left:0;
    opacity:1;
}
.more:hover:after{
    right:0;
    opacity:1;
}
.more:hover{
    color: #005bac;
    border:4px solid #fff;
}
.add{
    background: #f0631e;
    text-align: center;
    height: 60px;
    width: 59px;
    font-size: 42px;
    position: relative;
    margin:0 auto;
    bottom: -30px;
    color: #fff;
    z-index:1000;
}

/*team*/
.teambg>b{
    display: block;
    background: url("../images/companybg.jpg") no-repeat center;
    height: 615px;
    width: 100%;
    background-attachment: fixed;
}
.team>b{
    display: block;
    background: #fff;
    width: 61px;
    height: 4px;
    margin-top: 105px;
}
.team>p{
    font-size: 34px;
    color: #fff;
    margin-top: 34px;
    margin-bottom: 34px;
}
.team>span{
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 56px;
    display: block;
    line-height: 26px;
    width: 685px;
}
.teambg{
    position: relative;
    height: 800px;
}
.team{
    position: absolute;
    top:0;
    left:50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
}
.advicon{
    background: #f5f5f5;
    margin-top: 75px;
}
.advicon li{
    float:left;
    background: #f5f5f5;
    text-align: center;
    width: 240px;
    height: 320px;
    padding: 55px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.advicon li:hover{
    background: #f3711b;
}
.advicon li b{
    display: block;
    height: 78px;
    width: 70px;
    margin:0 auto;
    margin-bottom: 25px;
    background-image:url("../images/advicon.png");
    background-repeat: no-repeat;
    background-position-x:0;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
    background-position-y:0;
}
.advicon li:hover b{        background-position-y:-80px;}
.advicon li:nth-of-type(2) b{   background-position-x: -92px;}
.advicon li:nth-of-type(3) b{   background-position-x: -180px;}
.advicon li:nth-of-type(4) b{   background-position-x: -270px;}
.advicon li:nth-of-type(5) b{   background-position-x: -360px;}

.advicon li h5{
    font-size: 20px;
    color: #1e1e1e;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.advicon li p{
    font-size: 14px;
    color: #8a8a8a;
    line-height: 25px;
    width: 75%;
    display: block;
    margin:0 auto;
    margin-top: 18px;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.advicon li:hover p{
    color: #fff;
}
.advicon li:hover h5{
    color: #fff;
}
.advicon li div{
    border-right:1px dashed #b6b6b6;
}
.advicon li:last-child div{
    border-right:0;
}

/*news*/
.news .title{
    background: url("../images/newstit.png") no-repeat center;
}
.news ul li{
    float:left;
    width: 360px;
    margin-right: 60px;
}
.news ul li:last-child{
    margin-right:0;
}
.news ul li a{
    display: block;
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.news ul li a:hover h5{
    color: #005bac;
}
.news ul li a b{
    display: block;
    width: 100%;
    height: 220px;
}
.news ul li a small{
    line-height: 40px;
    font-size:13px;
    color: #c7c7c7;
}
.news ul li a small i{
    font-style: normal;
    text-transform: uppercase;
}
.news ul li a h5{
    font-size:16px;
    color: #1c1c1c;
    font-weight: normal;
}
.news ul li a p{
    font-size: 14px;
    color: #a3a3a3;
    line-height: 28px;
    height: 62px;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 15px;
}
.news ul li a span{
    font-size: 13px;
    color: #f3890c;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    height: 25px;
    margin-bottom: 18px;
    border-bottom:2px solid #f3890c;
}
.news li a:hover span{
    color: #005bac;
}
.news li a span:before{
    content: "";
    width: 100%;
    height: 2px;
    background: #005bac;
    position: absolute;
    left: 0;
    bottom: -3px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1);
    transition: transform .6s cubic-bezier(.4,0,.2,1);
    transition: transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}
.news li a:hover span:before{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}
.news>a{
    margin:0 auto;
    margin-top:43px;
    margin-bottom: 74px;
}


/*footer*/
#footer{
    background:url("../images/fotbg.jpg") repeat center;
    padding-top: 55px;
}
#indexform:after{
    display: block;
    content: '';
    clear: both;
}
#indexform{
    margin-top: 38px;
    margin-bottom: 65px;
}
#indexform span{
    float:left;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    display: inline-block;
}
#indexform input{
    float:left;
    line-height: 36px;
    height: 36px;
    width: 210px;
    margin-right: 11px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}
#indexform input[type=submit]{
    width: 123px;
    color: #fff;
    background: #f3711b;
    text-align: center;
    padding-left:0;
    float:left;
}
.footer_l{
    width: 915px;
    float: left;
}
.fot_hot{
    width: 495px;
    float:left;
}
.fot_hot span{
    font-size: 14px;
    color: #f5f5f5;
    padding-left: 48px;
    background:url("../images/tels.png") no-repeat left center;
}
.fot_hot h3{
    font-size: 36px;
    font-weight: lighter;
    line-height: 65px;
    color: #0586e2;
}
.fot_hot p{
    font-size: 14px;
    color: #8c8c8c;
}
.fot_text{
    float:left;
    width: 410px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 52px;
}
.fot_text span{
    color: #8c8c8c;
    font-size: 14px;
    width:100%;
    margin-bottom: 7px;
    float:left;
}

.footer_r{
    float:left;
    padding-left: 45px;
}
.fot_rtop div a{
    width: 47px;
    height: 47px;
    line-height: 47px;
    border:1px solid #5c5c5c;
    border-radius: 50% 50%;
    display: block;
    text-align: center;
    margin-bottom:8px;
}
.fot_rtop div a img{
    margin-top: 15px;
}
.fot_rtop div{
    float:left;
}
.fot_rtop>img{
    float:left;
    margin-left: 15px;
    margin-top: 25px;
}
.footer_r>a{
    display: block;
    width: 142px;
    line-height: 39px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    padding-left: 40px;
    margin-top: 70px;
    background: #0586e2 url("../images/msgs.png") no-repeat 12px center;
}


.fotcr{
    background: #151515;
    width: 100%;
    line-height: 54px;
    height: 54px;
    margin-top: 60px;
}
.fotcr a,.fotcr span{
    float:left;
    color: #5e5e5e;
    font-size: 12px;
}
.fotcr .login{
    float:right;
}


/*proside*/
.proside>div:first-child {
   background: #187fde;
   width: 260px;
   height: 96px;
   text-align: center;
}

.proside>div:first-child h5 {
    padding-top: 20px;
    font-size: 24px;
    letter-spacing: 11px;
    font-weight: bold;
    color: #ffffff;
}

.proside>div:first-child span {
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
}

.prolist {
    background: #fff;
    padding-top: 13px;
    padding-bottom: 2px;
    width: 260px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    border-top: 0;
    box-shadow: 1px 1px 9px #e9e9e9;
}

.prolist ul li {
    border-bottom: 1px solid #e9e9e9;
    line-height: 50px;
}

.prolist ul li ul li {
    border-bottom: 1px solid #e9e9e9;
    line-height: 50px;
}

.prolist ul li:last-child {
    border-bottom: none;
}

.prolist ul li ul li a {
    padding-left: 45px;
    font-size: 16px;
    color: #8a8a8a;
}

.prolist>ul>li>a {
    font-size: 14px;
    color: #333333;
    padding-left: 45px;
    -webkit-transition: 500ms 0s all ease;
    -moz-transition: 500ms 0s all ease;
    -ms-transition: 500ms 0s all ease;
    -o-transition: 500ms 0s all ease;
    transition: 500ms 0s all ease;
}

.prolist ul li ul li:hover a {
    color: #187fde;
}

.prolist>ul>li>a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    /*background:url("../images/ps.png") no-repeat 16px center;*/
}

.prolist>ul>li>a:hover {
    cursor: pointer;
    color: #187fde;
}

/*侧边栏样式*/
.leftstyle {
    margin-top: 20px;
    border-top: 2px solid #187fde;
    border-bottom: 2px solid #187fde;
    box-sizing: border-box;
    padding-top: 13px;
    padding-bottom: 2px;
    width: 260px;
    border-top: 0;
    box-shadow: 1px 1px 9px #e9e9e9;
}
.leftstyle div:first-child {
    background: #ffffff;
    border-bottom: 2px solid #187fde;
}

.leftstyle p {
    line-height: 34px;
    padding-left: 20px;
}
.leftstyle p a{
    color: #464646;
}