/***定义一些公共数据****/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Comfortaa-VariableFont_wght.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.worden{
  font-family: Poppins;
}
 
html,body,p,span,div{
  font-family: Poppins,sans-serif,"Microsoft YaHei","微软雅黑",PingFangSC-Regular,"黑体","Arial","宋体";

}

   ::-webkit-scrollbar{
    width: 0px;
    height: 0px;
    background-color: #F5F5F5;
  }
 
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }

 
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
  }


.fill { object-fit: fill; }
.contain { object-fit: contain; }
.cover { object-fit: cover; }
.none { object-fit: none; }
.scale-down { object-fit: scale-down; }

a {
    text-decoration: none;
    color: #333333;
    cursor: pointer;
}
a:hover{
	color:#000;
}
button:focus,input:focus,.msg2{
     
        outline: none;
}
input[type="text" i]{
	padding:0;
}
.clear{
	clear:both;
}
.color000{
	color:#000;
}
.colorfff{
	color:#fff;
}
.bgf2{
   background: #f2f2f2;
}
.bge6{
	background:#e6e6e6;
}
.bgf7{
	background:#f7f7f7;
}
.bgf8{
	background:#f8f8f8;
}
.bggreen{
    background:#e2eace!important;
}
.bgfff{
	background: #fff!important;
}
.fr{
	float: right;
}
.fl{
	float: left;
}

.fweight{
	font-weight: bold;
}
.container-my,.container{
	 width: 85.652%;
    max-width: 1430.016px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;    
}

.btn-info{
	background-color:#333;
	border-color:#333;
}
.btn-light{
	background-color:#168e3a;
	border-color:#168e3a;
}

.online{
	bottom:100px;

}
.online dl{
	background: #333;
	border-radius: 50%;	
}
.online dl:hover{
	background: #666;
}

.jumbotron_contact{
	min-height: 500px;
}
/***导航*****/
.fixed-top{
	transition: all 0.6s;
	top:0;
}
.fixed-top-none{
	top:-150px;
}
.fixed-top:hover{
	background: #fff;
}
.fixed-top:hover .left-phone,
.fixed-top:hover .right-phone,
.fixed-top:hover .navbar-expand-lg .navbar-nav .nav-link{
	color:#000;
}

.fixed-top-on{
	 box-shadow: 2px 2px 5px #E6E6E6;
}
.fixed-top-on .left-phone,
.fixed-top-on .right-phone,
.fixed-top-on .navbar-expand-lg .navbar-nav .nav-link{
	color:#000!important;
}


.fixed-top:hover .cur .menuline,
.fixed-top-on .cur .menuline{
	display: block;
}
.top-nav{
	z-index: 110;
	position: relative;
	width: 100%;
	height: 30px;
	background-color:#b72024;
	display: block;
	line-height: 30px;
}
.top-nav a{
	color:#fff;
	margin-left: 30px;
}
.in{
	background: #f7f7f7;
	color:#818181;
}

.top-down{
	
	display: none;
	border-bottom: 1px solid #ddd;
}
.top-info{
	width: 93.705%;   
    margin-right: auto;
    margin-left: auto; 	
	display: flex;
	padding: 2rem;
	justify-content: space-between;	
}
.top-info .web .title{
    font-size: 18px;
}
.top-info .web .title i{
	margin-right: 1rem;
}
.top-info .web .desc{
	margin-top: 1.5rem; 
	font-size: 15px;
	color:#808080;
}
.container-top{
	width: 93.705%;
	display: block;
	height: 100%;
	margin-right: auto;
    margin-left: auto; 
    padding-right: 15px;
    padding-left: 15px;   
}

.container-nav{
	width: 93.705%;
	display: flex;
	height: 100%;
	margin-right: auto;
    margin-left: auto;  
    position: relative;  
}

.navbar-expand-lg{
	 flex-flow: row wrap;
}

.logo{
	display: block;
	width: 100%;
	text-align: center;

}
.logo-sm-height{
	height: 60px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.logo span{
    width:360px;
    display: inline-block;
    padding-top:28px;
    
   
}
.logo span div{ 
    display: inline-block;
    width:100%;
}
.logo span .en{
    text-align: left;
    letter-spacing: -1px;
}


.navbar{
	padding:0 1rem;
	width: 100%;
}
.navbar-expand-lg .navbar-collapse{
	height: auto;
}
.navbar-expand-lg .navbar-nav{
	height: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link{
	font-size: 16px;
	color: #FFF;
	padding:0px;
	line-height: 40px;
	display: inline-block;
}

.nav-item:hover .menuline{
    	display: block;
}
.menuline{
	width: 100%;
	height: 2px;
	background: #000;
	display:none;

}
.nav-item{
	position: relative;
	line-height: 100%;
	padding:0  1.6rem;
}
.nav-item:hover .sub_menu{
	display: block;
}
.sub_menu{
	display: none;
            position: absolute; 
            top:90px;
            width: 200px;
            background:#fff;            
            text-align: center; 
            margin-left: -45px; 
            padding-top: 0px;
            padding-bottom: 10px;        
            z-index: 99999;
            
            box-shadow:0 .125rem .25rem rgba(0,0,0,0.1)!important;

}
.sub_menu li{
            line-height: 40px; 
            text-align: center;
}
.sub_menu li a{
	color:#333;
	font-size: 16px;
}
.sub_menu li a:hover{
	color:#b72024;
}
.nav-item:hover .sub_menu,.nav-item:hover .sub_menu2{
            display: block;
}

.sub_menu2{
	width: 1920px;
	max-width: 1920px;	
	left:0;
	margin-left: -720px;
	background: #fff;
	position:absolute;
	z-index: 9999;
	border-top:1px solid #ddd;
	display:none;
	top:80px;
}
.container-menu2 {
    width: 85.652%;
    max-width: 1430.016px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;
    padding-top: 36px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;

}

.menu2-menu3{
   
}
.menu2-menu3 .title{
	font-size: 18px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	width: 250px;
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
}
.menu2-menu3 ul li{
	font-size: 16px;
	line-height: 30px;
	color:#666;
}

.container-menu3{
	margin-top: 50px;
	border-bottom: 1px solid #ddd;
 
}
.container-menu4{
	width: 85.652%;
    max-width: 1430.016px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    word-wrap: break-word;
    padding-top: 30px;
    padding-bottom: 36px;    
}
.container-menu4 strong{
	font-size: 18px;
}
.container-menu4 a img{
	width: 50px;
	height: 50px;
	margin-right: 30px;
}

.btn-shop{
	display: inline;
	float: left;
	margin-top: 25px;
}


.nav-buy{
  font-size: 16px;
   cursor: pointer;
  position: relative;
  text-align: center;
  padding-right: 2rem;
 padding-left: 2rem;
}
.shop-nav{
	display:none;
	position:absolute;
	top:20px;
	padding-top:35px;
	z-index: 99999999;
	background: #fff;	
	font-size: 16px;
	line-height:3rem;
	width: 100%;
	margin-left: -2.5rem;
	text-align: center;
	padding-bottom: 15px;

}
.shop-nav li a{
	color:#666;
}
.shop-nav li a:hover{
	color:#b72024;
}
.nav-buy:hover .shop-nav{
  display: block;
}
.btn-open-search,
.btn-open-search2{	
	margin-left: 2rem;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    margin-top: 5px;
}
.top-search{
	position:fixed;
	top:25px;
	z-index: 999;
	right:3%;	
 
}
.top-search input{
	border: none;
	background: #fff;
	width: 300px;
	height: 40px;
	outline: none;
	padding-left: 15px;	
	display: inline-block;
	border-radius: 30px;
	border:1px solid #ddd;
}
.top-search button{
	outline: none;
	border:none;
	background: none;
	margin-left: -80px;
	width: 80px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color:#ddd;
}

.top-search button:hover{
	color:#000;
}
.enorcn{
	margin-left: 30px;
	position: relative;
	padding-right: 25px;
	padding-bottom: 20px;
	cursor: pointer;
}
.enorcn i{
	position: absolute;
	right:0;
	top:0;
	margin-top: -5px;
}
.enorcn .enorcn-menu{
	 position: absolute;
	 top:30px;
	 left:0;
	 width: 100px;
	 height: auto;
	 display: none;
	 box-shadow: 2px 2px 2px #ddd;
	 border-radius: 5px;
	 padding:10px 15px 5px 15px;
	 background: #fff;
	 margin-left: -5px;
}
.enorcn .enorcn-menu li{
	height: 30px;
}
.enorcn .enorcn-menu li a{
	font-size: 14px;
	font-weight: normal;
}
.enorcn:hover .enorcn-menu{
	display: block;
}

.left-phone{
	font-size: 16px;
	color:#fff;
	position: absolute;
	left:0;
	top:5px;
	z-index: 999;

	}

.right-phone{
      font-size: 16px;
      color:#fff;
      position: absolute;
      right:0;
      top:0;
      z-index: 999;
}


 .right-phone i{
     margin-right:10px;
 }	
.arrow-left {
	background: url(../images/banner_arrow.png) no-repeat left top;
	position: absolute;
	left: 20px;
	top: 45%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index:999;
	}

.arrow-right {
	background: url(../images/banner_arrow.png) no-repeat left bottom;
	position: absolute;
	right: 20px;
	top:45%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index:999;
	    outline: none;
	}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 20px
}

/********首页新闻***********/
.container_news{margin-top: 60px;}
.containernews{width: 100%; margin: 0 auto;}
.news_left{width:49%; float: left; height: 400px;}
.news_right{width:49%; float: right;}
.news_right .newsimg{height: 340px; overflow-y: hidden; margin-bottom: 20px;}
.news_right .newsimg img{width:100%; min-height: 100%;}
.indexnews{width:100%; height: 100px; margin-bottom: 20px;  }
.indexnews .date{width:100px; height: 100px; border: 1px solid #ddd; display: inline-block;}
.indexnews .date span{display: block; font-weight: bold; color:#b72024; text-align: center; font-size: 30px; margin: 10px 0 10px 0; }
.indexnews .date{text-align: center; color:#5c5c5c; font-weight: bold; font-size: 16px;}
.indexnews .newsdesc{width:calc(100% - 120px); float: right; border-bottom: 1px solid #ddd; height: 100px;}
.indexnews .newsdesc .title{font-size: 18px; height: 24px; overflow-y: hidden; margin-bottom: 10px; color:#000;  margin-top: 0px; }
.indexnews .newsdesc .desc{line-height: 24px; font-size: 12px; color:#666;}
.indexnews .newsdesc .title:hover{
 	color:#b72024;
 }
.news_more{
      line-height: 58px;  
    text-indent: 150px;
    border: #dfdfdf 1px solid;
        color: transparent;
    background: url(../images/jiantou2.png)no-repeat 26px -97px;
    width: 148px;
    height: 30px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border-radius: 0px;
    font-size: 0px;
display: block;
    margin: 40px auto;
}

.news_more:hover{
  background: url(../images/jiantou2.png)no-repeat 26px -127px;
}




/********全局底部************/
.container-custom {
    width: 85.652%;
    max-width: 1430.016px;
    margin-right: auto;
    margin-left: auto;   

}
.top-line {
    border-bottom: 1px solid #e2e2e2;
    height: 65px;
    overflow: visible;
    position: relative;
}
.index{
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 3px;
}
.btn-open-search-foot{
	margin-left: 2rem;
    display: inline-block;
    font-size: 20px;
}
.search-box{
	position: relative;
}
.js-search-footer-input-popup{
	padding-left: 15px!important;
	width: 500px;
	height: 46px;
	background: #fff;
	outline: none;
	border:none;
	border: 1px solid #ddd;
}
.btn-search{
	font-size: 22px;
	color:#666;
	font-weight: 300;
	position: absolute;
	right:0;
	z-index: 99;
	border:none;
	background: none;
	outline: none;
}



.footNav a{
	font-size: 18px;
	font-weight: bold;
	color:#333;
	display:block;
	margin-bottom: 18px;
}
.footNav a:hover{
	color:#595757;
}


.footmenus{
	padding-bottom: 50px;
}

.lh-2 li{
	font-size: 15px;
	margin-bottom: 10px;
}
.lh-2 li a{
	color:#595757;
}
.lh-2 li a:hover{
	color:#000;
}
.copyright{
	line-height: 50px;
	color:#666;
	font-size: 14px;
}
.copyright a{
	color:#999;
	font-size: 12px;
}
.icp{
	margin-left: 25px;
	margin-right: 25px;
}

.button-line {
    border-top: 1px solid #e2e2e2;
    height: 100px;
    overflow: visible;
    position: relative;
    padding-top: 35px;
}
.button-line a{
	font-size: 14px;
	margin-right: 20px;
	color:#595757;
}
.button-line a:hover{
	color:#000;
}


.top-line {
    border-bottom: 1px solid #e2e2e2;
    height:auto;
    padding:40px 0;
    overflow: visible;
    position: relative;
    background: #488aff url(../images/register-tip.png) no-repeat center -206px;

}
.index{
	font-size: 30px;	 
	letter-spacing: 3px;
	color:#fff;
	margin-top: 10px;
	margin-bottom: 10px
}

.col-md-ftmenu{
	width: 16.6%;
}


/********首页幻灯**************/

.swiper-pagination-bullet-active{
	background: #b72024;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url(../images/left.png);
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url(../images/right.png);
}
.swiper-button-next, .swiper-button-prev{
	width: 44px;
	background-size: 44px 44px;
}

/********首页第二屏*************/

.index2{
      position: relative;
 }
      .index2 .title{
        position: absolute;
        left:10%;
        bottom:calc(10% + 60px);
        font-size: 40px;
        font-weight: bold;
        color:#fff;
        margin-left: 20px;
      }
      .nav-tabs{
      position: absolute;
      left:10%;
      bottom: 10%;
      z-index: 999;
      border-bottom: none;
      }
      .nav-tabs li{
        margin:0 15px;
      }
      .nav-tabs li a{
        padding:15px 30px;
        color:#fff;
        font-size: 18px;
        border:1px solid #ddd;
     }
     .nav-tabs li a:hover{
      background: #fff;
      color:#333;
     }
     


    video::-webkit-media-controls-enclosure {
        overflow:hidden;
    }
    video::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }



    .index2 .title2{
    	color:#000;
    	font-size: 20px;
        font-weight: bold;
        margin:30px auto;
        text-align: center;
    }
    .index2 .app{
    	position: relative;
    	width: 100%;
    }
    .index2 .app .title3{
    	 position: absolute;
    	 left: 10%;
    	 bottom:35px;
    	 display: inline-block;
    	 padding:10px 30px;
    	 color:#fff;
    	 border:1px solid #fff;
    	 font-size: 14px;
    }


/*********首页伙伴**************/
.parter{
	width:20%;
	text-align: center;
	margin-bottom: 40px;
		
}
.parter img{
	height: 60px;
	text-align: center;

}
#part{
transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
cursor: pointer;
}
#part:hover{
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg)
}


.contactnow{
	padding-top: 50px;
	padding-bottom: 100px;
}
.contactnow a{
	display: inline-block;
	padding:15px 30px;
	background: #000;
	color:#fff;
	font-size: 18px;
}




 
 
/*********分页***********/
.page-num-current{
    background-color: #333;
    border-color: #333;
    color:#fff!important;
}
.page-num, .page-link{
	color:#333;
}
.page-link:hover{
	color: #b72024;
}

.shangxia{
	height: 40px;
	line-height: 40px;
	overflow-y: hidden;
	display: inline-block;
	margin-bottom: 30px;
}
.shangxia:hover a,.shangxia:hover{
	font-weight: bold;
}
 
/******留言表单********/
.mymsg{
	width: 100%;
}
.msg{
	width: 100%;
	line-height: 40px;
	display: block;
	float: left;
}
.msg .bao{
	font-size: 16px;
	width: 15px;
	height: 15px;
	margin-left: 20px;
	margin-right: 5px;
}

.msg .checkduo{
	font-size: 16px;
	width: 16px;
	height: 16px;
	margin-left: 20px;
	margin-right: 5px;

}
 

.msg1{
	width: 32%;
	float: left;
	margin-right: 1.333%;
	height:40px;
	margin-bottom: 15px;
	border:1px solid #ddd;
	background: #f8f8f8; 
	padding-left:15px!important;	
}
.msg1:nth-child(3){ 
	margin-right: 0;
}
.msg2{
	width: 98.6%;
	height: auto;
	min-height: 200px;
	border:1px solid #ddd;
	background: #f8f8f8; 
	margin-bottom: 15px;
	padding-left: 15px!important;
}
.msg3{
	width: 200px;
	height: 40px;
	border:1px solid #ddd;
	background: #f8f8f8; 
		padding-left: 15px!important;
}
.msg4{
	width: 100%;
	height: auto;
	min-height: 200px;
	border:1px solid #ddd;
	background: #f8f8f8; 
	margin-bottom: 15px;
	padding-left: 15px!important;
}
.tj{
	width: 200px;
	height: 40px;
	background: #b72024;
	border:none;
	color:#fff;
}
.tj:hover{
	background: #ddd;
	color:#333;
}
.codeimg{
	height: 40px;
	margin-top: -2px;
}

/****************抖音和微信.footicon*******************/
.footicon{
	display: block;
	margin-top: 20px;
}
.footicon .weixin,.footicon .douying{
	display: inline;
	margin-right: 5px;
	margin-left:5px;
	position: relative;
}
.footicon .weixin .icon,.footicon .douying .icon{
	display: inline;
	width: 30px;
	cursor: pointer;
}
.floatweixin{
	position: absolute;
	display: none;
	bottom:30px;
	padding:15px;
	left:-65px;
	background:#fff url(/style/sj.png) bottom center no-repeat;
}
.floatweixin img{
	max-width: 170px;
}
.footicon .weixin:hover .floatweixin{
	display: block;
	z-index: 999;
}

.floatdouyin{
	position: absolute;
	display: none;
	bottom:30px;
	padding:15px;
	padding-bottom: 10px;
	left:-98px;
	background:#fff url(/style/sj.png) bottom center no-repeat;
}
.floatdouyin img{
	max-width: 170px;
}
.footicon .douying:hover .floatdouyin{
	display: block;
	z-index: 999;
}


.tab-pane p{
	line-height: 35px;
	font-size: 15px;
}



.buynow{
	padding:10px 40px;
	border:1px solid #000;
	display: inline-block;
	margin-bottom: 20px;
	background: #000;
	color:#fff;
} 
.buynow:hover{
	color:#fff;
}

.content-desc{
	min-height: 250px;
}
.content-desc p{
	line-height: 30px;
}
  
 



.sonsort .fenlei{
	display: inline-block;
 	 
	padding:15px 30px;
}
.sonsort .position a{
	line-height: 50px
}


 .listnews{
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.newslist{  
  padding:15px; 
  box-shadow: 1px 1px 5px #ddd;
}
.newslist:hover{
    box-shadow: 2px 2px 15px #ddd;
}
.newslist .title{
  font-size: 18px;
    color:#000;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    overflow-y: hidden;
    display: block;
    margin-top:15px;
    margin-bottom: 15px;
}
.newslist .desc{
    line-height: 24px;
}
.newslist-img{
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.newslist-img img{
  width: 100%;
  height: auto;
  min-height: 200px;
  transition: all 0.6s;
}
.newslist:hover .newslist-img img{
  transform: scale(1.2);
}

.newsmb{
  margin-bottom: 1rem;
}




.proleft{
	width: 540px;
}
.proright{
	width: calc(100% - 540px)
}


    #magnifier {
      position: relative;
      width: 450px;
      margin: 0px 30px 0 30px;
      
    }
    .small-box {
      position: relative;
      width: 450px;
      height: 450px;
      margin-bottom: 20px;
      
    }
    .small-box table td{
      width: 450px;
      height: 450px;
    }
    .small-box img {
      width: auto;
      height: auto;
      max-height: 450px;
      max-width: 450px;
    }
    .small-box .hover {
      display: none;
      position: absolute;
      left: 0;
      top: 0;
      width: 200px;
      height: 200px;
      
      background: #0099ff;
      opacity: .5;
      filter: alpha(opacity: 50);
      cursor: move;
    }
    .thumbnail-box {
      position: relative;
      width: 100%;
    }
    .thumbnail-box .btn {
      position: absolute;
      top: 50%;
      width: 22px;
      height: 32px;
      margin-top: -16px;
    }
    .thumbnail-box .btn-prev {
      left: 0;
      background: url(../images/btn_prev.png) no-repeat;
    }
    .thumbnail-box .btn-prev.btn_prev_disabled{background: url(../images/btn_prev_disabled.png) no-repeat;cursor: not-allowed;}
    .thumbnail-box .btn-next {
      right: 0;
      background: url(../images/btn_next.png) no-repeat;
    }
    .thumbnail-box .btn-next.btn_next_disabled{background: url(../images/btn_next_disabled.png) no-repeat;cursor: not-allowed;}
    .thumbnail-box .list {
      overflow: hidden;
      width: 390px;
      margin: 0 auto;
    }
    .thumbnail-box .wrapper {
      width: 100000px;
    }
    .thumbnail-box .list .item {
      float: left;
      margin: 0 10px;
    }
    .thumbnail-box .list .item-cur {}
    .thumbnail-box .list .item img {
      border: 1px solid #a9a9a9;
      width: 54px;
      height: 54px;
    }
    .thumbnail-box .list .item-cur img {
      border: 1px solid #e53e41;
    }
    .big-box {
      display: none;
      overflow: hidden;
      position: absolute;
      left: 451px;
      top: 0;
      width: 540px;
      height: 540px;
      border: 1px solid #e4e4e4;
      z-index: 99999;
    }
    .big-box img {
      display: block;
    }

    .backlist{
    	text-align: center;
    }
    .backlist a{
    	display: inline-block;
    	padding:15px 40px;
    	background: #000;
    	color:#fff;
    	text-align: center;
    	font-size: 18px;
    }

.foot-logo{
            width: 200px;
            float: left;

           }
           .foot-txt{
            width: calc(100% - 200px);
            float: left;
           }
   
   
   
#mypicsduopic {
    width: 100%;
    height: 400px;
    padding-top:50px;
    padding-bottom: 80px;
}

#mypicsduopic  .swiper-wrapper .swiper-slide2{
    width:auto;
}

#mypicsduopic  .swiper-wrapper .swiper-slide2 img{
    height: 100%;
}

#mypicsduopic  .swiper-paginationpic{
    bottom:0;
}








   

@media(max-width: 992px){

.proleft{
	width: auto;
	padding:0 15px;
}
.proright{
	width: auto;
	padding:0 15px;
}

 } 



 @media(max-width: 768px){
  
  
	#magnifier {
      position: relative;
     width: 100%;
      margin: 0px 0px 0 0px;
      
    }
    .small-box {     
      width: 100%;
      height: 360px;
      
    }
    .small-box table td{
     width:100%;
      height: 360px;
    }
    .small-box img {
      max-height: 360px;
      max-width: 100%;
    }
    .thumbnail-box{
    	    width: 100%;
    }
    .thumbnail-box .list{
    	width: 300px;
    }
    
    .foot-logo{
            width: 100%;
   }
           .foot-txt{
            width: 100%;
         
           }


 }