body{min-width:1200px;width:100%;overflow-x:hidden;}
        i,em{ font-style:normal;}
        .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
        .header{height:116px;position: relative;z-index: 99; background:#fff;}
        .header .logo{float: left;margin: 27px 10px 0 2.1%;/* width: 7.5%; */}
        .header .logo img{ width:100%;}
        .header p{float: left;margin-top: 33px;color: #1a1c1f; font-weight:100;}
        .header p i{display: block;font-size: 1.65vw;padding-bottom: 10px;}
        .header p i span{display: inline-block;padding-right: 19px;margin-right: 9px;/* background:url(../images/t_ico.jpg) no-repeat right 10px; */}
        .h_nav{float: right; padding-right: 2vw;margin-top:50px;}
        .h_nav ul li{float: left;font-size: 18px;position: relative;box-sizing: border-box;height: 66px;margin:0 1vw;}
        .h_nav ul li:before{ width: 100%; height: 0; content: ""; position: absolute; bottom: 0; left: 0; background: #3372b3; transition: all 0.2s;}
        .h_nav ul li a span{color: #1a1c1f;display: block; position: relative;z-index: 5;  line-height:100%;  text-align: center;}
        .h_nav li:hover a span,.h_nav li.cur a span{ color: #3372b3;font-weight: bold;}
        .h_nav li:hover:before,.h_nav li.cur:before{ height:3px;}
        .h_nav ul li em{ display: none; position: absolute; left: 0; top: 48px; background: rgba(30,60,143,0.9); padding: 12px 16px 0; transition: all 0.15s;}
        .h_nav ul li em i{ display: block; font-size: 16px; border-bottom: 1px dashed rgba(255,255,255,0.2); line-height: 36px;white-space: nowrap;text-overflow: ellipsis; text-align: center;}
        .h_nav ul li em i a{ display: inline-block;transition: all 0.02s;color:#1a1c1f;}
        .h_nav ul li em i a:hover{font-weight: bold;}
        input::-webkit-input-placeholder {color: #666;}
        .seavh{ float: right; margin-top: 24px;}
        .content {width: 1200px; margin: 0 auto; font-family: "Microsoft Yahei";}
        .hea_r{ background: #3372b3; float:right; padding-top: 43px; height: 73px; width: 11%;}
        .h_tel{ float: left; padding-left: 15%; border-left: 1px solid #4dc8c3;position: relative; cursor: pointer;}
        .h_tel b{ display: block; position: absolute;top: 38px; right: -14px; line-height: 100%; color: #fff;font-size: 32px;opacity: 0; transition: all 0.2s;}
        .h_tel:hover b{ opacity: 1;}
        .header  .isear{    width:50%; height:47px;float:left;position:relative;  cursor: pointer; cursor: pointer; border-radius: 47px; }
        .header  .isear i{display:block;width:33px; height:41px;background:url(../images/seach.png) no-repeat center 0 #3372b3; cursor: pointer;border-radius: 47px; margin-left: 43%;}
        .header .isearch{position:absolute;right:-41px;top:73px;background-color:#fff;width:295px;height:47px;border-radius:5px;opacity:0;visibility:hidden;z-index:5;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;border:1px solid #3372b3;box-sizing:border-box;}
        .header .isearch .ser_inp{display:block;float:left;width:203px;height:31px;line-height:32px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none; font-size:16px;}
        .header .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:46px;line-height:30px;text-align:center;font-size:12px;background:#3372b3 url(../images/seach.png) no-repeat center;border-top-right-radius:4px;border-bottom-right-radius:4px;position:relative;color:#fff; border:none;}
        .header .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #3372b3;z-index:3;right:70px;top:17px;}
        .header .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
        .header .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
        .h_top3{ width: 100%; position: fixed; left: 0; top: 0; z-index: 99!important; background:#fff;}
        .h_nav ul li:nth-of-type(4):hover em{display: block;}
        
           @media screen and (max-width:1601px) {
               .header p{    font-size: 13px;}
                      .header p i{    font-size: 20px;}
            }
    
.poster-main {position: relative;margin:50px auto;}
.poster-main .poster-btn{  position: absolute; cursor:pointer;  z-index: 10;width: 0 !important;}
.poster-main .poster-btn a { position: absolute;width:34px; height:67px; top: 50%; margin-top: -27px; display:block;}
.poster-main .poster-prev-btn a { right: -75px; background:url(../images/next.png) no-repeat;}
.poster-main .poster-next-btn a { left: -75px;background:url(../images/prev.png) no-repeat; }
.poster-main .poster-prev-btn{right:0px;top:130px;}
.poster-main .poster-next-btn{left:0px;top:130px;}
.poster-item{position: relative; margin: 0 auto; opacity: 1;}
.poster-item em{display: none;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;overflow: hidden; }
.poster-main .poster-list .poster-item img {display: block;width: 100%;}
.poster-main .poster-list .poster-item {position: absolute;left: 0;top: 0; opacity: 1;box-shadow:0px 3px 16px 0px rgba(4,0,0,1);}
.poster-main .poster-btn {position: absolute;top: 0;cursor: pointer;}
 
            .footWrap{height: 291px;font-family:"Microsoft Yahei";background: url(../images/f_bg.jpg) repeat-x;padding: 35px 0 0;}
            .footer,.content{width:1200px;margin: 0 auto; position: relative;}
            .ft_t{overflow: hidden;height: 215px;}
            .ft_nav{width: 264px;float:left;color: #333333;font-size: 14px;line-height: 100%;height:236px;border-right: 1px solid #dfdfdf;margin-right: 37px;margin-bottom:79px;}
            .ft_nav h4, .ft_lx h4{line-height: 100%;font-size:24px;color: #333333;height: 48px;font-weight: normal;}
            .ft_nav h4 span, .ft_lx h4 span{ line-height: 100%; display: inline-block; font-size: 14px; color: #939393; font-weight: normal; text-transform: capitalize; padding-left: 6px; font-family: arile; padding-left: 4px;}
            .ft_nav li{float:left;width: 108px;line-height:100%;padding-bottom: 17px;}
            .ft_nav li:nth-of-type(2n){ width: 145px;}
            .ft_nav li a{font-size:16px;color:#333333; display: inline-block; line-height: 100%;}
            .ft_nav li a:hover{ color: #000; text-decoration: underline;}
            .ft_lx{float: left;width: 590px;}
            .ft_lx ul li{ line-height: 100%; float: left; padding-left: 58px;background: url(../images/f_ico1.jpg) no-repeat; color: #333333; font-size: 16px; width: 180px; height: 84px;}
            .ft_lx ul li span{ display: block; line-height: 100%; padding: 2px 0 12px 0; color: #999999; font-size: 16px;}
            .ft_lx ul li:nth-of-type(2){background: url(../images/f_ico2.jpg) no-repeat;}
            .ft_lx ul li:nth-of-type(3){background: url(../images/f_ico3.jpg) no-repeat;}
            .ft_lx ul li:nth-of-type(4){
                background: url(../images/f_ico4.jpg) no-repeat;
                /* width: 330px; */
                line-height: 150%;
                }
            .f_bom p span{ padding-left:15px;}
            .erwm{float:right;line-height: 100%;font-size: 14px;color: #fff;width: 308px;background: #fff;/* height: 215px; */}
            .erwm em{display:block;font-size:16px;float: left;width: 147px;height: 169px;background: #fff;text-align: center;color: #333333;line-height: 100%;}
            .erwm em:last-of-type{ float: right;}
            .erwm em img{ width: 118px; padding: 15px 0 0 0;}
            .erwm em span{display: block;line-height: 100%;/* padding: 20px 0 8px 0; */}
            .erwm em b{ display: block;line-height: 100%; font-weight: normal; padding-top: 35px;}
            em,i{font-style: normal;}
            .f_bom{ line-height: 100%;font-size: 15px; color: #888; padding-top: 35px;}.f_bom a{color: #888;}
            .f_bom i{ padding: 0 37px;}
            .f_bom em{ display: block; line-height: 100%; padding-top: 16px;}
            .f_bom em a{ display: inline-block; line-height: 100%; margin-right: 36px;}
            .f_bom a:hover{ color: #bcbcbc;}
            @media screen and (max-width:1601px) {
                .ft_lx ul li:nth-of-type(1),.ft_lx ul li:nth-of-type(3){ width: 140px;}
                .erwm em img{ width: 90px;}
                .erwm em{ width: 127px;}
                .ft_lx{ width: 45%;}
                .ft_nav{width:264px;}
                .ft_nav ul li{     width: 118px;}
                .erwm em img{ padding-left: 0;}
            }
            @media screen and (max-width:1441px) {
                .ft_lx ul li:nth-of-type(1),.ft_lx ul li:nth-of-type(3){ width: 130px;}
                .erwm em img{ width: 90px;}
                .erwm em{ width: 127px;}
                .ft_lx{ width: 45%;}
                .ft_nav{width:224px;}
                .ft_nav ul li{     width: 118px;}
                .erwm em img{ padding-left: 0;}
                .erwm{ width: 263px;}
                .ft_nav li:nth-of-type(2n) {  width: 105px;   }
                .ft_lx ul li{    padding-left: 57px;}
                
                   .header p{    font-size: 12px;}
                      .header p i{font-size: 33px;}
                      .h_nav ul li{    margin: 0 0.75vw;}
            }
            @media screen and (max-width:1366px) {
                .ft_lx {
                    width: 59%;
                }
                .erwm {
                    width: 143px;
                }
            }
        
      /* ??3y?????a?????? */

@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ???11?a?? */

dl, dt, dd, ul, ol, li, /* list elements ??D?????a?? */

pre, /* text formatting elements ???????????a?? */

fieldset,button, input, textarea, /* form elements ????????a?? */

th, td { /* table elements ???????a?? */

    margin: 0;

    padding: 0;

}

.content{width:1200px;margin: 0 auto;}

input,textarea {border: none; box-shadow: none; outline: none;}

body{width: 100%;min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden;}

/* ????????????????? */

body, button, input, select, textarea {font: 14px/22px  'arial','Helvetica Neue', Helvetica,Arial, 'PingFang SC', sans-serif;color: #666666;}

i,em{font-style: normal;}

h1 {font-size: 18px;}

h2 {font-size: 16px;}

h3 {font-size: 14px;}

h4, h5, h6 {font-size: 100%;}

* h1,* h2,* h3,* h4,* h5,* h6{margin: 0;} /*?2??bootstrape????????a?????????????a??????*/

address, cite, dfn, em, i, var {font-style: normal;} /* D?????????y */



/* ??????D?????a?? */

ul, ol ,li{list-style: none;}



/* ???????????????a?? */

a {text-decoration: none; color: #666; word-wrap:break-word;}/*????????DD*/

a:hover {text-decoration: none; color:#666;}



/* ????????????a?? */

legend {color: #000;} /* for ie6 */

fieldset, img {border: none;} /* img ???3???o???????????????? img ?T?????? */

/* ?????ooptgroup ?T????????y */

button, input, select, textarea {

    font-size: 100%; /* ??1????????a????? ie ????????3D????????D? */

}

input[type="text"],input[type="button"], input[type="submit"], input[type="reset"]{

	-webkit-appearance: none;}

input{background:0; border:0;}

textarea {-webkit-appearance: none;}



/* ???????????a?? */

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* ??????ie?????????????????2???????1???1???????????????1????1?????????y?e????????? */

html {overflow-y: scroll;overflow-x:hidden;}



/*???????????*/

.fl {float: left;}

.fr {float: right;}

.pr{position: relative;}

.pa{position: absolute;}



/*????????D?*/

.fz12{font-size: 12px;}

.fz14{font-size: 14px;}

.fz16{font-size: 16px;}

.fz18{font-size: 18px;}

.fz20{font-size: 20px;}

.fz22{font-size: 22px;}

.clear{clear: both;height: 0;}

.clearfix:after{height: 0;content: "";clear: both;display: block;}

.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}









@charset "utf-8";

/*????2?*/

body{ font-family: arial;}

/*??????31???*/

.banner{overflow: hidden;position: relative;}

.banner-main{width: 100% !important;height: 550px;}

.banner-main li{width: 100% !important;height: 550px;position: relative;}

.banner-main li a{width: 100%;height: 550px;display: block;}

.banner-main li img{position: absolute;width: 1920px;height: 550px;top: 0;left: 50%;margin-left: -960px;z-index: 1;}

.banner-con{position: absolute;width: 1200px;height: 38px;left: 50%;margin-left: -600px;bottom: 50px;z-index: 5;}

.banner-tab{position: absolute;height: 6px;right: 50px;top: 50%;margin-top: -3px;}

.banner-tab li{float: left;width: 9px;height: 9px;margin-left: 12px;border-radius: 50%;background: #ffffff;cursor: pointer;}

.banner-tab li.on{background: #3372b3;}

.banner-prev, .banner-next{position: absolute;width: 34px;height: 34px;line-height: 34px;text-align: center;font-family: "?????";font-weight: bold;font-size: 18px;color: #3372b3;border: 2px solid #3372b3;border-radius: 50%;top: 0;z-index: 10;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}

.banner-prev{right: 113px;}

.banner-next{right: 0;}

.banner-prev:hover, .banner-next:hover{background: #3372b3;color: #fff;}

/**/

/**/

/**/

/**/



/**/

.pic img{transition: all 0.3s;}

.pic img:hover{transform: scale(1.08);}

.white,.whites{position: relative;overflow: hidden;}

.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }

.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}

.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

/**/

.abo{ overflow: hidden; padding-top: 87px; height: 565px;}

.abo dl{ overflow: hidden;}

.abo dl dt{ float: right; font-size: 0; line-height: 0; overflow: hidden; margin-bottom: 42px;}

.abo dl dd{ float: left; width: 602px; height: 375px;}

.abo dl dd h3{ height: 135px; line-height: 100%; color: #333333; font-size: 44px;font-weight: normal;}

.abo dl dd h3 span{ display: block; line-height: 100%; padding-bottom: 11px;background:url("../images/a_lin.jpg") no-repeat 187px 22px;}

.abo dl dd p{/* height: 167px; */color: #666666;font-size: 16px;line-height: 32px;}

.abo ul{ overflow: hidden;}

.abo ul li{ float: left; width: 300px; height: 147px;background:url("../images/a_bg1.jpg") no-repeat; background-size: 100%; font-size: 16px; color: #fff; box-sizing: border-box; padding: 38px 0 0 43px; line-height: 100%;}

.abo ul li:nth-of-type(2){background:url("../images/a_bg2.jpg") no-repeat; background-size: 100%;}

.abo ul li:nth-of-type(3){background:url("../images/a_bg3.jpg") no-repeat; background-size: 100%;}

.abo ul li:nth-of-type(4){background:url("../images/a_bg4.jpg") no-repeat; background-size: 100%;}

.abo ul li i{ display: block; line-height: 100%; font-weight: bold; padding-bottom: 9px; font-size: 18px;}

.abo ul li i em{ display: inline-block; line-height:80%;font-weight: bold; font-size: 56px; padding-right: 6px;}


.btns{ display: block;transition: all 0.2s; height: 48px; line-height: 48px; border: 1px solid #3372b3;  width: 137px; border-radius: 48px; color: #3372b3; font-size: 16px;position: relative;padding-left: 41px;}

.btns span{display:block; position: relative;background:url("../images/btn1.png") no-repeat 76px 18px; }

.btns:before{ position: absolute; content: ""; left: -1px; top: -1px; width: 0; height: 50px; background: #3372b3;transition: all 0.2s; border-radius: 180px;}

.btns:hover{ color: #fff;}

.btns:hover span{background:url("../images/btn2.png") no-repeat 76px 18px;}

.btns:hover:before{ width:180px;}