.prod{
    margin: 20px auto;
}
.prod .col-xs-4{
    padding: 0;
}
.pro_cont{
    margin: 10px 5px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
}
.pro_cont:hover{
    border: 1px solid #3f96ce;
    box-sizing: border-box;
   
}
.pro_img{
    width: 100%;
    height: 2.2rem; 
    overflow: hidden;
    background: #f6f6f6;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
}
.pro_img img{
    height: 100%;
}
.pro_img:hover{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.pro_p{
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    background: #fff;
}
.newLineMagTop{
    margin-top:20px;
}
 /* case */
 .case_box{
    margin: .3rem auto;
    height: 3.8rem;
    background: #fff;
}

.case_img{
    margin: 0 auto;
    height: 2.8rem;
}
.case_img img{
    height: 100%;
}
.case_p{
    text-align: center;
    height: 1rem;
    font-size: 12px;
    line-height: 1rem;
}

 /*newslist*/
 .newslist_mgtop{
    margin-top:.4rem;
    
}
.newslist_mgtop .col-xs-5,.newslist_mgtop .col-xs-12{
    padding: 0!important;
}
.newslist_img{
    margin: 0 auto;height: 3rem; overflow: hidden;
}


.newslist_img img{
    height: 100%;
}
.newslist_h{
    font-size: 14px;
    line-height: .6rem;
    font-weight: bold; 
    margin: 0!important;
    padding-left: 4px;
}
.newslist_time{
    font-size: .2rem;
    padding-left: 4px;
    margin: 0 !important;
}
.newslist_Text{
    font-size:12px;
    line-height: .8rem;
    padding-left: 4px;
    width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
}

.newslist_a{
    font-size:12px;
    color:#3897cd;
    display: block;
    line-height: 40px;
}

/*newsdetails*/
.newsdetails_title h3{
   font-size:16px;
   font-family: "微软雅黑";
   text-align: center;
}
.newsdetails_title p{
    font-size:.14rem;   font-family: "微软雅黑";
 }
.newsdetails_p{
    font-size:12px;
    line-height: 30px;
    text-indent: 2em;
}

.newsdetails_img{
    margin: .2rem auto;
    width: 6rem;
}

.newsdetails_n{
    border-top: 1px solid #8a8a8a;
    margin: 40px auto;
}

/*产品详情*/
.prod_swiper{
    height: 6rem;
    margin-top: .4rem;
}



.prod_box{
    margin: 40px auto;
}
.prod_mag{
    margin-bottom: 80px;
}
.prod_up{
    text-align: left;
    padding: 20px 0;
    font-size:16px;
    border-bottom: 1px solid #dcdcdc;
}
.prod_down{
    font-size: 14px;
    line-height: 30px;
    margin-top:20px;
}

.prod_nav{
    height: 1.3rem;
    border-bottom: 1px solid #c7c7c7;
    margin: .2rem auto;
}
.prod_nva_k{
    line-height: 1.3rem;
    width: 3rem;
    background: #c7c7c7;
    color:#fff;
    float: left;
    margin-right: 3px;
    text-align: center;
    font-size:16px;
}
.prod_act{
    background:#005baa;
}

.prod_p01{
    font-size:14px;
    line-height:26px;
    margin: 0 0 30px 0;
}

.prod_ul{
    margin: 0 auto;
    padding: 0 0;
}

.prod_ul li{list-style-type: disc;color: #333;font-size: 14px;line-height: 1rem;}
.prod_ul li a{color: #333;font-size: 14px;}
.prod_ul li:hover{color: #3897cd;}
.prod_ul li:hover a{color: #3897cd}
.proNo_show{display: none;}

.contUs{
    margin: 40px auto;
    text-align: center;
    font-size: .16rem;
}

.cont_input{
   height: 46px;
   border: 1px solid #8a8a8a;
   box-sizing: border-box;
   position: relative;
   margin: 20px 0;
}
.cont_input i{
   width: 32px;
   height: 32px;
   position: absolute;
   right: 11px;
   top: 7px;
   line-height: 25px;
   cursor: pointer;
   display: block;
}    
.cont_icon1{
   background: url(../img/titles.png) no-repeat center center;
   background-size:100% 100%;
}
.cont_icon2{
   background: url(../img/penpor.png) no-repeat center center;
   background-size:100% 100%;
}
.cont_icon3{
   background: url(../img/tel.png) no-repeat center center;
   background-size:100% 100%;
}
.cont_icon4{
   background: url(../img/email.png) no-repeat center center;
   background-size:100% 100%;
}
.cont_input input{
   width: 100%; height: 100%; border: none; border: 0;
   padding: 0 32px 0 10px; font-size: .28rem; outline: none;
}
.cont_input:hover{
   border:1px solid #3897cd;
   box-shadow: 1px 1px 1px px #3897cd
}

.cont_texta{
   width: 100%;
   border: 1px solid #8a8a8a;
   height: 198px;
   margin: 30px 0 70px 0;
   font-size:.28rem;
   line-height: 20px;
   padding: 20px 10px;
}

.cont_texta:hover{
   border:1px solid #3897cd;
   box-shadow: 1px 1px 1px px #3897cd
}

.cont_from{
   display: block;
   float: right;
   line-height: 30px;
   color:#fff;
   background:#3897cd;
   padding: 5px 20px;
   font-size:.2rem;
   margin-bottom: 60px;
   cursor: pointer;
}

.cont_from:hover{
   background:#005baa;
   color:#fff;
}
.cont_reset{
   display: block;
   float: left;
   line-height: 30px;
   color:#fff;
   background:#262626;
   padding: 5px 20px;
   font-size:.2rem;
   margin-bottom: 60px;
   cursor: pointer;
}

.cont_reset:hover{
   background:#4e4c4c;
   color:#fff;
}

/* 人才招牌 */

.invite_h{
    text-align: center;
    font-size:.36rem;
    margin: 20px auto;
}

.invitMag{
    margin: 20px auto;
}

.invit_img{
    position: relative;
    overflow: hidden;
    height: 160px;
    margin-bottom: 20px;
}
.invit_img img{
    width: 100%;
    height: 100%;
    cursor: pointer;

}

.invit_tan{
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgba(2, 63, 133, 0.5);
    top: -100%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    color: #fff;
    padding: 45px 20px 20px;
   
}

.invit_img:hover .invit_tan{  
    top:0;
}  
.invit_p01{
    text-align: left;
    padding-top:30px;
    color:#fff;
    font-size:.24rem;
    padding-left:30px;
}
.invit_p02{
    text-align: left;
    color:#fff;
    font-size:.14rem;
    padding-left:30px;
}

.invit_show{
	margin: 10px auto;
}
.invit_butn{
	height: 30px;
	background: #DCDCDC;
	color:#333;
	line-height: 30px;
	font-size: .32rem;
	padding: 0 20px;
}
.invit_butn span{
	float: right;
}
.invit_sul{
	margin: 20px auto;
	padding: 0 20px;
	display: none;
}

.invit_sul li{
	 font-size:.16rem;
	 color:#666666;
	 line-height: 30px;
}

.invit_butn:hover{
	background: #0073BE;
	color:#fff;
}

.invit_magBottom{
	margin-bottom: 40px;
}

/*联系我们*/
.caseus_box{
	margin: 0 auto;
	height: 80px;
	box-sizing: border-box;
}

.no_padding .col-md-3, .no_padding .col-xs-3,
.no_padding .col-md-12, .no_padding .col-xs-12{
	padding: 0!important;
}
.caseus_i{
	width: 20px;
	height: 20px;
	margin: 5px auto;
	display: block;
}
.caseus_box p{
	text-align: center;
	line-height: 20px;
	font-size: .14rem;
	margin:0!important;
}



.allmap{
	margin: 30px auto 50px auto;
	height: 140px;
}





/* ABOUT */
.about_h{
    text-align: left;
    font-size:.46rem;
    margin: 30px auto 10px auto;
   
}

.about_h span{ color:#dcdcdc; font-size: .14rem;}

.about_h2 {
    text-align: left;
    font-size:.46rem;
    margin: 26px auto 20px auto;
    text-align: center;
}
.about_h2 span{ color:#dcdcdc; font-size: .14rem;}
.about_p{
	text-indent: 2em; line-height: 38px; font-size: 14px; font-family: "微软雅黑";
}
.about_mgB{
    margin-bottom: 74px;
}
.about_line{
	height: 120px;
	background: #0272C4;	
}

.container_about{
    width: 100%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}


.about_img{
	width: 6.2rem;
	height: 5.3rem;
	background: url(../img/img10.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 5;
}

.about_more{
	padding: 10px 25px;
	font-size:14px;
	color:#fff;
	display: block;
    position: absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}
.about_more:hover{
    color:#fff;
}
.iconaAbout{
    display: block;
    width: 20px; height: 20px;
    border-radius: 50%;
    background: url('../img/ruleB.png') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top:50%;
    left: 85px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}

.about_text_center{
    text-align: center;
}

.about-left{
   height: auto;
   overflow: hidden;
}
.about_r_ul{
    margin-top:10px;
}

.about_r_ul li{
    line-height: 30px;
    font-family: "微软雅黑";
    font-size:14px;
    text-indent: 2em;
}

.about_more2{
	padding: 10px 25px;
	font-size:14px;
	color: #4a4a4a;
	display: block;
    position: relative;
    cursor: pointer;
    float: right;
}
.about_more2:hover{
    color:#262626;
}

.iconaAbout2{
    display: block;
    width: 20px; height: 20px;
    border-radius: 50%;
    background: url('../img/rule.png') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top:50%;
    right: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}

.about_z{
    background: url(../img/2bg.jpg)no-repeat center center;
    background-size:100% 100%;
    display: inline-block;
    width: 100%;
}

.container_ab{
    width: 100%;
    margin: 0px auto;
    position: relative;
}

 .swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .about_certificate{
      height:150px;
      width: 100%;
      cursor: pointer;
    }
  .about_certificate_img{
      height: 100px;
  }
.about_certificate_p{
    line-height: 50px;
    text-align: center;
}

.about_z .swiper-button-next{
    right: 0px!important;
    background: url("../img/next.png");
    width: 32px;
    height: 32px;
}

.about_z .swiper-button-prev{
    left: 0px!important;
    background: url("../img/prev.png");
    width: 32px;
    height: 32px;
}


.about_Tan{
    position: fixed; top:0; left: 0;background: rgba(0,0,0,0.8);
    width: 100%; height: 100%; z-index: 2000; display: none;
}

.about_div{
    width: 80%;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    z-index: 2300;
}

.about_hide{
    position: absolute;
    width: 32px;
    height: 32px;
    display: block;
    top:10px;right:10px;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    background: url('../img/hide.png') no-repeat center center;
    background-size:100% 100%;
}

.about_tan_img{
    width: 90%;
    height: 90%;
    margin: 5% auto;
    border: 1px solid #000;
}
.about_tan_img img{height: 100%; height: 100%;}

.about_fa{
    height: 154px;
    margin: 0 auto 50px auto;
    background: url(../img/shan.jpg) no-repeat center center;
    background-size:100% 100%;
}
.flcent{
    text-align: center;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

/* Menu style */
.content{margin: 0 auto;}
.pager li>a, .pager li>span{
    padding: 2px 14px;
}
#timeline {
    overflow: hidden;
    margin: 30px auto;
    position: relative;
    background: url('../img/time/dot.gif') left 45px repeat-x;
    z-index: 1000;
}
#dates {
    width: 100%;
    height: 70px;
    overflow: hidden;
}
#dates li {
    list-style: none;
    float: left;
    width: 50px;
    height: 54px;
    font-size: .24rem;
    text-align: center;
    background: url('../img/time/biggerdot.png') center bottom no-repeat;
    background-size: 16px 16px;
}
#dates a {
    line-height: 38px;
    padding-bottom: 26px;
}
#dates .selected {
    font-size: 20px; color:#0073BE; 
    background: url('../img/time/sed.png') center bottom no-repeat;
    background-size: 20px 20px;
}

#issues {
/*	height: 348px;*/
    overflow: hidden;
    float: left;
}	
#issues li {
    list-style: none;
    float: left;
    padding: 30px 0;
}
.issuesdiv{
	width: 156px;
	height: 95px;
	margin: 0 auto;
}
#issues li img {
    width:100%;height: 100%;
}

#issues li span {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    padding: 30px 20px;
    margin: 0 auto;
}

#next,
#prev {
    position: absolute;
    font-size: .2rem;
    top: 58px;
    width: 32px;
    height: 32px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 1000;
}
#next:hover,
#prev:hover {
    opacity: 0.8;
}
#next {
    right: 0px;
    background-image: url('../img/time/next.png');
}
#prev {
    left:0px;
    background-image: url('../img/time/prev.png');
}
#next.disabled,
#prev.disabled {
    opacity: 0.5;
}

.gallery-top2 {
    height: 80%;
    width: 100%;
}
.gallery-thumbs2 {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.prod_swiper .swiper-container{
	margin-top: 10px;
}


.about_more3{
	padding: 10px 25px;
	font-size:12px;
	color:#333;
	display: inline-block;
    position: relative;
    cursor: pointer;
    
}
.iconaAbout3{
    display: block;
    width: 20px; height: 20px;
    border-radius: 50%;
    background: url('../img/rule.png') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top:50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}
.list_caseus_broder{
	border-right:1px solid fff#a0a0a0;
}




@media only screen and (max-width: 768px) {
.invitPadNone{
    display:none;
}
}

@media only screen and (min-width: 768px) {
	


    .invis_p p{
        font-size: 14px;
        font-family: "微软雅黑";
        line-height: 30px;
    }
    .gallery-thumbs2 .swiper-slide-active{
        height: 100%;
    }
    .noneMAG{
        margin: 0!important;
    }
    .pro_cont{
        margin: 65px 34px 0 0;
        overflow: hidden;
        border: 1px solid #dcdcdc;
    }
    .pro_cont:hover{
        border: 1px solid #3f96ce;
        box-sizing: border-box;
       
    }
    .pro_img{
        overflow: hidden;
        background: #f6f6f6;
    }
    .pro_img:hover{
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }
    .pro_p{
         height: 84px;
         line-height: 84px;
         font-size: 14px;
         font-family: "微软雅黑";
         text-align: center;
         background: #fff;
    }
    .clearfix {
        clear: both;
    }
    .clearfix:after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
    }
    .fl {
        float: left;
    }
    .fr {
        float: right;
    }

    .pager{
        display: none;
    }



    .pagers {
        max-width: 800px;
        text-align: center;
        margin-bottom: 30px;
        display: inline-block;
    }
    .pagers a{
        cursor: pointer;
    }
    .pagers a,
    .pagers span {
          width: 29px;
        height: 28px;
        border: 1px #cccccc solid;
        margin-left: -1px;
        color: #8a8a8a;
        display: inline-block;
        line-height: 28px;
        float: left;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        margin: 0 2px;
    }
    .pagers a:hover,
    .pagers span:hover {
        border-color: #0081d4;
        color: #0081d4;
        position: relative;
        z-index: 1;
    }
    .pagers span.current {
        background-color: #0081d4;
        color: #fff;
        border-color: #0081d4;
        position: relative;
        z-index: 1;
    }
    .pagers .pg-first,
    .pagers .pg-prev,
    .pagers .pg-next,
    .pagers .pg-last{
        background: url(../img/page_bg.jpg) 0 0 no-repeat;
    }
    .pagers .pg-first:hover,
    .pagers .pg-prev:hover,
    .pagers .pg-next:hover,
    .pagers .pg-last:hover{
        background: url(../img/page_bg_hover.jpg) 0 0 no-repeat;
    }
    .pagers .pg-prev,
    .pagers .pg-prev:hover{
        background-position: 0 -28px;
    }
    .pagers .pg-next,
    .pagers .pg-next:hover{
        background-position: -29px -28px;
    }
    .pagers .pg-last,
    .pagers .pg-last:hover{
        background-position: -29px 0;
    }
    .pagers .pg-prev[disabled='true'],
    .pagers .pg-prev[disabled='true']:hover{
        cursor: default;
        background-image: url(../img/page_bg.jpg);
    }
    .pagers .pg-next[disabled='true'],
    .pagers .pg-next[disabled='true']:hover{
        cursor: default;
        background-image: url(../img/page_bg.jpg);
    }
    .pagers .pg-prev[disabled='true'],
    .pagers .pg-next[disabled='true']{
        border-color: #eeeeee;
    }
    .pagers span.els{
        border-color: transparent;
    }
    
    .pagerHtmlWrap{
        width: 800px;
        margin: 30px auto;
    }
    .pagerHtmlWrap .cc_cells{
        width: 100%;
        height: 35px;
        padding: 5px 0;
        border-bottom: 1px #cccccc solid;
    }
    .pagerHtmlWrap .cc_cells a{
        color: #454545;
        font-size: 14px;
        line-height: 35px;
        text-decoration: none;
    }
    .pagerHtmlWrap .cc_cells a span{
        display: inline-block;
        width: 25%;
        text-align: left; 
        margin: 0;
    }



    /* case */
    .case_box{
        margin: 44px auto 0 auto;
        height: 317px;
        background: #fff;
        transition: all 0.5s ease-in;
		-webkit-transition: all 0.5s ease-in;
		-moz-transition: all 0.5s ease-in;
		-ms-transition: all 0.5s ease-in;
    }
    .case_box:hover{
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05)
    }

    .case_img{
        margin: 0 auto;
        height: 240px;
    }
    .case_img img{
        height: 100%;
    }
    .case_p{
        text-align: center;
        height: 60px;
        font-size:16px;
        font-family: "微软雅黑";
        line-height: 60px;
    }



    /*newslist*/
    .newslist_mgtop{
        margin-top:70px;
        
    }
   
    .newslist_img{
        margin: 0 auto;height:186px;
        transition: all 0.5s ease-in;
		-webkit-transition: all 0.5s ease-in;
		-moz-transition: all 0.5s ease-in;
		-ms-transition: all 0.5s ease-in;
    }
    .newslist_img img{
        height: 100%;
    }
    .newslist_img:hover{
        transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
    }

    .newslist_h{
        font-size: 16px;
        font-family: "微软雅黑";
        line-height: 30px;
        font-weight: bold; 
        padding-left:20px;
        margin: 0!important;
    }
    .newLineMagTop{
        margin-bottom: 46px;
    }
    .newslist_time{
        font-size: 14px;
        line-height: 30px;
        padding-left: 20px;
        font-family: "微软雅黑";
    }
    .newslist_Text{
        font-size:14px;
        line-height: 30px;
        padding-left: 20px;
        width: 100%;
        overflow: hidden;
        -ms-text-overflow: ellipsis;text-overflow: ellipsis;
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 2; /** 显示的行数 **/
        margin-bottom: 25px;
        margin-top: 20px;
        font-family: "微软雅黑";
    }

    .newslist_a{
        font-size:14px;
        color:#0073be;
        display: block;
        line-height: 40px;
        padding-left: 20px;
        font-family: "微软雅黑";
    }


   /*newsdetails*/

   .newsdetails_title{
       margin: 70px auto 16px auto;
       text-align: center;
       border-bottom: 1px solid #8a8a8a;
   }
   .newsdetails_p{
       font-size:14px;
       line-height: 32px;
       text-indent: 2em;    font-family: "微软雅黑";
   }

   .newsdetails_img{
       margin: 30px auto;
       width: 553px;
       height: 370px;
   }

   .newsdetails_n{
       border-top: 1px solid #8a8a8a;
       margin: 40px auto 108px auto;
       padding: 0!important;
   }

   .newsdetails_arraw{
       height: 40px;
       line-height: 40px;
       font-size:.14rem;
   }
   .newsdetails_arraw i{
       width: .3rem;
       height: .3rem;
       display: inline-block;
       margin: 8px 5px 10px 0;
   }
   .newsdetails_left{
        float: left;
        background: url('../img/left.png') no-repeat center center;
        background-size:100% 100%;
   }
   .newsdetails_right{
        float: left;
        background: url('../img/right.png') no-repeat center center;
        background-size:100% 100%;
    }
   .newsdetails_arraw span{
        font-size:14px;
        display: inline-block;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        font-family: "微软雅黑";
   }
   .arrleft{
       float: left;
   }

   .arrRig{
        float:right;
   }

/* 放大镜样式产品详情 */
   /*主容器*/
.con-FangDa{
	height: auto;
	margin: 40px auto;
    background-color:#fff;
}
/*正常容器*/
.con-fangDaIMg{
	height: auto;
	position: relative;
    background-color: #fff;
	border: 1px solid #ddd;
    
}
.con-fangDaIMg > img{
	width: 100%;
	height:100%
}
/*滑块*/
.magnifyingBegin{
	width: 150px;
	height: 175px;
	left: 0;
	top: 0;
	background-color: #454545;
	opacity: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	cursor: move;
	display: none;
}
/*放大镜显示区域*/
.magnifyingShow{
	width: 450px;
	height: 396px;
	display: none;
	position: absolute;
	right: -470px;
	top: 0;
	overflow: hidden;
    background-color: #fff;
    z-index: 1000;
}
.magnifyingShow > img{
	width: 1724px;
	height: 1138px;
	margin-left:0;
	margin-top: 0;
}
/*设置选择图片容器*/
.con-FangDa-ImgList{
	margin-top:10px;
	height:54px;
	width:320px;
	list-style: none;
}
.con-FangDa-ImgList > li{
	margin-right:7px;
	width: 50px;
	height: 50px;
	float: left;
	cursor: pointer;
	border: 2px solid #666;
	background-color: #454545;
    text-align:center;
    overflow: hidden;
}

.con-FangDa-ImgList > li > img{
	vertical-align:top;
	display:inline;
	width:100%;
	height:50px;
}
.con-FangDa-ImgList > .active{
	border-color:#000;
}

/*放大镜样式结束*/
/*产品详情*/
.prod_box{
    margin: 40px auto;
}
.prod_mag{
    margin-bottom: 80px;
}
.prod_up{
    text-align: left;
    padding: 20px 0;
    font-size:24px;
    font-family: "微软雅黑";
    border-bottom: 1px solid #dcdcdc;
}
.prod_down{
    font-size: 14px;
    line-height: 30px;
    margin-top:30px;
    font-family: "微软雅黑";
}

.prod_nav{
    height: 54px;
    border-bottom: 1px solid #c7c7c7;
    margin: 40px auto;
}
.prod_nva_k{
    line-height: 54px;
    width: 160px;
    background: #c7c7c7;
    color:#fff;
    float: left;
    margin-right: 3px;
    text-align: center;
    font-size:18px;
    cursor: pointer;
}
.prod_act{
    background:#005baa;
}

.prod_p01{
    font-size:14px;
    line-height:26px;
    margin: 0 0 50px 0; font-family: "微软雅黑";
}

.prod_ul{
    margin: 0 auto;
    padding: 0 20px;
}

.prod_ul li{list-style-type: disc;color: #333;font-size: 16px;line-height: 40px; font-family: "微软雅黑";}
.prod_ul li a{color: #333;font-size: 14px; font-family: "微软雅黑";}
.prod_ul li:hover{color: #3897cd;}
.prod_ul li:hover a{color: #3897cd}
.proNo_show{display: none;}

/*联系我们*/

.contUs{
     margin: 40px auto;
     text-align: center;
     font-size: .16rem;
}

.cont_input{
    height: 46px;
    border: 1px solid #8a8a8a;
    box-sizing: border-box;
    position: relative;
    margin: 20px 0;
}
.cont_input i{
    width: 32px;
    height: 32px;
    position: absolute;
    right: 11px;
    top: 7px;
    line-height: 25px;
    cursor: pointer;
    display: block;
}    
.cont_icon1{
    background: url(../img/titles.png) no-repeat center center;
    background-size:100% 100%;
}
.cont_icon2{
    background: url(../img/penpor.png) no-repeat center center;
    background-size:100% 100%;
}
.cont_icon3{
    background: url(../img/tel.png) no-repeat center center;
    background-size:100% 100%;
}
.cont_icon4{
    background: url(../img/email.png) no-repeat center center;
    background-size:100% 100%;
}
.cont_input input{
    width: 100%; height: 100%; border: none; border: 0;
    padding: 0 32px 0 10px; font-size: .2rem; outline: none;
}
.cont_input:hover{
    border:1px solid #3897cd;
    box-shadow: 1px 1px 1px px #3897cd
}

.cont_texta{
    width: 100%;
    border: 1px solid #8a8a8a;
    height: 198px;
    margin: 30px 0 70px 0;
    font-size:.2rem;
    line-height: 20px;
    padding: 20px 10px;
}

.cont_texta:hover{
    border:1px solid #3897cd;
    box-shadow: 1px 1px 1px px #3897cd
}

.cont_from{
    display: block;
    float: right;
    line-height: 49px;
    color:#fff;
    background:#0073be;
    width: 258px;
    font-size:14px;
    margin-bottom: 60px;
    cursor: pointer;
    font-family: "微软雅黑";
    text-align: center;
}

.cont_from:hover{
    background:#005baa;
    color:#fff;
}
.cont_reset{
    display: block;
    float: left;
    line-height: 49px;
    color:#fff;
    background:#262626;
    width: 258px;
    font-size:14px;
    margin-bottom: 60px;
    cursor: pointer;
    font-family: "微软雅黑";
    text-align: center;
}

.cont_reset:hover{
    background:#4e4c4c;
    color:#fff;
}



/* 人才招牌 */

.invite_h{
    text-align: center;
    font-size:24px;
    margin: 79px auto 67px auto;
    font-family: "微软雅黑";
}
.invite_mg{
    margin: 0 auto 30px auto;
}
.invitMag{
    margin: 40px auto;
}
.invitPadNone{
    padding-right: 0;
}
.invit_img{
    position: relative;
    overflow: hidden;
    height: 204px;
}
.invit_img img{
    width: 100%;
    height: 100%;
    cursor: pointer;

}

.invit_tan{
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgba(2, 63, 133, 0.5);
    top: -100%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    color: #fff;
    padding: 45px 20px 20px;
   
}

.invit_img:hover .invit_tan{  
    top:0;
}  
.invit_p01{
    text-align: left;
    padding-top:30px;
    color:#fff;
    font-size:.24rem;
    padding-left:30px;
}
.invit_p02{
    text-align: left;
    color:#fff;
    font-size:.14rem;
    padding-left:30px;
}

.invit_show{
	margin: 20px auto;
}
.invit_butn{
	height: 50px;
	background: #DCDCDC;
	color:#333;
	line-height: 50px;
	font-size: .2rem;
	padding: 0 20px;
}
.invit_butn span{
	float: right;
}
.invit_sul{
	margin: 20px auto;
	padding: 0 20px;
	display: none;
}

.invit_sul li{
	 font-size:.16rem;
	 color:#666666;
	 line-height: 30px;
}

.invit_butn:hover{
	background: #0073BE;
	color:#fff;
}

.invit_magBottom{
	margin-bottom: 100px;
}


/*联系我们*/
.caseus_box{
	margin: 0 auto;
	height: 125px;
	border-left: 1px solid #8A8A8A;
	box-sizing: border-box;
}

.no_padding .col-md-3, .no_padding .col-xs-3,
.no_padding .col-md-12, .no_padding .col-xs-12{
	padding: 0!important;
}
.caseus_i{
	width: 40px;
	height: 40px;
	margin: 0 auto;
	display: block;
}
.caseus_box p{
	text-align: center;
	line-height: 30px;
	font-size: 12px;
    margin:0!important;
    font-family: "微软雅黑";
}

.list_caseus_broder{
	/* border-right:1px solid #a0a0a0; */
}

.allmap{
	margin: 40px auto 120px auto;
	height: 432px;
}


/* ABOUT */
.about_h{
    text-align: left;
    font-size:26px;
    margin: 30px auto 0px auto;
}

.about_span{ color:#c9c9c9; font-size:12px; margin-bottom: 10px;display: block;}
.about_p{
	text-indent: 2em; line-height: 30px;
}
.about_h2{
    text-align: left;
    font-size:26px;
    margin:76px auto 50px auto;
   
}

.about_h2 span{ color:#dcdcdc; font-size: 12px;}
.about_line{
	height: 100px;
	background: #0272C4;
	margin: 0px 0;	
}

.container_about{
    width: 1170px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}


.about_img{
	width: 413px;
	height: 232px;
	background: url(../img/img10.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 5;
}

.about_more{
	padding: 10px 25px;
	font-size:.16rem;
	color:#fff;
	display: block;
    position: absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}
.about_more:hover{
    color:#fff;
}
.iconaAbout{
    display: block;
    width: 20px; height: 20px;
    border-radius: 50%;
    background: url('../img/ruleB.png') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top:50%;
    left: 80px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}

.about_text_center{
    text-align: center;
}

.about-left{

   overflow: hidden;
}
.about_r_ul{
    margin-top:50px;
}

.about_r_ul li{
    line-height: 30px;
    text-indent: 2em;
}

.about_more2{
	padding: 10px 25px;
	font-size:.16rem;
	color:#333;
	display: block;
    position: relative;
    cursor: pointer;
    float: right;
}
.about_more3{
	padding: 10px 25px;
	font-size:.16rem;
	color:#333;
	display: inline-block;
    position: relative;
    cursor: pointer;
    
}
.iconaAbout3{
    display: block;
    width: 20px; height: 20px;
    border-radius: 50%;
    background: url('../img/rule.png') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}

.about_more2:hover{
    color:#262626;
}

.iconaAbout2{
    display: block;
    width: 20px; height: 20px;
    border-radius: 50%;
    background: url('../img/rule.png') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top:50%;
    right: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}

.about_z{
    height: 709px;
    background: url(../img/2bg.jpg)no-repeat center center;
    background-size:100% 100%;
    display: inline-block;
    width: 100%;
}

.container_ab{
    width: 1200px;
    margin:0px auto;
    position: relative;
}

 .swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .about_certificate{
      height: 168px;
      width: 100%;
      padding: 0 12px;
      cursor: pointer;
      margin-bottom: 40px;
    }
  .about_certificate_img{
      height: 130px;
      box-shadow: 0px 4px 8px #ccc;
  }
.about_certificate_p{
    line-height: 50px;
    text-align: center;
}

.about_z .swiper-button-next{
    right: -40px!important;
    background: url("../img/next.png");
    width: 32px;
    height: 32px;
}

.about_z .swiper-button-prev{
    left: -40px!important;
    background: url("../img/prev.png");
    width: 32px;
    height: 32px;
    
}

.about_z  .swiper-button-prev.swiper-button-disabled{
    background: url("../img/prev2.png");
    width: 32px;
    height: 32px;
    opacity:1;
    box-shadow: 3px 4px 9px #ccc;
    border-radius: 50%;
}
.about_z .swiper-button-next.swiper-button-disabled{
    background: url("../img/next2.png");
    width: 32px;
    height: 32px;
    opacity:1;
    box-shadow: 3px 4px 9px #ccc;
    border-radius: 50%;
}
.about_Tan{
    position: fixed; top:0; left: 0;background: rgba(0,0,0,0.8);
    width: 100%; height: 100%; z-index: 2000; display: none;
}

.about_div{
    width: 836px;
    height: 580px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    z-index: 2300;
}

.about_hide{
    position: absolute;
    width: 32px;
    height: 32px;
    display: block;
    top:10px;right:10px;
    border-radius: 50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    background: url('../img/hide.png') no-repeat center center;
    background-size:100% 100%;
}

.about_tan_img{
    width: 806px;
    height: 530px;
    margin: 10px 10px;
    border: 1px solid #ccc;
}
.about_tan_img img{height: 100%;}
.about_tan_img p{
	padding-top: 10px;
}
.about_fa{
    height: 294px;
    margin: 0 auto 50px auto;
    background: url(../img/shan.jpg) no-repeat center center;
    background-size:100% 100%;
}


/* Menu style */
.content{width: 95%;}
#timeline {
    overflow: hidden;
    margin: 30px auto;
    position: relative;
    background: url('../img/time/dot.gif') left 45px repeat-x;
    z-index: 1000;
}
#dates {
    width: 1200px;
    height: 70px;
    overflow: hidden;
}
#dates li {
    list-style: none;
    float: left;
    width: 230px;
    height: 55px;
    font-size: .28rem;
    text-align: center;
    background: url('../img/time/biggerdot.png') center bottom no-repeat;
    background-size: 20px 20px;
}
#dates a {
    line-height: 38px;
    padding-bottom: 22px;
}
#dates .selected {
    font-size: .28rem; color:#0073BE; 
    background: url('../img/time/sed.png') center bottom no-repeat;
    background-size: 20px 20px;
}

#issues {
    height: 350px;
    overflow: hidden;
}	
#issues li {
    height: 350px;
    list-style: none;
    float: left;
}
.issuesdiv{
	width: 370px;
	height: 225px;
	float: left;
    margin: 10px 30px 10px 12%;
}
#issues li img {
    width:100%;
}
#issues li h1 {
    color: #ffcc00;
    font-size: 48px;
    margin: 20px 0;
    text-shadow: #000 1px 1px 2px;
}
#issues li p {
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    float: left;
    width: 500px;
    padding-top: 30px;
}

#next,
#prev {
    position: absolute;
    top: 0;
    font-size: 70px;
    top: 58px;
    width: 32px;
    height: 32px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 1000;
}
#next:hover,
#prev:hover {
    opacity: 0.8;
}
#next {
    right: 15px;
    background-image: url('../img/time/next.png');
}
#prev {
    left: 15px;
    background-image: url('../img/time/prev.png');
}
#next.disabled,
#prev.disabled {
    opacity: 0.5;
}




















}
	
	
	



@media  (min-width: 768px) and (max-width:1400px) { 
	.container_ab{
        width: 80%;
        margin:0px auto;
        position: relative;
    }
    .about_img {
        width: 413px;
        height: 232px;
        background: url(../img/img10.png) no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        bottom: 0;
        right: 10%;
        z-index: 5;
    }
    .container_about{
        width: 90%;
    }















}  




@media  (min-width: 768px) and (max-width:1000px) { 

.invitPadNone{
    display:none;
}
}