@CHARSET "UTF-8";

 /*移动端导航*/
 .m_img{display:none;}
 .m_nav{display:none;}
 @media screen and (max-width: 1024px) and (min-width: 0px){
    .msgNum{display: none;}
    .slider{margin-top: 44px;}
    .head{display:none}
    .m_img{display:block;height:58px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
    .m_img .headlf{padding-top:10px;padding-left:30px;float: left;}
    .m_img .headlf .m_logo{height:40px;display: block}
    .m_img .headrg{padding-right:5%;padding-top:22px;float: right;}
    .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
  
    .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
    .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
    .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
    .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
    .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
    .m_nav .m_navList ul li{border-bottom: 1px dashed #fff;}
    .m_nav .m_navList ul li a{display:block;height:60px;color:#fff;line-height:60px;padding-left:5%;font-size:16px}
    .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
    .m_nav .m_navList ul li .m_f_a a{flex: 1;}
    .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
    .icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .icon_on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
    .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
 }







/*自适应部分代码*/
 @media (min-width: 375px) {
    .portfolio-area{padding-top:0}
 }

/* header parts */
#header{width:100%; border-top:1px solid #dceef7; background:#c5e3f1;}
#head{width: 1000px; margin: 0 auto;}
.logo{float: left;}
.head_tel{ float:right;}
.topLink{float: right; padding-top: 5px; padding-right: 8px; color: #333}
 
.topk1{text-align: right}
.topk2{margin-top: 10px;}
#formsearch {float: left;}
#formsearch input#keyword {height: 22px;line-height: 22px;padding-left: 4px;color: #666;}
#formsearch input#s_btn {width: 46px;height: 24px;line-height: 24px;text-align: center;background-color: #2f397a;color: #fff;border: none;cursor: pointer;}
#formsearch input#highsearch {width: 46px;height: 24px;line-height: 24px;text-align: center;background-color: #e87518;color: #fff;border: none;cursor: pointer;}
.hotSearch {height: 24px;line-height: 24px;font-weight: normal; position: absolute; right: 281px; top: 35px;}
.hotSearch a{padding-left: 3px; padding-right: 3px;}
.highsearch{float: right;height: 24px;line-height: 24px;font-weight: normal;margin-right: 10px; display: inline-block; width: 40px; color: #fff; background: #e87518;}

/* nav parts */
#menu { width:100%; background:#1890c7; height:40px;}
#menu .nav{ width:1000px; margin:0 auto;}
#menu .nav li{height:40px;text-align: center;width:120px;float: left;position: relative;z-index: 9999;}
#menu .nav li a {display: block; width:100%; position: relative; line-height:40px;color: #fff;height: 40px; font-family: "微软雅黑"; font-size: 16px;}
#menu .nav li a:hover{background: #dc102b;}
#menu .nav li .sec{display: none; position: absolute; left: 0; top: 32px;  background: #2f397a; width: 100%;}
#menu .nav li .sec li{position: relative;}
#menu .nav li .sec li .twolevel{position: absolute; left: 97px; display: none; top: 0px; background: #2f397a; width: 100px;}


/*banner parts*/
/* .topbanner{height:920px;position:relative;width:100%;overflow:hidden;}
#focus {width:1920px; height:920px; position:absolute;left:50%;top:0px;margin-left:-960px;overflow-x:hidden;}
#focus ul {height:141px; position:absolute;}
#focus ul li {float:left; width:1920px; height:920px; overflow:hidden; position:relative; background:#000;}
#focus ul li a img{height:920px;width:1920px;}
#focus ul li div{position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute;right:2px;bottom:0px;width:100%;z-index:100;padding:0px 0px;text-align:center;}
#focus .btn {position:absolute; width:1920px; height:15px;  right:0; bottom:10px; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:15px; height:15px; _font-size:0; margin-left:5px; cursor:pointer; background:#dc102b;}
#focus .btn span.on{background:#dc102b;} */

/* bannertu */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #00a2ff;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 



/*container parts*/
#container{width: 1000px; margin: 0 auto; margin-top: 15px; margin-bottom:15px;}
.box1{}
.box2{ margin-top:15px;}
.box3{margin-top:15px;}
.menu_cate{width:190px;float: left; background:#1890c7; padding:20px 10px; }
.menu_cate h2{ font:100 18px/30px "微软雅黑"; color:#fff; background:#cb1023; width:165px; padding-left:20px;}
ul.sort1{padding-top:10px;}
ul.sort1 li a{font:100 14px/30px "微软雅黑"; color:#fff; padding-left:20px;}
ul.sort1 li a:hover{ color:#cb1023}
ul.sort1 li .twolevel a{padding-left: 65px;}


ul.sort li a{display: block; height: 30px; background: url(../img/dot.jpg) no-repeat 20px 15px; line-height: 30px; border-bottom: 1px solid #dcdee7;padding-left: 47px;}
ul.sort li .twolevel a{padding-left: 65px;}

ul.listsort{ padding-top:10px;}
ul.listsort li{position: relative; padding-left: 8px; background:url(../img/dot.jpg) left center no-repeat;}
ul.listsort li.special{padding: 3px;}
ul.listsort li .lileft{width: 100px; height: 80px; float: left; padding-top: 3px;}
ul.listsort li .lileft img{padding: 2px; border: 1px solid #d9d9d9;}
ul.listsort li .lileft img:hover{border:1px solid #e87518;}
ul.listsort li .liright{float: right; padding: 2px; line-height: 22px; width: 168px;}
ul.listsort li .liright1{float: right; padding: 2px; line-height: 22px; width: 643px;}
ul.listsort li a{line-height: 26px;  display: block;}
ul.listsort li span{position: absolute; right: 7px; top: 5px;}

ul.listsort1{ background:#1890c7; padding-left:30px; padding-top:10px;}
ul.listsort1 li{position: relative; background:url(../img/downli.jpg) left center no-repeat; padding-left:30px;}
ul.listsort1 li a{line-height: 26px;  display: block; color:#fff;}
ul.listsort1 li a:hover{ color:#f57923;}
ul.listsort1 li span{position: absolute; right: 7px; top: 5px;color:#fff;}
/*about parts*/
.about{width:735px;float: left;}
.about h2{ background:url(../img/pro_t.jpg) left top no-repeat; height:44px;font:600 15px/44px "微软雅黑";color:#0d5ca7; padding-left:30px;position:relative;}
.about h2 span{ font-family:"Arial"; color:#949494; font-weight:100;}
.about h2 a{ position:absolute; z-index:99; right:10px; top:16px;}
.about .content{ height:165px; overflow:hidden; font:100 12px/22px "宋体"; color:#333; padding-top:20px;}


.contact{width:250px;float:right;}
.contact h2{ background:url(../img/pro_t.jpg) left top no-repeat; height:44px;font:600 15px/44px "微软雅黑";color:#0d5ca7; padding-left:30px;position:relative;}
.contact h2 span{ font-family:"Arial"; color:#949494; font-weight:100;}
.contact h2 a{ position:absolute; z-index:99; right:10px; top:16px;}
.contact .content{ height:165px; overflow:hidden; font:100 12px/20px "宋体"; color:#333; padding-top:15px;}
/*news parts*/
.news_company{width: 325px;float:left; margin-right:30px;}
.industry{}
.news_company h2{ background:#1890c7; height:36px; font:100 15px/36px "微软雅黑"; color:#fff; text-align:center;}



/*--------portfolio-area start--------*/

.portfolio-area {
    padding: 20px 0px 20px;
}
.portfolio-wrap {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.portfolio-wrap:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: "";
    opacity: 0;
    z-index: 9;
}
.portfolio-wrap:hover:before {
    opacity: .5;
}
.portfolio-wrap img {
    zoom: 1;
    width: 100%;
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
.portfolio-wrap:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    zoom: 2;
}

.flex-style {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.portfolio-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    text-align: center;
    visibility: hidden;
    opacity: 0;
}
.portfolio-wrap:hover .portfolio-content {
    visibility: visible;
    opacity: 1;
}
.portfolio-content h3 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 0px;
    line-height: 30px;
    position: relative;
    top: -20px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}
.portfolio-wrap:hover .portfolio-content h3 {
    top: 0;
}

.portfolio-content a{text-decoration:none!important;}

.portfolio-content p {
    color: #fff;
    position: relative;
    top: 30px;
    bottom: -20px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}
.portfolio-wrap:hover .portfolio-content p {
    bottom: 0;
    color:#eee;
}


.section-title h2 {
    font-size: 36px;
    padding-bottom: 25px;
    position: relative;
    margin-bottom: 50px;
}
.section-title h2:before,
.section-title h2:after {
    position: absolute;
    left: 50%;

    content: "";
    z-index: 9;
}
.section-title h2:before {
    width: 200px;
    height: 1px;
    background: #868686;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.section-title h2:after {
    height: 15px;
    width: 15px;
    background:#4179F0;
    bottom: -12px;
    transform: rotate(45deg) translateX(-50%);
    -webkit-transform: rotate(45deg) translateX(-50%);
    -moz-transform: rotate(45deg) translateX(-50%);
}

/*--------portfolio-area end--------*/




/*--------caselist-------*/
.yeeyu{
    text-align: center;
}
.yeeyu_tt{
    font:600 30px/45px "Microsoft Yahei";
    color: #333;
    padding-top: 1%;
    /* margin-top: 4%; */
}
.yeeyu_yy{
    font:400 16px/40px "Microsoft Yahei";
    color: #333;
}
.nei1{
    background: #f4f4f4;
    /* margin-top: 1%; */
    padding-bottom:2%;
}
.anlin{
    overflow: hidden;
    position: relative;
    margin: 2% 4% 0 4%;
}
.anzhan_img img{
    width: 100%;
    height: auto;
}
.anlin .swiper-wrapper .anzhan{
    border:#e2e2e2 1px solid;
}
.anzhan_nei{
    background: #fff;
    padding: 8%;
    display: block;
    height: 108px;
    overflow: hidden;
    margin-top:0px;
    transition: all 0.6s ease;
}
.anzhan_nei_tt{
    font:600 20px/40px "Microsoft Yahei";
    color: #333;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
    
}
.anzhan_nei_tt a{
    color: #333;
}
.anzhan_nei_yy{
    font:400 16px/40px "Microsoft Yahei";
    color: #333;
    background: #fff;
}
.anlin .swiper-wrapper .anzhan:hover .anzhan_nei{
    margin-top: -90px;
    height: 205px;
    background: #fff;
    transition: all 0.6s ease;
    z-index: 9999;
    display: block;
    position: relative;
}
.anlin .swiper-wrapper .anzhan:hover .anzhan_nei_tt a{
    color: #1558a6;
    cursor: pointer;
}
.mmbg{
    width: 13%;
    margin:4% auto 0;
    text-align: center;
    background: #fff;
    border-radius: 30px;
    font:400 18px/48px "Microsoft Yahei";
    color: #333;
    box-shadow: 0 0 5px #ccc;
    display: block;
}
.mmbg a{
    color: #333;
    font-size:2rem;
}
.anlinnext{
    position: absolute;
    bottom: 16px;
    left: 45%;
    background: url(../img/left.png) no-repeat;
    width: 9px;
    height: 14px;
    z-index: 9999;
    outline: none;
}
.anlinprev{
    position: absolute;
    bottom: 16px;
    right: 45%;
    background: url(../img/right.png) no-repeat;
    width: 9px;
    height: 14px;
    z-index: 9999; 
    outline: none;
}
.hezuo_img img{
    width: 100%;
    height: auto;
    border:#d9d9d9 1px solid;
}
.hezuo{
    overflow: hidden;
    margin-top: 2%;
}
.aniunug{
    text-align: center;
    margin-top: 1.4%;
}
.aniunug .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #666666;
    opacity: 1.2;
}
.aniunug .swiper-pagination-bullet-active{
    background: #0098db;
}

.xwh{
    margin-top: 2%;
}
.xwh_img img{
    width: 100%;
    height: auto;
}
.xwgg_tt{
    font:600 18px/40px "Microsoft Yahei";
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xwgg_tt a{
    color: #333;
}
.xwh_nei{
    margin-top: 3%;
    display: block;
}
.xwgg_yy{
    font:400 14px/24px "Microsoft Yahei";
    color: #999999;
    margin-top: 1%;

    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
}
.xwgg_mm{
    font:400 14px/40px "Microsoft Yahei";
    color: #666;
    margin-top: 2%;
   position: relative;
}
.xwgg_mm span{
    background: url(../img/more1.png) right center no-repeat;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top:8px;
    right: 0px;
}
.huyt_moe1{
    background: #fff;
    width: 12%;
    text-align: center;
    border-radius: 30px;
    font: 400 18px/55px "Microsoft Yahei";
    box-shadow: 0 0 6px #ccc;
    margin-top: 5%;
    margin: 4% auto 0;
    display: block;
}
.huyt_moe1 a{
    color: #333;
}
.xiant{
    border-bottom:#f4f4f4 2px solid;
    margin-top: 2%
}
.xwh li:hover .xwgg_tt a{
    color: #318dc7;
}
.xwh li:hover .xiant{
   border-bottom:#0073bc 2px solid;
}
.lian_tt{
    font-size: 18px;
    color: #fff;
    margin-bottom: 1em;
    font-weight: 400;
}
.lian_nei{
    font:400 14px/28px "Microsoft Yahei";
    color: #b0bacb;
}
.lian{
    border-left:#fff 1px solid;
    padding-left: 10%;
}
.liu{
    border-left:#fff 1px solid;
    padding-left: 5%;
    display: inline-block;  
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}


/*xinwen*/
.nei2{
    background: #f4f4f4;
    /* margin-top: 4%;*/
    padding-bottom: 4%;
}
.xwh{
    margin-top: 2%;
}
.xwh_img img{
    width: 100%;
    height: auto;
}
.xwgg_tt{
    font:600 18px/40px "Microsoft Yahei";
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xwgg_tt a{
    color: #333;
}
.xwh_nei{
    margin-top: 3%;
    display: block;
}
.xwgg_yy{
    font:400 14px/24px "Microsoft Yahei";
    color: #999999;
    margin-top: 1%;
}
.xwgg_mm{
    font:400 14px/40px "Microsoft Yahei";
    color: #666;
    margin-top: 2%;
   position: relative;
}
.xwgg_mm span{
    background: url(../img/more1.png) right center no-repeat;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top:8px;
    right: 0px;
}
.huyt_moe1{
    background: #fff;
    width: 12%;
    text-align: center;
    border-radius: 30px;
    font: 400 18px/55px "Microsoft Yahei";
    box-shadow: 0 0 6px #ccc;
    margin-top: 5%;
    margin: 4% auto 0;
    display: block;
}
.huyt_moe1 a{
    color: #333;
}
.xiant{
    border-bottom:#f4f4f4 2px solid;
    margin-top: 2%
}
.xwh li:hover .xwgg_tt a{
    color: #318dc7;
}
.xwh li:hover .xiant{
   border-bottom:#0073bc 2px solid;
}
/*recommend product parts*/
.recommend_product{width: 770px;float:right;}
.recommend_product h2{font:600 15px/44px "微软雅黑";color:#0d5ca7; padding-left:30px; background:url(../img/pro_t.jpg) left top no-repeat; height:44px; position:relative;}
.recommend_product h2 span{ font-family:"Arial"; color:#949494; font-weight:100;}
.recommend_product h2 a{ position:absolute; z-index:99; right:10px; top:16px;}
#demo{background:#f7f6f6;overflow:hidden;width:100%; padding-top:10px;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#mdemo{background:#f7f6f6;overflow:hidden;width:100%; padding-top:10px;}
#mindemo {float: left;width:800%}
#mdemo1 {float: left;}
#mdemo2 {float: left;}

.product_list{}
.product_list li{float:left;margin-left:10px; margin-right:10px;padding-bottom:15px;_display:inline;}
.product_list li a.img{padding:2px;border:1px solid #D5D5D5; display:block;}
.product_list li a img{width:225px;height:150px;}
.product_list li h3{text-align:center;padding-top:5px; margin-top:1px; font-weight:normal;}
.product_list li h3 a{font-weight:normal;}
.product_list li h3 a:hover{color:#e87518;}
.product_list li a.img{display:block;}
.product_list li a.img:hover{border-color:#e87518;}
.roll_product li{padding-bottom:0px; float:left;padding:2px;}
.roll_product{float:left;} 


/*download parts*/
.download{width:290px; float:right;}
.download h2{background:#1890c7; height:36px; font:100 15px/36px "微软雅黑"; color:#fff; text-align:center;}
.download .content{}
.download .con_tent{ background:#1890c7;}
.download .con_tent .more_d{text-align:right; padding-right:20px;}
.download .con_tent .more_d a{ color:#fff; font:100 14px/40px "微软雅黑";  }
.download .con_tent .more_d a:hover{color:#f57923;}
/*technical parts*/
.technical{width:325px; float: left;border: 1px solid #2f397a;padding: 2px;padding-bottom: 9px; margin-top: 10px; margin-left: 15px;}
.technical h2{line-height: 28px; color:#fff; padding-left: 20px;background-color: #2f397a;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}
.technical .content{padding:5px; padding-bottom: 0;}

/*job parts*/
.job{width:300px; float: right;border: 1px solid #2f397a;padding: 2px;padding-bottom: 9px; margin-top: 10px;}
.job h2{line-height: 28px; color:#fff; padding-left: 20px;background-color: #2f397a;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}

 
/* link parts*/
#link{width:100%; background:#1890c7;}
.link{
    /* width:1000px; margin:0 auto;  */
    font:100 12px/40px "宋体";color:#fff;}
.link span{ font:600 14px/40px "微软雅黑"; color:#fff;}
.link a{ padding-left: 8px; padding-right: 8px;color:#fff;}
.link a:hover{color: #f57923;}


/* footer parts*/
.foot{ width:100%; background:#e5e5e5;}
#footer{padding-top:20px; padding-bottom:20px;}
#footer .nav_foot{padding-top: 10px; padding-bottom: 5px; text-align: center;}
#footer .nav_foot a{font-size:1rem;}
#footer .copyright{line-height: 24px; text-align: center;}
#footer .technology{text-align: center;}



/* commen css */
.commentitle{background: url(../img/rg.jpg) repeat-x;line-height: 28px; font-family: "微软雅黑"; border: 1px solid #d2d2d2;padding-left: 8px;}
.downdetail{margin-top:10px;}




/*about us*/
.x-about {
       /* margin-top: 2%; */
       display: flex;
       justify-content: center;
       background: url(../img/abouttu.jpg) no-repeat center;
       background-size: cover;
}

.x-about-left {
    width: 50%;
}

.x-about-left img {
    max-width: 100%;
}

.x-about-right {
    width: 50%;
}

.x-about-right-con {
    width: 630px;
    margin-left: 60px;
    margin-top: 5vh;
}

.x-about-right-con h3 {
    color: #333333;
    font: 600 30px/40px "Microsoft yahei";
    margin-bottom: 3vh;
}

.x-about-right-con h3 span {
    color: #0158cb;
    font: 600 34px/40px "Airal";
    text-transform: uppercase;
    display: block;
}

.x-about-right-con p {
    color: #666666;
    font: 400 16px/32px "Microsoft yahei";
}

.x-about-list {
    margin-top: 6vh;
}

.x-about-list li {
    float: left;
    width: 72px;
}

.x-about-list li+li {
    margin-left: 65px;
}

.x-about-list li .img {
    display: block;
    width: 72px;
    height: 72px;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
}

.x-about-list li .img img:first-child {
    max-width: 100%;
    display: block;
}

.x-about-list li .img img:last-child {
    max-width: 100%;
    display: none;
}

.x-about-list li h3 {
    margin-top: 1vh;
    color: #666666;
    font: 400 16px/30px "Microsoft yahei";
}

.x-about-list li:hover .img {
    background-color: #0158cb;
}

.x-about-list li:hover h3 {
    color: #0158cb;
    text-decoration:none!important;
}

.x-about-list li:hover .img img:first-child {
    display: none;
}

.x-about-list li:hover .img img:last-child {
    display: block;
}

@media (max-width: 1670px) {
    .x-about-right-con {
        width: 500px;
        margin-left: 60px;
    }
    .x-about-right-con h3 {
        margin-bottom: 1vh;
    }
    .x-about-list {
        margin-top: 2vh;
    }
    .x-about-right-con p{
    font: 400 15px/20px "Microsoft yahei";
    }
}
@media (max-width: 1400px) {

    .x-about-list {
        display: none;
    }
}
@media (max-width: 1024px) {
    .x-about {
        display: block;
      
    }
    .x-about-left {
        width: 100%;
        display: none;
    }
    .x-about-right {
        width: 100%;
        font-size: 12px;
    }
    .x-about-right strong {
        font-size: 14px;
        color: #000;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    .x-about-right-con {
        width: 100%;
        margin-left: 0;
        padding: 15px;
        margin-top: 2vh;
    }
    .x-about-right-con h3 {
        font: 600 22px/40px "Microsoft yahei";
    }
    .x-about-right-con h3 span {
        font: 600 22px/40px "Airal";
    }
}




/*c7_index*/

.c1_index{
    position: relative;
    background: url(../img/c1_bg.jpg) no-repeat center bottom;
    background-size: contain;
    padding: 3.125% 0;
}

.ttt1{
    text-align: center;
     background: url(../img/ttt_bg.png) no-repeat center;
}

.ttt1 p{
    font-family: "Arial";
    font-size: 24px;
    color: #4179F0;
    text-transform: uppercase;
}

.ttt1 h3{
    font-size: 36px;
    color: #444444;
    font-weight: 400;
    padding: 15px 0;
    line-height: 1.3;
}

.ttt1 span{
    display: block;
    font-size: 18px;
    color: #333333;
}

.c7_index{
    position: relative;
    padding-top:2%;
}

.c7_contt{
    position: relative;
    margin-top: 3.125%;
    background: url(../img/mapp.jpg) no-repeat center;
    background-size: cover;
    padding: 12.125% 0;
}

.c7_contt .max1410{
    position: relative;
}

.foot_contact{
    position: relative;
    box-shadow: 0 0 20px #999;
    display: inline-block;
    padding: 30px;
    background: rgba(255,255,255,.8);
    margin-left: 8.88%;
}

.foot_contact::before{
    position: absolute;
    right: -24px;
    top: 50%;
    width: 24px;
    height: 25px;
    background: url(../img/jiao.png) no-repeat center;
    content: "";
}

.foot_contact h2{
    font-size: 18px;
    color: #4179F0;
    font-weight: bold;
    margin-bottom: 15px;
}

.foot_contact .fcc{
    font-size: 13px;
    color: #555555;
    line-height: 2;
}

@media (max-width:500px){
    .foot_contact{
        padding:15px;
        margin-left:0px;
    }
}