.scroll {
  position: fixed;
  right: 5%;
  bottom: 5%;
  z-index: 403;
}
.right1{
  background-color: rgb(180, 180, 180);
  width: 45px;
  height: 45px;
  padding-top: 19%;
  text-align: center;
  margin-bottom: 1px;
}
.main img{
 
}
h4{
    word-wrap:break-word;word-break:break-all;
}

ul li{
	list-style-type: none;
}
pre{
	background: #000000;
}

/*表格*/
/*table {
  display: table!important;
  border-color: grey!important;
  border-collapse: collapse;
  line-height: 1.9;
}
tbody {
    display: table-row-group!important;
    vertical-align: middle!important;
    border-color: inherit;
}
tr {
    display: table-row!important;
    vertical-align: inherit!important;
    border-color: inherit;
}
td, th {
  display: table-cell!important;
  vertical-align: middle!important;
}*/
.table-bordered tr td{

}
table p{
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
/*隔行变色*/
table tr:nth-child(2n+1),table tr:nth-child(2n+1) td,table tr:nth-child(2n+1) p,table tr:nth-child(2n+1) span {
  background: #F7FAFF!important;
}
table tr:nth-child(2n),table tr:nth-child(2n) td,table tr:nth-child(2n) p,table tr:nth-child(2n) span {
  background: #FCFCFC!important;
}
 
/*********************banner***************************/
.head{
	background: url(../images/bg-first_1.png);
    background-size: 100% 100%;
}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, .0001)));
}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, .0001)));
}
.banner{
	padding-top: 3.6%;
}
.banner .carousel .carousel-inner .item .btn img{
	position: relative;
	left: 30%;
}
.carousel-caption{
	position: absolute;
	right: 48%;
	bottom: 73%;
	color: #000000;	
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}

.carousel-caption h3{
	font-family: 'Adobe 黑体 Std R';
	color: #262626;
	font-size: 30px;
	text-align: left;
}
.carousel-caption .btn{
	background-color: #12a3ff;
	padding-right: 40px;
	font-size: 20px;
	color: #FFFFFF;
	float: left;
}

.item div.carousel-caption,.item img{
    animate-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -webkit-animation-duration: 2s;    
}
.carousel-indicators li {
	background-color: #cccccc;
}
.carousel-indicators .active{
	border: 1px solid #0772c5;
}
/********************************************************************************************************************************
.head .banneritem_img{
	max-width: 1030px;
    max-height:745px;
}
.head .banneritem_img img{
	width: 100%;
    height:105%;
    overflow:hidden;
	position: relative;
	left: 68% ;
}
****************************/
/*********************产品展示*************************/
.main{
	margin-top: 30px;
}
.pro img{
	margin-left: 27%;
    margin-bottom:5%;
}

.prod{
	margin-bottom: 30px;
}
/*.prod div img{
	transform: scale(0.9);
}*/

.hid{
 
}
.produ{
    margin-bottom:30px;
}
/************************************************************************************************************************************************************/
.magnificPopup__Box .box{
    display: table-cell;
    vertical-align:middle;
    text-align:center;
}
.magnificPopup__Box .box img{
    vertical-align:middle;
}
.produimg{
    text-align:center;
    height:200px;
}

.produ p{
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;
}

/*************************分割线***************************/
.fenge{
	width: 100%;
	background: url(../images/leftimg_1.png) no-repeat;
    background-size:auto 100%;
	color: #f5f5f5;
	background-color: #006ec3;
}
.fenleft{
	padding: 3% 9%;
}
.fenleft p.text-left{
	font-size: 20px;
}
.fenleft p.text-right{
	font-size: 18px;
}
.fenright p:nth-child(1){
	font-size: 24px;
	padding-top: 11%;
}
.fenright p:nth-child(2){
	font-size: 22px;
}


/***********************************************************************************************************/
@media (max-width: 1516px) {
	
}
@media (max-width:1400px){
    .head .banneritem_img img{
      
    }
    .banneritem_img img{
      
    }
    .fenge{
        background-size:100% 100%;
    }
}
@media (max-width: 1280px) {
	.nav .dropdown .dropdown-menu {
	    padding: 18% 118% 50% 118%;
	}
	.smhead .banner .carousel .carousel-inner .item img {
		position: relative;
		left: 87%;
	}
	.dowm{
		margin-bottom: 1%;
	}
	.banner .carousel .carousel-inner .item img{
		left: 15%;
	}
	.carousel-caption h3{
		font-size: 30px;
	}
	.carousel-caption {
		right: 19%;
	}
	.smbg{
		margin-top: -4%;
	}
}
@media (max-width:1024px){
    .map{
        max-width:1024px;
       
        overflow:hidden;
    }

}
@media (max-width: 991px) {

    .nav .dropdown .dropdown-menu { padding: 18% 118% 50%; }
    .nav .dropdown .dropdown-menu { left: -603%; }
    .smhead .banner .carousel .carousel-inner .item img { position: relative; left: 21%; }
    .abotext { margin-top: 5%; }
        .abotext .span { margin-left: 0; }
        .abotext .btn { margin-top: 5%; }
    .smbg { display: none; }
    .new .text-right .span { margin-top: 11.5%; }
    .new { border-bottom: 10px solid #006ec3; padding: 0; }
        .new .date { margin-right: 0px; }
    .new { text-align: center; }
        .new .date, .new h4, .new p, .new .text-right, .new .newbottom { text-align: left; }
        .new .date, .new h4, .new p { padding-left: 15px; padding-right: 15px; }

    .denggao { display: block; }
    .foot .text-left { padding-left: 15px;margin-bottom: -12px; }
    .foot .text-left ul { padding-left: 0; }
    .foot .text-center, .foot .text-center ul { padding: 0; }
    .foot1 { text-align: center; }
    .foot .text-left ul li { text-align: center; }
    .foot { padding-top: 30px; }
        .foot h3 { margin-bottom: 30px; }
        .foot .text-left ul li { list-style-type: none; }
        .foot .text-right ul { padding-left: 0; }

    .newslist .date { display: none; }
    .newslist p { margin-bottom: 8%; }
/**************************************************************************************************************************************************************/
    /*.newslist a { bottom: -114px; }*/

    .newlists { margin-bottom: 0; }
    .carousel-caption h3 { font-size: 25px; }
    .newlist_img{
        text-align:center;
    }
    .main{
        max-width:991px;
        overflow:hidden;
    }
    .map{
        max-width:991px;
       
        overflow:hidden;
    }
    .head .banneritem_img{
      
    }
    .productdet{
        padding-right:15px;
    }
    /*语言*/
    .navbar-right {
        position: absolute;
        right: 8%;
        width:34.6%;
        top: 0;
    }
    .navbar-right li{
        float: left;
    }
    .navbar-left {
        margin-top: 3%;
    }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-top: 10%;
    }
        .hd {
        margin-left:0;
    }
}
@media (max-width: 951px) {
	.navbar-header{
		width: 30%;
	}
	.navbar-nav li a{
		font-size: 16px;
	}
	.navbar-left{
		width: 70%;
	}
	.nav li:nth-child(1){
		margin-left: 4%;
	}
	.nav .dropdown .dropdown-menu {
	    left: -637%;
	}
	.smhead .banner .carousel .carousel-inner .item img {
		position: relative;
		left: 10%;
	}
}
@media (max-width: 903px) {
	.nav>li>a {
	    padding: 10px 10px;
	}	
}
@media (max-width: 851px) {
	.nav li:nth-child(1){
		margin-left: 6%;
	}
	.carousel-caption h3{
		font-size: 24px;
	}
}
@media (max-width:827px ) {
	.nav>li>a {
	    padding: 10px 4px;
	}
	.nav li:nth-child(1){
		margin-left: 11%;
	}
     .navbar-right li{
         margin-left:1%!important;
     }
	.nav .dropdown .dropdown-menu {
		left: -735%;
	}
}
@media (min-width: 768px) {
	.smhead .carousel-caption {
		position: absolute;
		right: 32%;
		bottom: 54%;
	}
	/*.nav .dropdown .dropdown-menu {
		left: -704%;
	}*/
}
@media (max-width: 768px) {
	.contactmain .contlist {
		width: 100%;
		margin-left: 0%;
		position: relative;
	}
	.contactmain .contlist ul {
		padding: 0% 0 0% 3%;
	}
	.contactmain .contlist li {
		line-height: 35px;
	}
	.textmargin {
		margin-left: 13.6%;
	}

}
@media (max-width: 767px) {
	.navbar-header {
	    width: 100%;
	}
	.navbar-left {
	    width: 73%;
	    float: right;
	    border-radius: 15px;
	    background-color: #ffffff;
	    text-align: center;
	}
	.nav li:nth-child(1) {
	    margin-left: 0;
	}
	.nav .dropdown .dropdown-menu {
	    padding: 10% 0;
	}
	.aboutus {
	    margin-top: 0px;
	}
	.newimg img {
	    margin-top: 30px;
	}
	.carousel-caption .btn{
		font-size: 16px;
	}
	.smhead .carousel-caption .btn{
		font-size: 12px;
	}

	.pro img,.abo img,.newimg img {
		transform: scale(0.7);
	}
	.head,.smhead,.main{
	 
	}
	 .carousel-caption {
		position: absolute;
		    left: 8%;
            width: 100%;
            bottom: 63%;
	    }
	.smhead .carousel-caption {
		position: absolute;
		right: 21%;
		bottom: 38%;
	}

    /*导航*/
    .navbar-toggle {
        margin-top: 5%;
    }
   .navbar > .container .navbar-brand, .navbar > .container-fluid  .navbar-brand {
        margin-top: 5%;
    }
    .navbar-right {
        top: 0;
    }

}
@media (max-width:525px){
    .newsdetails p img{
        margin:0!important;
    }
    .casedetail p img{
        margin:0!important;
    }
}
@media (max-width: 510px) {
	.newdetop h2{
		font-size: 24px;
	}
	.newdetop2 .newdate{
		width: 35%;
	}
	.newdetop2_1{
		width: 65%;
	}
}
@media (max-width: 414px) {
	.head,.smhead,.main{

	}
	.new .text-right .span {
		margin-top: 11.5%;
	}
	.textmargin {
		margin-left: 24%;
	}
    .preview .swiper-container {
        max-width: 357px;
        margin-left: 3.5%;
    }
    .preview .swiper-slide {
        max-width: 119px;
        height: 119px;
        overflow: hidden;
    }
    /*导航*/
    .navbar-right {
        top: -15%;
        width: 62.6%;
    }
    .navbar-toggle{
        margin-right:0;
    }
  
}
@media (max-width: 412px) {
	.head,.smhead,.main{

	}
	.new .text-right .span {
		margin-top: 11.5%;
	}
    .navbar-right {
        width: 69.6%;
    }
}
@media (max-width: 375px) {
	.navbar-toggle {
		margin-right: -10px;
	}
	.carousel-caption .btn {
		font-size: 12px;
	}
	.carousel-caption h3 {
		font-size: 18px;
	}
	.navbar-left {
		width: 82%;
	}
	.textmargin {
		margin-left: 26%;
	}
    .preview .swiper-container {
        max-width: 321px;
        margin-left: 3.5%;
    }
    .preview .swiper-slide {
        max-width: 107px;
        height: 107px;
        overflow: hidden;
    }
}
@media (max-width: 360px) {
	.navbar-header{
		width: 113%;
	}
	.pro img{
		margin-left: 10%;
	}
	.abo img{
		margin-left: 20%;
	}
	.newimg img{
		margin-left: 15%;
	}
	.carousel-caption h3{
		font-size: 18px;
	}
	.navbar-left{
		width: 100%;
	}
	.navbar-toggle {
		margin-right: 15px;
	}
	.banner{
		padding-top: 0;
	}
	.lupa h4{
		font-size: 12px;
	}
	.head,.smhead,.main{

	}
	.prodetail h3{
		font-size: 22px;
	}
    .preview .swiper-container {
        max-width: 306px;
        margin-left: 3.5%;
    }
    .preview .swiper-slide {
        max-width: 102px;
        height: 102px;
        overflow: hidden;
    }
    .preview .arrow-left { background: url(../images/right_1.png) no-repeat 0px 50%; }
    .preview .arrow-right { background: url(../images/right_1.png) no-repeat 0px 50%; }

    /*导航*/
    .navbar-right {
        width: 72.6%;
    }
}
@media (max-width: 320px) {
	.navbar-header .navbar-brand{

	}
	.navbar-header .navbar-brand img{
		transform: scale(0.8);
	}
	.carousel-caption{
		bottom: 57%;
	}
	.carousel-caption h3{
		font-size: 14px;
	}	
	.carousel-caption .btn{
		font-size: 12px;
	}
	.head,.smhead,.main{
		max-width: 320px;
		overflow: hidden;
	}
	.textmargin {
		margin-left: 31%;
	}
	.newdetop2 .newdate{
		width: 28%;
	}
	.newdetop2_1{
		width: 72%;
	}
    .preview .swiper-container {
        max-width: 270px;
        margin-left: 3.5%;
    }
    .preview .swiper-slide {
        max-width: 90px;
        height: 90px;
        overflow: hidden;
    }
    .navbar-right {
        width: 90%;
    }
}