﻿
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}






/* index */

.logo{
    width: 145px;
    height: 55px;
    background: url("../Images/logo.jpg");
}
.logo_text{
    color: #000;
    width: 165px;
    font-weight: bold;
    font-size: 18px;
}
.logo_text_xm{
    display: inline-block;
    color: #000;
    font-size: 14px;
}
a:hover{
    color: #1083c6;
}
.header_nav>ul>li{
    float: left;
    font-size: 16px;
    padding: 15px 20px;
}
#search{
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../Images/search.png");
}
.noborder{
    visibility:hidden;
    background：#fff;
    height:5px;
    overflow:hidden;
}

.div_p {
    padding: 40px 0;
}
.div_p2{
    padding: 10px 0;
}
.div_p3{
    padding: 50px 0;
}
.div_p4{
    padding: 25px 0;
}
.div_p5{
    padding: 50px 0;
}
.div_p6{
    padding: 20px 0;
}

.div_p6 table{    width: 100%;
 }
.div_p6 .firstRow  td{    padding: 16px 0px;
    font-size: 20px !important;
    background: #1083c6;
    color: #fff;}
.div_p6 tr td{    font-size: 16px !important;
        padding: 7px 20px;}
.banner{
    width: 100%;
}
.solution_nei_n{}
.swiper-slide{
    width: 100%;height: 310px !important;
	text-align:center;
}
.swiper-slide img{
    display:black;height: 100%; 
}
.banner img{
    width: 100%;
}
.show{
    width: 100%;
    background-color: #f5f5f5;
}
h2{
    color: #202020;
}
.news div h2 span{
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 13px;
    margin-bottom: -4px;
}
.news_2,.news_3{
    width: 27%;
}
.news_2 img,.news_3 img{
    width: 100%;
        height: 147px;
}
.news_1 h2 span{
    background: url("../Images/news_icon1.png") no-repeat;
}
.news_2 h2 span{
    background: url("../Images/news_icon2.png") no-repeat;
}
.news_3 h2 span{
    background: url("../Images/news_icon3.png") no-repeat;
}
.news_1 dl{
    margin: 30px 0;
}
.news_1 dl dt{
    font-size: 16px;
    margin-bottom: 12px;
}
.news_1 dl dd{
    font-size: 14px;
    color: #999999;
}


.news_2 h2,.news_3 h2{
    margin-bottom: 30px;
}

.news_2 ul li,.news_3 ul li{
    margin-bottom: 15px;
}
.mt20 li{
    font-size: 16px;
}
.more{
    float: right;
    position: relative;
}
.more:after{
    content:'';
    display: block;
    width:28px;
    height: 1px;
    background-color: #a0a0a0;
    float: right;
    position: absolute;
    left: 14px;
    top: 21px;
}
.img_b{
    width: 696px;
    height: 648px;
}
.img_b>a{
    width: 100%;
}
.img_b>a>img{
    width: 100%;
}
.img_x>ul>li{
    width: 469px;
    height: 197px;
    margin-bottom: 30px;
}
.img_x ul li a,.img_b a{
    display: block;
    /*position: relative;*/
}
.img_x ul li a div{
    width: 468px;
    height: 196px;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    left: 0px;
    top: 0px;
}

.img_b a div{
    width: 695px;
    height: 648px;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    left: 0px;
    top: 0px;
}
.img_b dl,.img_x dl{
    margin-left: 50px;
}
.img_b dl dt{
    font-size: 36px;
    /*color: #ffffff;*/
}

.img_b dl dd{
    font-size: 18px;
    margin-top: 30px;
    /*color: #fff;*/
}
.img_x dl dd{
    font-size: 30px;
    /*color: #fff;*/
}

/*  */


.fsbanner{
    width: 100%;

}
.fsbanner > div{
    width: 180px;
    float: left;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-right: 30px;
    background: url(../Images/a_bg2.png) no-repeat -1100px bottom;
    transition: background 1s;
    -moz-transition: background 1s; /* Firefox 4 */
    -webkit-transition: background 1s; /* Safari 和 Chrome */
    -o-transition: background 1s; /* Opera */
}
.fsbanner .active{
    background: url(../Images/a_bg2.png) no-repeat left bottom;
}
.fsbanner .div1{
    width: 550px;
}
.fsbanner .div1 .pic_box{
    width: 280px;
    height: 259px;
}
.fsbanner .div1 .pic_box >  img
{
    width: 280px;
    height:260px;
}
.fsbanner .div1 .text{
    left: 280px;
    opacity: 1;
}
.fsbanner .div1 .fs_text{
    height: 160px;
}
.fs_text div{
    display: inline-block;
    padding-bottom: 20px;
    border-bottom: 1px solid #b5b5b5;
}
.fs_text h2{
    margin-bottom: 5px;
}
.fsbanner > div .pic_box{
    width: 179px;
    float: left;
    height: 299px;
    border: 1px solid #ccc;
    border-top: none;
    border-right: none;
    text-align: center;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    background: #f7f7f7;
}
.fsbanner > div .pic_box >img{
    display: block;
    width:180px;
    height:170px;
}
.fsbanner > div .pic_box .fs_text
{
    width:178px;
    height: 160px;
    border-right:1px solid #ccc;
}
.fsbanner > div .pic_box .fs_text h2{
    line-height:45px;
}
.fsbanner > div .pic_box .fs_text div{
}

.fsbanner > div .text{
    width: 209px;
    height: 178px;
    padding: 40px 30px;
    border: 1px solid #ccc;
    border-left: none;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background: #f7f7f7;
    opacity: 0;
}

.fsbanner > div .text h2{
    font-size: 18px;
    color: #333333;
    padding-left: 30px;
    background: url(../Images/8.jpg) no-repeat left center;
    margin-bottom: 20px;
}
.fsbanner > div .text h3{
    font-size: 12px;
    color: #808080;
    line-height: 25px;
    margin-bottom: 30px;
    height: 75px;
    overflow: hidden;
}
.fsbanner > div .text a{
    font-size: 12px;
    color: #b41b26;
    text-decoration: underline;
    text-decoration-color: #b41b26;
    font-weight: bold;
}
.fsbanner > div .text a:hover{
    color: #ff0012;
}
.fs_slide{
    width: 100%;
    background: #f7f7f7;
    padding: 60px 0;
}

.bottom_hr{
    display: none;
    width: 100%;
    margin: 0;
    border: 3px solid #0e76b4;
    position: relative;
    top: 371px;
    z-index: 200;
}
.text_tit{
    display: block;
    font-size: 15px;
    margin-bottom: 7px;
    color: #737373;
}




/*官方宣传*/



.video {
    width: 100%;
    background-color: #fff;
    position: relative;

}
.container{
    width: 100%;
}
.container img{
    width: 100%;
}
.video_one {
    position: relative;
    overflow: hidden;

}
.video_one img{
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
.videos {
    float:left;
    width:324px;
    text-align:center;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
.videos:first-child { display:none;}

#example_video_1 {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
#example_video_1:hover {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}
.video_one .vjs-big-play-button {
    width: 1.5em;
    border-radius: 1.5em;
    font-size: 5em;
    top: 194px;
    left: 47%;
}
.video_two .vjs-big-play-button, .video_three .vjs-big-play-button, .video_four .vjs-big-play-button {
    width: 1.5em;
    border-radius: 1.5em;
    font-size: 3em;
    top: 59px;
    left: 140px;
}
.video-js {
    background-color: transparent;
}
.dw{
    height: 500px;
    position: absolute;
    left:50%;
    bottom: -23px;
    width: 1200px;
    margin-left: -600px;

}
.smallVideo{height:200px; position:absolute; left:115px; bottom:15px;margin: 0 auto;overflow: hidden;}
.video-big, .video-small{ display:block; position:relative;z-index: 1}
.video-big:hover img{ transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); 	/* IE 9 */
    -moz-transform:scale(1.1,1.1); 	/* Firefox */
    -webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1,1.1); 	/* Opera */}
.video-small img{  width:287px; height:140px; margin:0 auto; display:block;}
.video-big .bofangbtn, .video-small .bofangbtn{ position:absolute; top:50%; left:50%; background-image:url(../Images/start.png); background-repeat:no-repeat; background-size:cover;}
.video-big .bofangbtn{ width:71px; height:71px; margin-left:-35px; margin-top:-35px;}
.video-small .bofangbtn{ width:45px; height:46px; margin-left:-22px; margin-top:-20px;}
.btn_arrow{position:absolute;z-index:2;bottom:88px;color: #fff; width:28px; height:39px; background-image:url(../Images/lr_arrow.png); background-repeat:no-repeat; display:block; cursor:pointer;}

.btn_l{left:150px; background-position:0 -39px;}
.btn_r{right:150px; background-position:0px 0; }
.videoList{height:200px; width:auto; padding: 20px 0 0 0; position:relative;}
.smallVideoList{height:200px; width:auto;}


/* footer */
.footer .wrap{
    padding-bottom: 15px;
}
.footer ul:last-child{
    margin-right: 0;
}
.footer ul{
    float: left;
      /*margin-right: 44px;*/
}
.footer ul li{
    margin: 7px 0;
}
.footer ul li:first-child{
    font-size: 16px;
    color: #393939;
    margin-bottom: 17px;
}

.footer ul:last-child dl dd{
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #4C4C4C;
}
.show2{
    width: 100%;
    background-color: #d7d7d7;
}


.footer-bottom div span:last-child{
    display: block;
    margin-top: 10px;
}
.img_b {
    position: relative;
        overflow: hidden;
}









.h_mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:rgba(0, 0, 0, 0.5);
    opacity: 0;

}
.czc{
    margin-left:0px;
        height: 90px;
    bottom: 0;
    position: absolute;
    left: 0;
    -webkit-transition: all .8s ease 0s;
   -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
     -o-transition: all .8s ease 0s;
        transition: all .8s ease 0s;
}

.czc dt, .czc dd{

    color:#fff;
-webkit-transition: all .8s ease 0s;
   -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
     -o-transition: all .8s ease 0s;
        transition: all .8s ease 0s;
}
 .czc dd{
    opacity: 0;
     line-height: 25px;
 }

.h_IMG{
    position: absolute; 
    width: 710px;
    height: 648px;
    overflow: hidden;
    left: 50%;
    top: 0;
    margin-left: -355px;


}
.h_IMG img{
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.img_b:hover .h_IMG img{
    margin-left:-20px;
}


.img_b:hover .h_mask{
    opacity: 1;
}
 .img_b:hover .czc dd{
    opacity: 1;
 }

 .img_b:hover .czc{
    bottom: 60px;
 }

.img_x01 ul li{
    position: relative;
     overflow: hidden;
}

.czc01{
    height: 80px;
}
.h_IMG02{
       position: absolute; 
    width:490px;
    height:196px;
    overflow: hidden;
    left: 50%;
    top: 0;
    margin-left: -245px;

}
.h_IMG02 img{
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.img_x01 ul li .czc dd{
    font-size: 14px;
}
.img_x01 ul li .czc dt{
    font-size: 22px;
    margin-bottom: 10px;
}
.img_x01 ul li:hover .h_IMG02 img{
    margin-left: -10px;
}
.img_x01 ul li:hover  .h_mask{
    opacity: 1;
}

.img_x01 ul li:hover  .czc{
    bottom: 16px;
 }
.img_x01 ul li:hover .czc dd{
    opacity: 1;

 }

/*  */


/* rslides */
.rslides{
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    padding:0;
    margin:0;
}
.rslides li{
    -webkit-backface-visibility:hidden;
    position:absolute;
    display:none;
    width:100%;
    left:0;
    top:0;
}
.rslides li:first-child{
    position:relative;
    display:block;
    float:left;
}
.rslides img{
    display:block;
    height:auto;
    float:left;
    width:100%;
    border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
    margin-bottom:2px;
    position:relative;
    width:100%;
    max-width:100%;
    text-align:center;
}

.callbacks{
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    padding:0;
    margin:0;
}
.callbacks li{
    position:absolute;
    width:100%;
    left:0;
    top:0;
}
.callbacks_container #slider li a{display: block;width: 100%;}
.callbacks img{
    display:block;
    position:relative;
    z-index:1;
    height:auto;
    width:100%;
    border:0;
}
.callbacks .caption{
    display:block;
    position:absolute;
    z-index:2;
    font-size:20px;
    text-shadow:none;
    color:#fff;
    background:#000;
    background:rgba(0,0,0, .8);
    left:0;
    right:0;
    bottom:0;
    padding:10px 20px;
    margin:0;
    max-width:none;
}
.callbacks_nav{
    position:absolute;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    top:50%;
    left:0;
    opacity:0.6;
    z-index:3;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none;
    height:61px;
    width:38px;
    background:transparent url("../Images/themes.gif") no-repeat left top;
    margin-top:-30px;
    display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
    left:auto;
    background-position:right top;
    right:0;

}

@media screen and (max-width:600px){
    .callbacks_nav{
        top:47%;
    }
}


.header0{border-bottom: 1px solid #e5e5e5;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.1);    -moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
.header_pd{
    padding: 15px 0 10px 0;
}


.slide_div{
    position: absolute;
    left: -100px;
    top: 72px;
    width: 1122px;
    height: 353px;
    padding: 20px;
    background-color: #f4f4f4;
}
.bar1_btn a{
    color:#0e76b5;
}
.bar1_btn a:hover{
    font-weight: bold;
}
.bar1_top{
    width: 640px;
}
.nr_text{
    width: 450px;
    margin-left: 30px;
}
.nr_text span{
    display: block;
    font-size: 20px;
    color: #323337;
    margin-bottom: 20px;
}
.bar1_nr>span{
    display: block;

    font-size: 26px;
    margin-bottom: 30px;
    color: #323337;
}
.bar1_main{
    width: 874px;
    height: 360px;
    padding-left: 40px;
}
.bar1_text{
    width: 650px;

    margin-top: 20px;
}

.hide{
    display: none;
}

.serve_two{
    width: 520px;
    height:310px;
}

.nr_text{
    font-size: 12px;
}
.bar1 a{
    display: block;
    margin:10px 0;
    font-size: 18px;
}
.active_nav:after{
    content: " ";
    display: block;
    width: 105px;
    height: 3px;
    background-color: #0e76b4;
    position: relative;
    left: 0px;
    top: 9px;
}
.bar1_btn a{
    display: block;
    margin: 25px 0;
}


/*  */
.nav{ height:49px;}
.nav .activesss{ float:left; text-align:center; margin: 0 32px;right center no-repeat;}
.nav .activesss .a1,.nav:hover .activesss1 .a1{ display:block; color:#687074;font-weight: 400; font-size:15px; line-height:45px; text-align:center;
    -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav .activesss:hover .a1,.nav .activesss1 .a1{ color:#687074}

.nav .Locate{ position:absolute;top:142px9 ;+top:142px;_top:142px;     top: 130px; overflow:hidden; z-index:2000; background:#f4f4f4; display: none; width: 1200px;border-top: 1px solid #ccc;}

.nav .activesss .active{

}
.Locate{
    height: 310px;
}
.activesss a:hover{
    cursor: pointer;
}
.nav ul li{
       border-bottom: 2px solid transparent;
}
.nav ul li:hover{
    border-bottom: 2px solid #0f76b9;
}
.nav .mad1{
    left: 50%;
    width:1130px;
    padding: 20px 35px 36px;
    margin-left:-600px;
}
.nav .mad2{
    width: 800px;
    margin-left: -400px;
}

.nav .mad1 .bar1{
    padding-top: 14px;
    width: 230px;
    padding-left: 40px;
    background: url(../Images/26.png) no-repeat right 20px;
}
.nav .mad1 .bar1 a{
    display: block;
    width: 168px;
    font-size: 16px;
    line-height: 45px;
    border-bottom: 3px solid #f4f4f4;
    color: #333;
    text-align: left;

}
.nav .mad1 .bar1_main{
    width: 820px;
}
.head .rg .a2{
    display: none;
}
.nav .mad1 .bar1 a:hover{
    color: #0f76b9;
    border-color: #0f76b9;
}
.nav .mad1 .bar1 > .active{
    color: #0f76b9;
    border-color: #0f76b9;
}
.nav .mad1 .serve_two{
    width: 480px;
    height:310px;
    overflow: hidden;
}
.nav .mad1 .serve_two .pic_box img{
    display: inline-block;
   
    margin-top: 20px;
}

.yd{
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: relative;
    left: 11px;
    top: 2px;
}
.yd span{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
}
.yd1{
    left: 2px;
    top: 2px;
}
.yd2{
    left: 2px;
    top:2px;
}




@keyframes mybig
{
    from {
        left: 2px;
        top: 2px;
        width: 20px;
        height: 20px;
        opacity: 0.9;
    }
    to {
        left: -13px;
        top: -13px;
        width: 50px;
        height: 50px;
        opacity: 0;
    }
}

@-webkit-keyframes mybig /*Safari and Chrome*/
{
    from {
        width: 20px;
        height: 20px;
        opacity: 0.9;
    }
    to {
        left: 13px;
        top: 5px;
        width: 30px;
        height: 30px;
        opacity: 0;
    }
}

.nav .mad1 .bar1_main .bar1_btn{
    width: 150px;
}
.nav .mad1 .bar1_main .bar1_btn a{
    display: block;
    line-height: 22px;
    color:#0d77b5;
    font-size: 14px;
}
.nav .mad1 .bar1_main .bar1_btn a:hover{
    font-weight: bold;
}
.nav .mad1 .bar1_main .bar1_btn .active{
    font-weight: bold;
}
.nav .mad1 .bar1_main .bar1_text{
    width: 630px;
    padding-top: 10px;
    text-align: left;
}
.nav .mad1 .bar1_main .bar1_text h2{
    text-align: left;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 30px;
}
.nav .mad1 .bar1_main .bar1_text .bar1_nr{
    width: 100%;
    height: 140px;
    overflow: hidden;
    padding-bottom: 75px;
    border-bottom: 1px solid #ccc;
}



.nav .mad1 .bar1_main .bar1_text .bar1_nr .nr_text{
    width: 400px;
    margin-top: 20px;
}
.nav .mad1 .bar1_main .bar1_text .bar1_nr .nr_text h2{
    font-size: 18px;
    color: #333;
}
.nav .mad1 .bar1_main .bar1_text .bar1_nr .nr_text h3{
    font-size: 12px;
    line-height: 25px;
    color: #666;
    text-align: left;
}

.nav .mad1 .bar1_main .bar1_text .btn1{
    padding-left: 30px;
    background: url(../Images/27.png) no-repeat left top;
    line-height: 30px;
    font-size: 14px;
    margin-top: 20px;
    display: inline-block;
    margin-left: 20px;

}
.nav .Locate .div1{ height:4px; line-height:4px;}
.nav .Locate ul{ background:#fff; padding-top:10px; padding-bottom:10px;}
.nav .Locate ul li{ height:28px; line-height:28px;}
.nav .Locate ul li a{ color:#999;}
.nav .Locate ul li a:hover{ color:#666666;cursor:pointer;}

.nav .mad1 .bar102{
    width: 380px;
    padding-left: 0;
}
.nav .mad1 .bar102 a{
    float: left;
    margin-left: 30px;
    width: 140px;
}

.news_s1>div{
        height: 193px;
    }

.nav .mad03{
    width: 900px;
    margin-left: -350px;
}

.nav .mad04{
    width: 340px;
    margin-left: -250px;
}

.nav .mad04 input{
    height: 30px;
    border: 1px solid #0e76b5;
    line-height: 30px;
    margin:10px 0 10px 40px;
    width:180px;
    padding-left: 10px;
    float: left;

}
.nav .activesss{
    text-align:left;
}

.nav .mad04 button{
    height: 32px;
    width: 80px;
    color:#fff;
    font-size: 15px;
    display: inline-block;
    background-color: #0e76b5;
    float: left;
    margin-top: 10px;
    cursor: pointer;
}

#jufa{
    background:url(../Images/27.png) no-repeat left center;
    padding-left: 30px;
    margin: 14px 0 30px 0;
    line-height: 30px;
    display: block;
}


@media (min-width: 1700px) and (max-width: 1920px) {
    .smallVideo{
        bottom:55px ;
    }
    .btn_arrow {
        bottom: 125px;
    }
}

@media (min-width: 1120px) and (max-width: 1350px){
    .btn_l{
        left: 60px;
    }
    .btn_r{
        right: 60px;
    }
}

/* product */

.nav_x{
    width: 100%;
    height: 107px;
    background: url("../Images/nav_x_bg.jpg") no-repeat 50%;
}
.nav_x a{
    display: inline-block;
    width: 21px;
    height: 45px;

}

.nav_x_nei{
    margin: 0 auto;
}
.nav_x_nei dl{
    float: left;
    width: 145px;
    margin-top: 25px;
}
.nav_x_nei dl dt{
    width:50%;
    height: 31px;
    line-height: 24px;
    margin: 0 auto;
    background-color: #1083c6;
}
.nav_x_nei dl dt a{
    display: block;
    width: 100%;
    margin: 0 auto;
   height: 56px;
    margin-left: 12px;
}
.nav_x_nei dl dt a:hover{
    width:100%;
    height: 31px;

}
.nav_x_nei dl:hover dd{ color:#FFF900;}
.nav_x_nei dl:hover dt a i{ color:#FFF900;}

.nav_x_nei dl dt a i{
    color:#fff ;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 29px;
}
.nav_x_nei dl dd{
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
}


.fenge_2{
    top: 100%;
}
.fenge_2 img{
    width: 100%;
    margin-top: 60px;
    margin-bottom: 50px;
}

.product>span{
    display: inline-block;
    font-size: 28px;
    color: #0084bb;
    padding-bottom: 10px;
    margin-top: 50px;
    margin-bottom: 45px;
    border-bottom: 2px solid #0084bb;
}
.product ul{
    margin-bottom: 50px;
}
.product ul li{
    float: left;
    width: 360px;
    margin-bottom: 50px;
    height: 400px;
    margin-right: 54px;
    border: 2px solid #efefef;
    position: relative;
}
.product ul li:nth-child(3n){
    margin-right: 0;
}
.product ul li dt{
    text-align: center;
    height: 310px;
}
.product ul li dt img{
    margin-top: 45px;
}
.product ul li dd{
    width: 320px;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
    border-top: 2px solid #efefef;

}
.product ul li dd a{
    font-size: 18px;

}
.product ul li div{
    display: none;
    padding: 50px 20px;
    width: 320px;
    height: 300px;
    background-color: rgba(16,131,198,0.6);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0px;
}
.product ul li div span{
    display: block;
    font-size: 18px;
    margin-bottom: 30px;
}
.product ul li div p{
    color: #eee;
    line-height: 28px;
    font-size: 14px;
    margin-bottom: 60px;
}
.product ul li div .product_more{
 color: #fff;
display: block;
width: 100px;
margin: 0 auto;
font-size: 16px;
border: 1px solid #fff;
padding: 5px 10px;
}

.new_l,.news_nei_l{
  width: 70%;

}
.new_l img,.news_nei_l img{
    width: 100%;
}
.new_r,.news_nei_r{
    width: 25%;
    margin-left: 4%;
}


/* news */
.video-player {
    width: 940px;
    height: 550px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.m_r{
    margin: 30px 0;
}
.new_l,.news_nei_l{
    float: left;
}
.new_l h3{
    color: #333333;
}
.new_l h3 a{
    color: #333333;
}
.news_nei_l h3{
    display: inline-block;
    color: #333333;
    border-bottom: 3px solid #1083c6;
    margin-top:30px;
}
.xg{
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #f0f0f0;
}
.xg a{
    float: left;
    width: 31%;
}
.xg a:not(:last-child){
    margin-right: 3.5%;
}
.xg a img{
    width: 100%;
}
.p_title{
    display: block;
    margin: 10px 0;
    font-size: 15px;
    color: #1083c6;
    font-weight: bold;
}
.news_nei_l p:not(:first-child){
    line-height: 35px;
}

.xg a dl dd{
    width: 90%;
    margin:  10px auto;
}



.news_nei_r{
    float: right;
}

.news_nei_r_title{
    display: block;
    font-size: 18px;
    border-left: 3px solid #1083c6;
    padding-left: 20px;
}

.xl_arrow{
    display: inline-block;
    margin-left: 13px;
    width: 17px;
    height: 11px;
    background: url("../Images/arrow_up_down.png") no-repeat 0px -11px;
}
.search{
    position: relative;
}
.search input{
    width: 70%;
    margin: 0 auto;
    height: 40px;
    font-size: 15px;
    font-family: "Microsoft Yahei";
    padding: 0 30px;
    line-height: 40px;
    border: 1px solid #e2e2e2;
    border-radius: 30px;

}
.search a{
    display: block;
    width: 22px;
    height: 22px;
    background: url("../Images/search.png") no-repeat 0px 0px;
    position: absolute;
    right: 40px;
    top: 9px;
}

.show_down{
    display: block;
}
.show_down ul{
    width: 80%;
    margin: 20px auto;
}
.show_down ul li{
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
}

.bq{
    width: 80%;
    margin: 20px auto;
}
.bq li{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 5px 10px;
    border: 1px solid #f0f0f0;
}
.bq li a{
    display: block;
    width: 100%;
    color: #1083c6;
}

/* news */
.news>div{
    margin-bottom: 30px;
}
.news_1{
    width: 37%;
}
.news .news_s1 img{
    width: 40%;
    margin-right: 5%;
    float: left;
}
.news_s1>div{
    height: 193px;
}
.news .news_s1>div{
    width: 51%;
    padding: 20px 15px;
    float: left;
    background: #fafafa;
}
.news .news_s1>div h3{
    margin: 0;
    margin-bottom: 20px;
}
.news .news_s1>div div{
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.news .news_s1>div div span{
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #1083c6;
}
.news .news_s1>div p{
    margin-top: 20px;
    line-height: 30px;
}

.news .news_s{
    padding-bottom: 30px;
    border-bottom: 1px solid #fafafa;
}
.news .news_s img{
    width: 30%;
    margin-right: 5%;
    float: left;
}
.news .news_s>div{
    width: 65%;
    padding: 10px 0px;
    float: left;
}
.news .news_s>div h3{
    margin: 0;
    margin-bottom: 15px;
    color: #666666;
}
.news .news_s>div div{
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.news .news_s>div div span{
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #1083c6;
}
.news .news_s>div p{
    line-height: 25px;
}
.news .news_s>div span{
    font-size: 12px;
    display: block;
    margin-top: 10px;
}
9:50:52
前端-郑伟楠 2017/2/17 9:50:52
.news>div{
    margin-bottom: 30px;
}
.news .news_s1 img{
    width: 42%;
    height: 233px;
    margin-right: 4%;
    float: left;
}
.news_s1{
    height: 233px;
}
.news_s1>div{
    height: 193px;
}
.news .news_s1>div{
    width: 50%;
    padding: 20px 15px;
    float: left;
    background: #fafafa;
}
.news .news_s1>div h3{
    margin: 0;

    margin-bottom: 15px;
}
.news .news_s1>div div{
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.news .news_s1>div div span{
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 4px solid #1083c6;
    font-size: 16px;
}
.news .news_s1>div p{
    margin-top: 10px;
    line-height: 30px;
}

.news .news_s{
    height: 176px;
    padding-bottom: 30px;
    border-bottom: 1px solid #fafafa;
}


.news .news_s img{
    width: 30%;
    height: 176px;
    margin-right: 5%;
    float: left;
}
.news .news_s>div{
    width: 65%;
    padding: 10px 0px;
    float: left;
}
.news .news_s>div h3{
    margin: 0;
    margin-bottom: 15px;
    color: #666666;
}
.news .news_s>div div{
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.news .news_s>div div span{
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #1083c6;
}
.news .news_s>div p{
    line-height: 25px;
}
.news .news_s>div span{
    font-size: 12px;
    display: block;
    margin-top: 10px;
}


.zx{
    width: 80%;
    margin: 20px auto;
}
.all{
    float: right;
    font-size: 14px;
    margin-top: 3px;
    margin-right: 10%;
}
.zx li{
    margin-bottom: 20px;
}


/* solution_nei */

.solution_nei hr{
    color: #e5e5e5;
    width: 95%;
    margin: 0 auto;
}


/* about */

.about_1_h2{
    display: inline-block;
    color: #1083c6;
	    margin: 40px auto;
font-size: 21px;
}
.about_1_h2:after{
    display: block;
    content: " ";
 
    height: 2px;
    background: #1083c6;
    margin-top: 10px;
}


.about_1>img{
    width: 33%;
}
.about_1_b{
    width: 100%;
}
.about_1_b img{
    float: left;
    width: 50%;
}
.about_1_b_r{
    float: left;
    width: 50%;
    background: #f6f6f6;
    text-align: center;
}
.about_1_b_r h3{
    font-size: 25px;
    margin-top: 20%;
}
.about_1_b_r h3:after{
    display: block;
    content: " ";
    width: 50px;
    height: 1px;
    margin: 0 auto;
    margin-top: 10px;
    background: #c9c9c9;
}
.about_1_b_r p{
       width: 80%;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: left;
}
.about_1_c ul{
    margin-top: 30px;
}
.about_1_c_li{
    background: #f3f3f3;
    text-align: center;
}
.about_1_c_li span{
    display: inline-block;
    margin-top: 15%;
    font-size: 18px;
    color: #666666;
}
.about_1_c_li p{
    width: 75%;
    margin: 10px auto;
    line-height: 25px;
}
.about_1_c ul li{
    float: left;
    width: 33.3%;
    position: relative;
    z-index: 1;
}
.about_1_c ul li img{
    width: 100%;
}
.about_1_c ul li:nth-child(4),.about_1_c ul li:nth-child(6){
    top: -20px;
    left: 0;
    z-index: 0;
}
.about_1_c ul li:nth-child(5){
    top: -40px;
    left: 0;
    z-index: 2;
}

.join_2{
    margin-bottom: 40px !important;
}
.join_2_l{
    float: left;
    width: 55%;
    margin-right: 5%;
    margin-top: 40px;
}
.join_2_l span{
    font-size: 25px;
    color: #666666;
    font-weight: bold;
    line-height: 40px;
}
.join_2_l p{
    margin-top: 20px;
    line-height: 30px;
}
.join_2_l span i{
    color: #1083c6;
}
.join_2 img{
    width: 40%;
    float: left;
    margin-top: 40px;
}
.join_2_sele{
    margin-top: 40px;
}
.join_3 p{
    margin: 20px 0;
    line-height: 25px;
}
.join_3_div1 p{
    float: left;
    width: 65%;
    margin-right: 5%;
}
.join_3_div1 img{
    float: left;
    width: 30%;
}
.join_3_div2 img{
    width: 32%;
    margin-right: 1.5%;
}
.join_3_div2 img:last-child{
    margin-right: 0;
}
.join_3_div3{
    margin-top: 30px;
}
.join_3_div3 p{
    width: 50%;
    float: left;
    margin-right: 5%;
}
.join_3_div3 img{
    width: 45%;
    float: left;
}
.join_3_div4 dl{
    float: left;
    width: 49%;
}
.join_3_div4 dl:first-child{
    margin-right: 2%;
}
.join_3_div4 dl dt{
    font-size: 16px;
    margin-bottom: 15px;
}
.join_3_div4 dl dd img{
    width: 100%;
}
.join_3_div5 ul{
    margin: 30px 0;
}
.join_3_div5 ul li{
    float: left;
    width: 12%;
    margin-right: 5%;
}
.join_3_div5 ul li:last-child{
    margin-right: 0;
}
.join_3_div5 ul li img{
    width: 100%;
}


.search2{
    float: left;
    width: 300px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
}
.search2 input{
    width: 65%;
    float: left;
    margin-top: 14px;
    margin-left: 15px;
}
.search2 span{
    float: right;
    width: 50px;
    height: 40px;
    border-left: 1px solid #c9c9c9;
    background: url("../Images/search2.png") no-repeat 14px 9px;
    cursor: pointer;
}
.select{
    float: right;
}
.select select{
    width: 100px;
    color: #999999;
    border: 1px solid #c9c9c9;
    padding: 12px 10px;
    border-radius: 2px;
}
.select select{
    margin-right:30px ;
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #c9c9c9;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../Images/select.png") no-repeat scroll 75px 15px transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }


.select select:last-child{
    margin-right: 0;
}


.join_2_sele_neis{
    margin: 30px 0;
}

.join_2_sele_nei_top{
    padding: 15px 2%;
    height: 36px;
    line-height: 36px;
    margin-top: 30px;
    background: #f6f6f6;
    border-bottom: 1px solid #dcdcdc;
}
.join_2_sele_nei_top>span{
    padding-left: 50px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #1083c6;
    font-size: 20px;
    background: url("../Images/pan.jpg") no-repeat 0px 0px;
}
.join_2_sele_nei_top p{
    float: right;
}
.join_2_sele_nei_top p span{
    display: inline-block;
    width: 13px;
    height: 7px;
    margin: 0 10px 0 40px;
    background:url("../Images/arrow_down.png") no-repeat 0px 0px ;
    cursor: pointer;
}
.join_2_sele_nei_down{
    display: none;
    width: 96%;
    line-height: 28px;
    padding: 20px 2%;
    background: #f6f6f6;
}
.join_2_sele_nei_down span{
    display: block;
    margin-top: 10px;
    font-size: 16px;
}
.support_lis{
    margin-bottom: 30px;
}
.support_lis ul li{
    float: left;
    width: 48.8%;
    margin-top: 30px;
    border: 1px solid #dcdcdc;
}
.support_lis ul li:nth-child(odd){
    margin-right: 2%;
}
.support_lis ul li span{
    display: block;
    width: 92%;
    margin: 0 auto;
    padding: 10px;
    font-size: 16px;
    border-bottom: 1px solid #dcdcdc;
}
.support_lis ul li p{
    padding: 10px 4% 20px 4%;
    line-height: 28px;
}
.join_4{
    margin-top: 40px;
}
.join_4 dl{
    margin-bottom: 30px;
}
.join_4 dl dt{
    float: left;
    width: 11%;
    margin-right: 5%;
}
.join_4 dl dt img{
    width: 100%;
}
.join_4 dl:first-child dt  img{
  margin-top: 50px;
}

.join_4 dl dd{
    float: left;
    width: 70%;
    padding: 20px 0;
}
.join_4 dl dd span{
    font-size: 18px;
}
.join_4 dl dd p{
    margin-top: 10px;
    line-height: 30px;
}
.about_3 dl{
    width: 31%;
    float: left;
    margin-right: 3%;
    margin-bottom: 30px;
}
.about_3 dl:nth-child(3),.about_3 dl:nth-child(6),.about_3 dl:nth-child(9){
    margin-right: 0;
}
.about_3 dl dt{
    border: 2px solid #f0f0f0;
    border-bottom: none;
    border-radius: 2px;
    padding: 1%;
}
.about_3 dl dt img{
    width: 100%;
}
.about_3 dl dd{
    padding: 10px;
    background: #f0f0f0;
}
.about_3 dl dd p{
    text-align: center;
}

.about_3,.trchnology_1,.trchnology_2,.trchnology_3,.trchnology_4,.join_3,.support_2,.support_7{
    margin-bottom: 20px;
}
.about_3,.trchnology_1,.trchnology_2,.trchnology_3,.trchnology_4,.join_3,.support_2,.support_7 p{
   
	  font-size: 16px !important;
}
.trchnology_1 img{
    width: 100%;
}
.trchnology_1 h2{
    margin-bottom: 5px;

}
.trchnology_1 p{
    margin: 10px 0 30px 0;
    line-height: 25px;
	    font-size: 16px !important;
}
.trchnology_2 p{
	    font-size: 16px !important;
    margin: 20px 0;
}
.trchnology_2>div>img{
    width: 22.5%;
    float: left;
    margin-right: 2.5%;
}
.trchnology_2 ul li{
    width: 16.5%;
    float: left;
    margin-right: 4%;
    margin-bottom: 30px;
}
.trchnology_2 ul li img{
    width: 100%;
}
.trchnology_2 ul li:nth-child(5),.trchnology_2 ul li:nth-child(10){
    margin-right: 0;
}
.trchnology_2 dl{
    width: 15%;
    float: left;
    margin-right: 2%;
}
.trchnology_2 dl:last-child{
    margin-right: 0;
}
.trchnology_2 dl dt img{
    width: 100%;
}
.trchnology_2 dl dd{
    text-align: center;
    font-size: 16px;
    color: #6ca7d5;
    margin-top: 10px;
}
.trchnology_3 img{
    width: 100%;
}
.trchnology_3_img{
    width: 90%;
    margin: 0 auto;
}
.trchnology_4 p{
    text-indent:2em;
    line-height: 25px;
	    font-size: 16px !important;
    margin-bottom: 10px;
}
.trchnology_4 dl{
    margin-bottom: 20px;
}
.trchnology_4 dl dt{
    margin-bottom: 10px;
}
.trchnology_4 dl dd{
    width: 85%;
}
.trchnology_4_dd4{
    width: 100% !important;
}
.trchnology_4 dl dd img{
    width: 100%;
}
.trchnology_4 ul{
    margin-top: 30px;
}
.trchnology_4 ul li{
    width: 42.5%;
    float: left;
    margin-right: 10%;
    margin-bottom: 40px;
    padding: 3% 1% 1% 1%;
    border: 2px solid #dbdbdb;
    position: relative;
}
.trchnology_4 ul li span{
    display: inline-block;
    font-size: 15px;
    background: #fff;
    padding: 10px 20px;
    text-align: center;
    position: absolute;
    top: -24px;

}
.l1{
    left: 33%;
}
.l2{
    left: 33%;
}
.l3{
    left: 30%;
}
.l4{
    left: 35%;
}
.trchnology_4 ul li:nth-child(even){
    margin-right: 0;
}
.trchnology_4 ul li div img{
    width: 100%;
}

.support_2_form{
    border:1px solid #eeeeee;
    width: 40%;
    margin: 30px auto;
    padding: 35px 25%;
}
.support_2 p{
    line-height: 25px;
    margin: 20px 0;
}
.support_2_form h3{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    color: #1083c6;
}
.support_2_form>span{
    float: left;
    width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: right;
    margin-right: 10px;
    font-size: 16px;
}
.support_2_form input{
    float: left;
    width: 300px;
    height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 20px;
    padding-left: 10px;
}
.support_2_form select{
    float: left;
    width: 312px;
    height: 45px;
    color: #7e7e7e;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 20px;
    padding-left: 10px;
}
.support_2_form textarea{
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 10px;
}
.post{
      margin-left: 84px;
}
.post span{
    display: inline-block;
    padding: 10px 30px;
    cursor: pointer;
    border-radius: 3px;
}
.tj{
    background: #1083c6;
    color: #fff;
    margin-right: 15px;
}
.tj2{

    margin-top: 20px;
}
.tijiao{background: #1083c6;
    color: #fff;
    font-size:16px;
    cursor: pointer;}
.cz{
    background: #eeeeee;
    color: #808080;
}
.lc{
    display: inline-block;
    font-size: 18px;
    color: #268ecb;
    padding-left: 32px;
    margin-top: 30px;
    background: url("../Images/support_2_icon.png") no-repeat left;
}
.ts{
    padding: 20px 15px;
    margin-top: 30px;
    border: 1px solid #eeeeee;
    border-radius: 3px;
}
.ts span{
    font-size: 18px;
    color: #c20219;
}

.support_7 dl{
    width: 30%;
    height: 110px;
    float: left;
    margin-right: 1%;
    padding: 30px 15px;
    background: #f3f3f3;
    margin-bottom: 20px;
}
.support_7 dl:last-child{
  
    background: #1083c6;
    color:#fff !important;
}
.support_7 dl:nth-child(3){
    margin-right: 0;
}
.support_7 dl dt{
    float: left;
    width: 66%;
}
.support_7 dl dt span{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}
.support_7 dl dt span:after{
    display: block;
    content: " ";
    width: 30px;
    height: 1px;
    background: #c9c9c9;
    margin-top: 5px;
}
.support_7 dl dd{
    float: left;
    width: 32%;
    text-align: center;
    margin-top: 14px;
}
.support_7 dl:last-child dd{
    margin-top: 0;
}
.support_7_dls{
    margin-top: 30px;
}
.solution_nei_n{
width:100%;

}
.product_lis img{
	width: 100%;
}
.gggg p img{
	/*width: 100%;*/
}
.product_lis ul li{
    float: left;
    width: 20%;
    border: 1px solid #efefef;
    margin-right: 6%;
}
.product_lis ul li a{
    display: block;
}
.product_lis ul li a img{
    width: 100%;
}
.product_lis ul li a span{
    display: block;
    width: 90%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    border-top: 1px solid #efefef;
    text-align: center;
}
.product_lis ul li:last-child{
    margin-right: 0;
}



@media (max-width:1300px ) and (min-width:1024px ){
	.news_s1>div{
        height: 159px;
    }
    .news_s1 img{
        height: 199px;
    }

    .news_s img{
        height: 150px;
    }
    .news .news_s1>div{
        width: 50%;
    }



    .banner{
        width: 100%;
    }
    .solution_nei{
        width: 100%;
    }
    .solution_nei_n img{
        width: 100%;
    }


    .nav .activesss{
      margin: 0 28px;
    }
    .footer ul{
		margin-right: 26px;
    }
    .footer .g_ww,.footer .g_wx{
        width: 80px;
        height: 80px;
    }


    /* index */
   /* .wrap{
        width: 1024px ;
        margin: 0 auto;
    }*/
    .about_3,.trchnology_1,.trchnology_2,.trchnology_3,.trchnology_4,.join_3,.support_2,.support_7{
        margin: 40px auto;
    }
    .news_1{
        width: 44%;
    }
    .news_2,.news_3{
        width: 23%;
    }
    .news_2 img,.news_3 img{
        width: 100%;
    }
    .img_b {
        width: 61%;
    }
    .img_b a{
        float: left;
    }
    .img_b .h_mask{
        width: 710px;
        height: 557px;
    }
    .img_b a div{
        left: 20px;
    }
    .h_IMG{
           left: 58%;
    margin-left: -410px;
    }
    .img_b a div,.img_b span,.img_b span img{
        width: 100%;
    }
    .img_x{
        width: 39%;
    }
    .ml35{
        margin-left: 0;
    }
    .img_x>ul>li{
        width: 100%;
        height: auto;
        margin-bottom: 40px;
    }
    .img_x>ul>li>a{
        display: block;
        width: 100%;
    }
    .h_IMG02{
        width: 100%;
        left: 58%;
    }
    .h_IMG02 img{
        width: 100%;
    }
    .img_x ul li a div{
        width: 100%;
        left: 25px;
    }
    .img_b dl, .img_x dl{
        width: 88%;
    }
.img_b:hover .czc {
    bottom: 72px;
}
    .smallVideo{
        /*left: -485px;*/
        bottom: 2px;
    }
    .btn_l{
        left: 30px;
    }
    .btn_r{
        right: 30px;
    }
    .btn_arrow{
        bottom: 68px;
    }

    .fsbanner .div1 .text{
        left: 261px;
    }
 
    .fsbanner > div{
        height: 280px;
    }
  
    .fs_text div{
        padding-bottom: 22px;
    }
    .fsbanner > div{
        width: 153px;
    }
    .fsbanner > div .pic_box{
        height: 279px;
    }
    .fsbanner > div .pic_box >img{
        width: 153px;
        height: 143px;
    }

    .product ul li{
        width: 29%;
    }
    .product ul li dd{
        width: 100%;
    }
    .product ul li div{
        width: 87%;
    }
    .product ul li dt img{
        width: 90%;
    }


    .news .news_s:first-child>div{
        width: 50%;
    }

    .support_2_form{
        width: 42%;
    }

}



.product_nei_lis ul .nei{
    float: left;
    width: 128px;
    height: 42px;
    cursor: pointer;
    margin-right: 20px;
    text-align: center;
    line-height: 30px;
}
.product_nei_lis ul .nei:hover{
    background: url("../Images/product_nei1.png") no-repeat;
}
.product_nei_lis ul{
    width: 100%;
	    margin-top:30px;
		margin-bottom:20px;
}
.product_nei_lis ul .nei:not(.product_nei_active){
    background: url("../Images/product_nei2.png") no-repeat;
}
.product_nei_active{
    background: url("../Images/product_nei1.png") no-repeat;
}
.product_nei_active a{
    color: #DF0024;
}






















