@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {position:relative;
	margin: 0;padding: 0;}
html {overflow-y: scroll;}
html, body {font-size: 16px;color: #333;background: #fff;}
iframe {
    background-image: none; border: none;
}
@font-face {
  font-family: "segoeui";
  src: url("../font/segoeui.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "impact";
  src: url("../font/impact.ttf");
  font-weight: normal;
  font-style: normal;
}
a {color: #030303;text-decoration: none;}
a:hover {color: #395199;}
img {border: 0 none; max-width: 100%; max-height:100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"] {cursor: pointer;}
button {cursor: pointer;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.box {width: 1400px;height: auto;margin: 0 auto;}
html { font-size:100px; font-family: 'segoeui'; }
body{font-family:segoeui; }
@media (max-width: 1200px){
  html,body{font-size: 14px;}
}
/*menu*/
.navbar{background:url(../images/xian.jpg) center top no-repeat #fff; position: relative; box-shadow: 0 4px 10px rgba(0,0,0,0.2); position: fixed; top: 0px ;letter-spacing: 0px; width: 100%; z-index: 999;}
.navbar-nav>li{text-align: center;}
.navbar-nav>li:hover .navmenu{display: inline-block;}
.navbar-nav>li:hover>a,.navbar-nav>li.act>a{color:#fff; background: #395199;}
.header_right{position: absolute; }


.navmenu{padding:0px; display: none; background:#fff;}
.navmenu a{display: block; overflow: hidden; color: #666;text-align: center;height: 30px; line-height: 30px; border-bottom: 1px #e5e4e4 solid; font-size: 14px;}
.navmenu a:hover{border-bottom: 1px #395199 solid; color: #395199;}
.navmenu a:last-child{border:none;}
@media (min-width: 1440px){
  .head_height{height: 117px;}
  .navbar{padding-top:117px;}
  .navbar .logo{ margin-left: -700px; top:35px;}
  .header_right{width: 860px; margin-right: -700px;top:0px;padding-top: 32px;}
  .navbar-nav>li{font-size: 20px; line-height: 46px;}
  .navbar-nav>li>a{padding: 0px 20px;}
  .navmenu{margin-right: -50px;}

  .banner .swiper-pagination-bullet{width: 20px; height: 20px;}

  .navbar-nav>li.search,.navbar-nav>li.language{width: 52px;}

} 

@media (min-width: 1200px) and (max-width: 1440px){
  .head_height{height: 117px;}
  .navbar{padding-top:117px;}
  .navbar .logo{ margin-left: -600px; top:35px;}
  .header_right{width: 800px; margin-right: -600px;top:0px;padding-top: 32px;}
  .navbar-nav>li{font-size: 18px; line-height: 46px;}
  .navbar-nav>li>a{padding: 0px 20px;}
  .navmenu{margin-right: -50px;}

  .banner .swiper-pagination-bullet{width: 16px; height: 16px;}

  .navbar-nav>li.search,.navbar-nav>li.language{width: 48px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .head_height{height: 101px;}
  .navbar{padding-top:101px;}
  .navbar .logo{ margin-left: -485px; top:12px;}
  .navbar .logo img{max-height: 84px;}
  .header_right{width: 700px; margin-right: -485px;top:0px;padding-top: 24px;}
  .navbar-nav>li{font-size: 16px; line-height: 46px;}
  .navbar-nav>li>a{padding: 0px 16px;}
  .navmenu{margin-right: -50px;}

  .banner .swiper-pagination-bullet{width: 12px; height: 12px;}

  .navbar-nav>li.search,.navbar-nav>li.language{width: 46px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .head_height{height: 93px;}
  .navbar{padding-top:93px;}
  .navbar .logo{ margin-left: -360px; top:12px;}
  .navbar .logo img{max-height:76px;}
  .header_right{width: 578px; margin-right: -360px;top:0px;padding-top: 20px;}
  .navbar-nav>li{font-size: 15px; line-height: 46px;}
  .navbar-nav>li>a{padding: 0px 10px;}
  .navmenu{margin-right: -50px;}

  .navbar-nav>li.search,.navbar-nav>li.language{width: 40px;}
}

@media (max-width: 767px) {
  .head_height{height: 4em;}
  .navbar{ height: 4em; background-size: 100% 0.2em;}
  .navbar .logo{position: absolute; left: 2%; max-width: 72%; max-height: 80%; top:0.5em;}
  .navbar .logo img{ height: 3em;}
  .navbar-collapse{position: fixed;  right: 0px;  top: 4em;  z-index: 10;  background: #fff; height: 100%;   width:70%;}
  .navbar-collapse>li>a{border-bottom: 1px #eee solid; padding: 1em 5%;}
  .navbar-toggle{margin-top: 11px;}
  .navmenu{text-align: right;}
  .header_right{right: 0px; top:0px;}
  .navmenu a{border: none; text-align: center;}
  .navbar-nav>li{text-align: left;}
}
@media (min-width: 768px){
    .navbar .logo{position: absolute; left: 50%;}
    .navbar .head_tel{position: absolute; right: 50%;}
    .navbar-nav>li{ position: relative;}
    .navmenu{width: 75px; position: absolute; right:50%; z-index: 5; display: none;}
    .header_right{right: 50%; border-top: 7px #395199 solid;}
    .header_right .navbar-collapse{padding: 0px;}

    
    .navbar-nav>li.search span{display: block; height: 46px;}
    .navbar-nav>li.search span{background: url(../images/top_06.png) center center no-repeat; background-size: 58%;}
}
.footer{line-height: 2; clear:both;  width:100%; background: #2e2e2e; color: #fff;}
.footer a{color: #fff;}
.footop .left li{border-bottom: 1px #fff dashed;padding-left: 25px; padding-bottom: 15px; margin-bottom: 15px;}
.footop .left li.link_icon{margin-bottom: 0px; border:0px #000 solid;}
.footop .left li.link_icon a{margin: 0px 6px; display: inline-table;}
.footop .left .address{ background: url(../images/tb01.png) left top 8px no-repeat;}
.footop .left .email{ background: url(../images/tb02.png) left top 8px no-repeat;}
.footop .center .foot_nav{padding-left: 20px;}
.footop .center a{display: block;}
.footop .right li{margin: 5px 0px;}
.footop .right li .txt{height:35px; line-height:35px; width:100%; color:#fff; border:2px solid #fff; background:none; text-transform:uppercase; padding-left:3%;}
.footop .right li .sub{width:150px; height:45px; line-height:45px; background-color:#669ed1; border-radius: 22.5px;text-transform:uppercase; border:0px; color:#fff; font-size:18px;}


.footbot{background: #181818; text-align: center;}
.footbot a{display: inline-table;}
@media (min-width: 1440px){
  .footop{padding: 40px 0px; }
  .footop h3.title{font-size: 24px; margin-bottom: 12px;}
  .footop .left{float: left; width: 33.33%;}
  .footop .left ul{width: 80%;}
  .footop .center{float: left; width: 33.33%;padding-left: 9%;}
  .footop .right{float: right; width: 33.33%}
  .footop .right li .ck{ width:48%; float:left;}

} 

@media (min-width: 1200px) and (max-width: 1440px){
  .footop{padding: 35px 0px; font-size: 15px;}
  .footop h3.title{font-size: 24px; margin-bottom: 12px;}
  .footop .left{float: left; width: 35%;}
  .footop .center{float: left; width: 30%;padding-left: 7%;}
  .footop .right{float: right; width: 35%}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .footop{padding: 30px 0px; font-size: 15px;}
  .footop h3.title{font-size: 24px; margin-bottom: 12px;}
  .footop .left{float: left; width: 45%;}
  .footop .center{display: none;}
  .footop .right{float: right; width: 50%}
  .footop .right li .txt{height:35px; line-height:35px;}
   .footop .right li .ck{ width:48%; float:left;}
}

@media (min-width: 768px) and (max-width: 991px){
  .footop{padding: 30px 0px; font-size: 15px;}
  .footop h3.title{font-size: 24px; margin-bottom: 12px;}
  .footop .left{float: left; width: 45%;}
  .footop .center{display: none;}
  .footop .right{float: right; width: 50%}
}

@media (max-width: 767px) {
  .footop{padding: 1.5em 2%;}
  .footop h3.title{font-size: 1.2em; margin-bottom: 12px;}
  .footop .center{display: none;}
  .footbot{ line-height:1.8; padding: 0.4em 0px;}
}
@media (min-width: 768px){
  .footer{font-size: 16px;}
  .footbot{ line-height:40px; padding: 10px 0px;}
}

.bannerWrap_wc{ width: 100%; height: 100%; position: relative;}
.focus { width: 100%;height: 100%;margin: 0 auto;position: relative; overflow: hidden;}
.focus .hd {width:100%; height: auto; position:absolute;z-index: 8;bottom: 4%;text-align: center;margin: 0 auto;}
.focus .hd ul { width:100%; }
.focus .hd ul li { display: inline-block; margin: 0 5px; text-indent: -9999px; width: 10px; height: 10px; border-radius: 50%; background: #c2c2c2; cursor:pointer; }
.focus .hd ul .on { background: #ed1c24;}
.focus .bd {position: relative; z-index: 0; width: 100%; height: 100%;}
.focus .bd li{width: 100%;height: 100%;}
.focus .bd li a{ display: block; width: 100%;  height: 100%;}
.focus .bd li img { width: 100%; height: 100%;}


.ind_title{text-align: center; line-height: 1.8;}
.ind_title h3{font-family: "impact"; color: #395199;}
.ind_title span{display: inline-table; background: #ed1c24; width: 70px; height: 3px;}
.ind_title p{color: #5a5a5a; }
.ind_about .ind_title{text-align: left;}

@media (min-width: 1440px){
  .ind_title h3{font-size: 60px;}
  .ind_title p{font-size: 18px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .ind_title h3{font-size: 50px;}
  .ind_title p{font-size: 16px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .ind_title h3{font-size: 40px;}
  .ind_title p{font-size: 15px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .ind_title h3{font-size: 30px;}
  .ind_title p{font-size: 14px;}
}

@media (max-width: 767px) {
  .ind_title h3{font-size: 1.6em;}
  .ind_title p{font-size: 1.1em;}
}



.ind_product{background: url(../images/ind_pro_bg.jpg) repeat-x; background-size: 100% 100%;}
.ind_product_list a{float: left; background: #f9faff; box-shadow: 0px 0px 10px #ccc; text-align: center; line-height: 2;}
.ind_product_list a h3{line-height: 1.5;}
.ind_product_list a .img{display: table-cell;    vertical-align: middle;    text-align: center;}
.ind_product_list a .img img{max-height: 100%;}
.ind_product_list a p{display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.ind_product_list a:hover{background: #679ed1; color: #fff;}
@media (min-width: 1440px){
  .ind_product{padding: 70px 0px;}
  .ind_product_list{padding: 70px 0px; }
  .ind_product_list a{width: 23%; margin: 0px 12px; padding: 20px 70px; }
  .ind_product_list a .img{width: 392px; height: 370px;}
  .ind_product_list a h3{font-size: 18px;
  width: 100%; /* 定义容器的宽度 */
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */}
  .ind_product_list a p{ height: 64px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .ind_product{padding: 50px 0px;}
  .ind_product_list{padding: 50px 0px; }
  .ind_product_list a{width: 23%; margin: 15px 10px; padding: 20px 50px; }
  .ind_product_list a .img{width: 100%; height: auto;}
  .ind_product_list a h3{font-size: 18px;}
  .ind_product_list a p{ height: 64px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .ind_product{padding: 50px 0px;}
  .ind_product_list{padding: 50px 0px; }
  .ind_product_list a{width: 283px; margin: 0px 20px; padding: 20px 40px; }
  .ind_product_list a .img{width: 392px; height: 320px;}
  .ind_product_list a h3{font-size: 24px;}
  .ind_product_list a p{ height: 56px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .ind_product{padding: 40px 0px;}
  .ind_product_list{padding: 40px 0px; }
  .ind_product_list a{width: 230px; margin: 0px 10px; padding: 15px 20px; }
  .ind_product_list a .img{width: 392px; height: 240px;}
  .ind_product_list a h3{font-size: 24px;}
  .ind_product_list a p{ height: 56px;}
}

@media (max-width: 767px) {
  .ind_product{padding: 1.6em 1%;}
  .ind_product_list{padding: 1.6em 0px; }
  .ind_product_list a{width: 48%; margin: 0.8em 1%; padding: 1em 3%; }
  
  .ind_product_list a .img{width: 392px; height: 14em;}
  .ind_product_list a h3{font-size: 1.2em;white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
  .ind_product_list a p{ height: 56px;}
}
@media (min-width: 768px){

}

.ind_cate{background: url(../images/bg.jpg) center center no-repeat;}
.ind_cate a{float: left; color: #fff; text-align: center;}
.ind_cate a .img{border-radius: 50%; margin: 0px auto; overflow: hidden;}
.ind_cate a .img img{display: block; max-height: 100%;transition: all 0.6s;}

.ind_cate a:hover img {transform:scale(1.2);}
@media (min-width: 1440px){
  .ind_cate{padding: 90px 0px;}
  .ind_cate a{width: 350px;}
  .ind_cate a .img{border: 8px #fff solid; width: 284px; height: 284px;}
  .ind_cate a h3{font-size: 20px; margin-top: 20px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .ind_cate{padding: 70px 0px;}
  .ind_cate a{width: 300px;}
  .ind_cate a .img{border: 8px #fff solid; width: 284px; height: 284px;}
  .ind_cate a h3{font-size: 18px; margin-top: 20px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .ind_cate{padding: 50px 0px;}
  .ind_cate a{width: 242px;}
  .ind_cate a .img{border: 8px #fff solid; width: 200px; height: 200px;}
  .ind_cate a h3{font-size: 16px; margin-top: 15px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .ind_cate{padding: 40px 0px;}
  .ind_cate a{width: 187px;}
  .ind_cate a .img{border: 8px #fff solid; width: 150px; height: 150px;}
  .ind_cate a h3{font-size: 15px; margin-top: 20px;}
}

@media (max-width: 767px) {
  .ind_cate{padding: 1.6em 2%;}
  .ind_cate a{width: 50%;}
  .ind_cate a .img{border: 8px #fff solid; width: 80%;}
  .ind_cate a h3{font-size: 15px; margin-top: 20px;}
}
@media (min-width: 768px){

}

.ind_about .desc{line-height: 2;}
.ind_about .word{display: -webkit-box;  -webkit-box-orient: vertical;overflow: hidden;}
.ind_about .more{color: #395199; border:1px #395199 solid; width: 160px; text-align: center; height: 36px; line-height: 36px; border-radius: 18px; display: inline-table;}
.ind_about .more:hover{color: #fff; background: #395199;}
@media (min-width: 1440px){
  .ind_about .ind_title{margin-bottom: 20px;}
  .ind_about{padding: 80px 0px;}
  .ind_about .img{float: right; width: 664px;}
  .ind_about .desc{float: left; width: 720px; font-size: 18px;}
  .ind_about .word{margin-bottom: 20px;-webkit-line-clamp: 11; }
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .ind_about .ind_title{margin-bottom: 20px;}
  .ind_about{padding: 80px 0px;}
  .ind_about .img{float: right; width: 564px;}
  .ind_about .desc{float: left; width: 620px; font-size: 16px;}
  .ind_about .word{margin-bottom: 20px;-webkit-line-clamp: 10; }
} 

@media (min-width: 991px) and (max-width: 1200px){
  .ind_about .ind_title{margin-bottom: 15px;}
  .ind_about{padding: 50px 0px;}
  .ind_about .img{float: right; width: 434px;}
  .ind_about .desc{float: left; width: 520px; font-size: 14px;}
  .ind_about .word{margin-bottom: 10px;-webkit-line-clamp: 9; }
}

@media (min-width: 768px) and (max-width: 991px){
  .ind_about .ind_title{margin-bottom: 15px;}
  .ind_about{padding: 50px 0px;}
  .ind_about .img{float: right; width: 334px;}
  .ind_about .desc{float: left; width: 400px; font-size: 14px;}
  .ind_about .word{margin-bottom: 10px;-webkit-line-clamp: 7; }
}

@media (max-width: 767px) {
  .ind_about .ind_title{margin-bottom: 1em;}
  .ind_about{padding: 1.6em 2%;}
  .ind_about .img{}
  .ind_about .word{margin-bottom: 10px;-webkit-line-clamp: 7; margin-top:1.5em;}
}
@media (min-width: 768px){

}


.ind_news{background: url(../images/newbg.jpg) center center no-repeat;}
.ind_news .ind_title h3{color: #fff;}
.ind_news .container{background: #fff;}
.ind_news a{display: block;}
.ind_news a .desc{ position: relative;}
.ind_news a h3{white-space: nowrap; line-height: 2;   overflow: hidden;     text-overflow: ellipsis;}
.ind_news a p{color: #666666; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; line-height: 1.8;}
.ind_new_re .img{ overflow: hidden;}
.ind_new_list a {border-top: 1px #000000 solid; display: block;}
.ind_news a:hover{color: #fff; background: #669ed1;}
.ind_news a:hover p{color: #fff;}
@media (min-width: 1440px){
  .ind_news{padding: 90px 0px;}
  .ind_news .container{padding: 30px 10px;}
  .ind_news .ind_title{margin-bottom: 55px;}
  .ind_news a h3{font-size: 18px;}
  .ind_news a p{font-size: 14px; }
  .ind_news a span{font-size: 30px; margin-top: -30px; line-height: 60px;}
  .ind_new_re{float: left; width: 643px;}
  .ind_new_re .img{height: 271px;}
  .ind_new_re a .desc{padding:0px 15px 15px 100px; margin-top: 15px;}
  .ind_new_re a span{ left: 15px;}
  .ind_new_list{float: right; width: 690px;}
  .ind_new_list a{padding: 18px 0px;}
  .ind_new_list a .desc{padding: 0px 100px 0px 15px;}
  .ind_new_list a span{right: 15px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .ind_news{padding: 70px 0px;}
  .ind_news .container{padding: 30px 10px;}
  .ind_news .ind_title{margin-bottom: 40px;}
  .ind_news a h3{font-size: 18px;}
  .ind_news a p{font-size: 14px; }
  .ind_news a span{font-size: 30px; margin-top: -30px; line-height: 60px;}
  .ind_new_re{float: left; width: 543px;}
  .ind_new_re .img{height: 228px;}
  .ind_new_re a .desc{padding:0px 15px 15px 100px; margin-top: 15px;}
  .ind_new_re a span{ left: 15px;}
  .ind_new_list{float: right; width: 600px;}
  .ind_new_list a{padding: 14px 0px;}
  .ind_new_list a .desc{padding: 0px 100px 0px 15px;}
  .ind_new_list a span{right: 15px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .ind_news{padding: 50px 0px;}
  .ind_news .container{padding: 20px 10px;}
  .ind_news .ind_title{margin-bottom:30px;}
  .ind_news a h3{font-size: 16px;}
  .ind_news a p{font-size: 14px; }
  .ind_news a span{font-size: 25px; margin-top: -25px; line-height: 50px;}
  .ind_new_re{float: left; width: 443px;}
  .ind_new_re .img{height: 187px;}
  .ind_new_re a .desc{padding:0px 15px 15px 100px; margin-top: 15px;}
  .ind_new_re a span{ left: 15px;}
  .ind_new_list{float: right; width: 480px;}
  .ind_new_list a{padding: 8px 0px;}
  .ind_new_list a .desc{padding: 0px 100px 0px 15px;}
  .ind_new_list a span{right: 15px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .ind_news{padding: 40px 0px; background-size: 100% auto;}
  .ind_news .container{padding: 20px 10px;}
  .ind_news .ind_title{margin-bottom:30px;}
  .ind_news a h3{font-size: 14px;}
  .ind_news a p{font-size: 12px; }
  .ind_news a span{font-size: 25px; margin-top: -25px; line-height: 50px; display: none;}
  .ind_new_re{float: left; width: 343px;}
  .ind_new_re .img{height: 145px;}
  .ind_new_re a .desc{padding:0px 10px 10px; margin-top: 15px;}
  .ind_new_re a span{ left: 15px;}
  .ind_new_list{float: right; width: 380px;}
  .ind_new_list a{padding: 5px 0px;}
  .ind_new_list a .desc{padding: 0px 10px 0px 10px;}
  .ind_new_list a span{right: 15px;}
}

@media (max-width: 767px) {
  .ind_news{padding: 1.6em 2%; background-size: auto 100%;}
  .ind_news .container{padding: 20px 10px;}
  .ind_news .ind_title{margin-bottom:1em;}
  .ind_news a h3{font-size: 14px;}
  .ind_news a p{font-size: 12px; }
  .ind_news a span{font-size: 25px; margin-top: -25px; line-height: 50px; display: none;}
  .ind_new_re .img{height: 10em;}
  .ind_new_re a .desc{margin-top: 0.6em;}
  .ind_new_re a span{ left: 15px;}
  .ind_new_list{margin-top: 1.6em;}
  .ind_new_list a{padding: 5px 0px;}
  .ind_new_list a span{right: 15px;}
}
@media (min-width: 768px){
  .ind_news a span{position: absolute; top: 50%;}
}



.main_banner{background: url(../images/about_02.jpg) center center no-repeat; position: relative;}
.location{position: absolute; left: 0px; bottom: 0px; width: 100%;}
.location .container{background: #679ed1; color: #fff; position: relative;}
.location a{color: #fff;}
.location span{background: url(../images/location_03.png) center left no-repeat; padding-left: 26px;}

.location .search{border-radius: 8px; overflow: hidden; position: absolute; right: 20px; top: 5px;}
.location .search input{float: left; height: 40px; line-height: 40px; color: #666666; padding:8px 0px;}
.location .search .txt{text-indent: 10px;width: 240px; border:1px #fff solid;}
.location .search .sub{background: #ff0000; color: #fff; border:1px #ff0000 solid; padding:0px 10px;}
@media (min-width: 1440px){
  .main_banner{height: 456px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .main_banner{height:350px;background-size: auto 100%;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .main_banner{height:300px;background-size: auto 100%;}
}

@media (min-width: 768px) and (max-width: 991px){
  .main_banner{height:280px;background-size: auto 100%;}
}

@media (max-width: 767px) {
  .main_banner{height:10em;background-size: auto 100%;}
  .location .container{padding: 0px 2%; line-height: 2;}
  .location .search{display: none;}
}
@media (min-width: 768px){
  .location{height: 50px; line-height: 50px;}
  .location span{margin-left: 15px;}
}










.main_about .img{text-align:center;}
.main_about h3{line-height: 2;}
.main_about .desc{line-height: 2;color: #505050;}
@media (min-width: 1440px){
  .main{padding: 80px 0px;}
  .main_about .img{float: right; width: 664px;}
  .main_about .desc{float: left; width: 720px; font-size: 18px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .main{padding: 60px 0px;}
  .main_about .img{float: right; width: 564px;}
  .main_about .desc{float: left; width: 620px; font-size: 16px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .main{padding: 50px 0px;}
  .main_about .img{margin-top: 20px;}
  .main_about .desc{font-size: 14px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .main{padding: 40px 0px;}
  .main_about .img{margin-top: 20px;}
  .main_about .desc{font-size: 14px;}
}

@media (max-width: 767px) {
  .main{padding: 1.6em 2%;}
  .main_about .img{}
  .main_about .desc h3{font-size: 1.2em;}
}
@media (min-width: 768px){
  .main_about .desc h3{font-size: 24px;}
}



.main_message{}
.main_message .form .txt{width: 100%; border:1px #cecece solid; border-radius: 8px;}
.main_message .form .textarea{width: 100%; border:1px #cecece solid; border-radius: 8px;}
.main_message .form .sub{width: 100%; border:1px #cecece solid; border-radius: 8px; background: #679ed1; border-color: #679ed1; color: #fff;}
@media (min-width: 1440px){
  .main_message .form{width: 630px; padding: 20px 20px;}
  .main_message .img{width: 724px; height: 505px;}
  .main_message .desc{line-height: 2;}
  .main_message .form input{height: 42px; margin-top: 15px;}
  .main_message .form input.txt{text-indent: 10px;}
  .main_message .form input.sub{font-size: 20px;}
  .main_message .form .textarea{padding: 10px; margin-top: 15px; height: 120px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .main_message .form{width: 530px; padding: 0px 20px;}
  .main_message .img{width: 624px; height: 435px;}
  .main_message .form input{height: 42px; margin-top: 15px;}
  .main_message .form input.txt{text-indent: 10px;}
  .main_message .form input.sub{font-size: 20px;}
  .main_message .form .textarea{padding: 10px; margin-top: 15px; height: 120px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .main_message .form{width: 430px; padding: 0px 20px;}
  .main_message .img{width: 500px; height: 348px;}
  .main_message .form input{height: 36px; margin-top: 12px;}
  .main_message .form input.txt{text-indent: 10px;}
  .main_message .form input.sub{font-size: 20px;}
  .main_message .form .textarea{padding: 10px; margin-top: 12px; height: 90px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .main_message .form{width: 330px; padding: 0px 20px;}
  .main_message .img{width: 400px; height: 279px;}
  .main_message .form input{height: 30px; margin-top: 8px;}
  .main_message .form input.txt{text-indent: 10px;}
  .main_message .form input.sub{font-size: 20px;}
  .main_message .form .textarea{padding: 10px; margin-top: 12px; height: 60px;}
}

@media (max-width: 767px) {
  .main_message .form{padding: 0px 4% 1.6em;}
  .main_message .form input{height: 30px; margin-top: 8px;}
  .main_message .form input.txt{text-indent: 10px;}
  .main_message .form input.sub{font-size: 20px;}
  .main_message .form .textarea{padding: 10px; margin-top: 12px; height: 60px;}
}
@media (min-width: 768px){
  .main_message .form{float: right;}
  .main_message .img{float: left;}
}

.main_contact{}
.main_contact .form .txt{width: 100%; border:1px #cecece solid; border-radius: 8px;}
.main_contact .form .textarea{width: 100%; border:1px #cecece solid; border-radius: 8px;}
.main_contact .form .sub{width: 100%; border:1px #cecece solid; border-radius: 8px; background: #679ed1; border-color: #679ed1; color: #fff;}
.main_contact .desc{line-height: 2;}
.main_contact .desc h3{line-height: 2;}
@media (min-width: 1440px){
  .main_contact .form{width: 710px; padding: 0px 20px;}
  .main_contact .img{width: 660px; height: 505px;}
  .main_contact .desc p{font-size: 18px;}
  .main_contact .desc h3{font-size: 24px;}
  .main_contact .form input{height: 40px; margin-top: 12px;}
  .main_contact .form input.txt{text-indent: 10px;}
  .main_contact .form input.sub{font-size: 20px;}
  .main_contact .form .textarea{padding: 10px; margin-top: 12px; height: 120px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .main_contact .form{width: 610px; padding: 0px 20px;}
  .main_contact .img{width: 560px; height: 435px;}
  .main_contact .desc p{font-size: 16px;}
  .main_contact .desc h3{font-size: 20px;}
  .main_contact .form input{height: 38px; margin-top: 10px;}
  .main_contact .form input.txt{text-indent: 10px;}
  .main_contact .form input.sub{font-size: 20px;}
  .main_contact .form .textarea{padding: 10px; margin-top: 10px; height: 100px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .main_contact .form{width:480px; padding: 0px 20px;}
  .main_contact .img{width: 480px; height: 348px;}
  .main_contact .desc p{font-size: 14px;}
  .main_contact .desc h3{font-size: 18px;}
  .main_contact .form input{height: 34px; margin-top:8px;}
  .main_contact .form input.txt{text-indent: 10px;}
  .main_contact .form input.sub{font-size: 20px;}
  .main_contact .form .textarea{padding: 10px; margin-top: 8px; height: 80px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .main_contact .form{ padding: 0px 20px 20px;}
  .main_contact .img{ text-align: center; }
  .main_contact .desc p{font-size: 14px;}
  .main_contact .desc h3{font-size: 18px;}
  .main_contact .form input{height: 30px; margin-top: 8px;}
  .main_contact .form input.txt{text-indent: 10px;}
  .main_contact .form input.sub{font-size: 20px;}
  .main_contact .form .textarea{padding: 10px; margin-top: 12px; height: 60px;}
}

@media (max-width: 767px) {
  .main_contact .form{padding: 0px 4% 1.6em;}
  .main_contact .desc p{font-size: 1em;}
  .main_contact .desc h3{font-size: 1.2em;}
  .main_contact .form input{height: 30px; margin-top: 8px;}
  .main_contact .form input.txt{text-indent: 10px;}
  .main_contact .form input.sub{font-size: 20px;}
  .main_contact .form .textarea{padding: 10px; margin-top: 12px; height: 60px;}
}
@media (min-width: 991px){
  .main_contact .form{float: right;}
  .main_contact .img{float: left;}
}


.text-c{text-align: center; padding:0px 2% 0;}
.text-c a,.text-c span{display: inline-block; border: 1px #e5e5e5 solid; min-width: 30px; margin: 0px 3px; padding:0px 6px; line-height: 30px;}
.text-c a:hover,.text-c span{background: #679ed1; color: #fff;}


.main_new_re .img{float: left; overflow: hidden;}
.main_new_re .img img{max-width: 150%;}
.main_new_re .desc{float: right; }
.main_new_re .desc h3{white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis; line-height: 2;}
.main_new_re .desc p{color: #666;line-height: 24px; overflow: hidden;}
.main_new_re .desc a{display: inline-table; background: #679ed1; color: #fff;text-align: center; border-radius: 5px;}
.main_list{}
.main_list a{border-top: 1px #000 solid;position: relative;}
.main_list a h3{white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis; line-height: 2;}
.main_list a p{line-height: 24px; color: #666666; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.main_list a:hover{background: #679ed1; color: #fff;}
.main_list a:hover p{color: #fff;}
.main_content{line-height: 2;}
.main_content .title{text-align:center; line-height: 2;}
.main_content .content_desc{text-align: center;}
.main_content .content{border-top: 1px #dcdcdc solid;}

.main_show_title{border-bottom: 1px #dcdcdc solid;}
.main_show_title span{border-left: 3px #689dd1 solid; line-height: 1; padding-left: 10px;}
.main_detial_title{border-bottom: 1px #dcdcdc solid;}
.main_detial_title span{border-left: 3px #689dd1 solid; line-height: 1; padding-left: 10px;}

@media (min-width: 1440px){
  .main_new_re .img{height: 220px; width: 450px;}
  .main_new_re .desc{width: 910px; position: relative;}
  .main_new_re .desc h3{padding-right: 100px; margin-bottom: 10px;font-size: 24px;}
  .main_new_re .desc p{height: 96px; margin-bottom: 10px;}
  .main_new_re .desc span{position: absolute; right: 0px; top: 0px; display: inline-table; font-size: 30px;}
  .main_new_re .desc a{height: 40px;  line-height: 40px; width: 150px; }
  .main_list{padding: 30px 0px}
  .main_list a{padding: 20px 100px 20px 10px;}
  .main_list a h3{font-size: 18px;}

  .main_content{margin-bottom: 80px;}
  .main_content .title{font-size: 24px;}
  .main_content .content{padding-top: 30px; margin-top: 15px;}

  .main_show_title{font-size: 24px; padding:10px 0px;}
  .main_detial_title{font-size: 30px; padding:10px 0px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .main_new_re .img{height: 220px; width: 450px;}
  .main_new_re .desc{width: 710px; position: relative;}
  .main_new_re .desc h3{padding-right: 100px; margin-bottom: 10px;font-size: 22px;}
  .main_new_re .desc p{height: 96px; margin-bottom: 10px;}
  .main_new_re .desc span{position: absolute; right: 0px; top: 0px; display: inline-table; font-size: 30px;}
  .main_new_re .desc a{height: 40px;  line-height: 40px; width: 150px; }
  .main_list{padding: 30px 0px}
  .main_list a{padding: 20px 100px 20px 10px;}
  .main_list a h3{font-size: 18px;}

  .main_content{margin-bottom: 60px;}
  .main_content .title{font-size: 22px;}
  .main_content .content{padding-top: 25px; margin-top: 12px;}

  .main_show_title{font-size: 22px; padding:10px 0px;}
  .main_detial_title{font-size: 26px; padding:10px 0px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .main_new_re .img{height: 210px; width: 430px;}
  .main_new_re .desc{width: 510px; position: relative;}
  .main_new_re .desc h3{padding-right: 100px; margin-bottom: 10px;font-size: 20px;}
  .main_new_re .desc p{height: 96px; margin-bottom: 10px;}
  .main_new_re .desc span{position: absolute; right: 0px; top: 0px; display: inline-table; font-size: 30px;}
  .main_new_re .desc a{height: 40px;  line-height: 40px; width: 150px; }
  .main_list{padding: 30px 0px}
  .main_list a{padding: 20px 100px 20px 10px;}
  .main_list a h3{font-size: 16px;}

  .main_content{margin-bottom: 50px;}
  .main_content .title{font-size: 20px;}
  .main_content .content{padding-top: 20px; margin-top: 10px;}

  .main_show_title{font-size: 20px; padding:10px 0px;}
  .main_detial_title{font-size: 24px; padding:10px 0px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .main_new_re .img{height: 145px; width: 230px;}
  .main_new_re .desc{width: 510px; position: relative;}
  .main_new_re .desc h3{padding-right: 100px; margin-bottom: 10px; font-size: 18px;}
  .main_new_re .desc p{height: 48px; margin-bottom: 10px;}
  .main_new_re .desc span{position: absolute; right: 0px; top: 0px; display: inline-table; font-size: 30px;}
  .main_new_re .desc a{height: 40px;  line-height: 40px; width: 150px; }
  .main_list{padding: 30px 0px}
  .main_list a{padding: 20px 100px 20px 10px; display: block;}
  .main_list a h3{font-size: 16px;}
  .main_list a span{position: absolute;right: 10px; top: 50%; margin-top: -30px; line-height: 60px;font-size: 30px;}

  .main_content{margin-bottom: 40px;}
  .main_content .title{font-size: 18px;}
  .main_content .content{padding-top: 18px; margin-top: 8px;}

  .main_show_title{font-size: 18px; padding:10px 0px;}
  .main_detial_title{font-size: 20px; padding:10px 0px;}
}

@media (max-width: 767px) {
  .main_new_re .img{height: 5em; width: 30%;}
  .main_new_re .desc{width: 68%; position: relative;}
  .main_new_re .desc h3{padding-right: 0px; margin-bottom: 0.5em; font-size: 1.1em;}
  .main_new_re .desc p{height: 48px; margin-bottom: 10px; display: none;}
  .main_new_re .desc span{position: absolute; right: 0px; top: 0px; display: none; font-size: 30px;}
  .main_new_re .desc a{line-height: 2em; width: 10em; }
  .main_list{padding: 1.5em 0px}
  .main_list a{padding: 0.6em 2%; display: block;}
  .main_list a p{display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
  .main_list a h3{font-size: 16px;}
  .main_list a span{color: #666;}

  .main_content{margin-bottom: 1.6em;}
  .main_content .title{font-size: 1.2em;}
  .main_content .content{padding-top: 1em; margin-top: 0.5em;}

  .main_show_title{font-size: 1.2em; padding:0.5em 0px;}
  .main_detial_title{font-size: 1.1em; padding:0.5em 0px;}
}
@media (min-width: 991px){
  .main_list a{float: left; width: 48%;}
  .main_list a:nth-child(2n){float: right;}
  .main_list a span{position: absolute;right: 10px; top: 50%; margin-top: -30px; line-height: 60px;font-size: 30px;}
}

.main{}
.main_cate{ border: 1px #e9e9e9 solid; background: #f9f9f9; }
.main_cate a:hover,.main_cate a.act{background: #d5e7f9;}
.main_cate_title{background: #689dd1; color: #fff; font-weight: bold; text-align: center;}

.main_cate_list {border:1px #e9e9e9 solid; position: relative;}
.main_cate_list a{background: #f9faff; text-align: center; height:280px; overflow:hidden; width:100%;}
.main_cate_list p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:14px;}
.main_cate_list .swiper-button-next{background: url(../images/button_07.png) center center no-repeat; width: 38px; height: 38px; top: auto; bottom: 15px; left: 50%; margin-left: -19px;}
.main_cate_list .swiper-button-prev{background: url(../images/button_03.png) center center no-repeat; width: 38px; height: 38px; margin-top: 0px; top: 15px; left: 50%; margin-left: -19px;}
@media (min-width: 1440px){
  .main .mleft{width: 340px;}
  .main .mright{width: 1030px;}
  .main_cate a{text-indent: 50px;}
  .main_cate_title{line-height: 60px; font-size: 20px;}

  .main_cate_list{padding: 70px 30px;}
  .main_cate_list .swiper-container{height:700px;}
  .main_cate_list a{padding: 20px 20px; line-height: 2;}
  .main_cate_list a .img,.main_cate_list a img{max-height: 240px;}
  .main_cate_list a h3{font-size: 16px; line-height: 2;}

} 

@media (min-width: 1200px) and (max-width: 1440px){
  .main .mleft{width: 340px;}
  .main .mright{width: 830px;}
  .main_cate a{text-indent: 50px;}
  .main_cate_title{line-height: 60px; font-size: 20px;}

  .main_cate_list{padding: 70px 30px;}
  .main_cate_list .swiper-container{height: 700px;}
  .main_cate_list a{padding: 20px 20px; line-height: 2;}
  .main_cate_list a .img,.main_cate_list a img{max-height: 240px;}
  .main_cate_list a h3{font-size: 16px; line-height: 2;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .main .mleft{width: 260px;}
  .main .mright{width: 685px;}
  .main_cate a{text-indent: 30px;}
  .main_cate_title{line-height: 60px; font-size: 18px;}

  .main_cate_list{padding: 70px 30px;}
  .main_cate_list .swiper-container{height: 620px;}
  .main_cate_list a{padding: 20px 20px; line-height: 2;}
  .main_cate_list a .img,.main_cate_list a img{max-height: 240px;}
  .main_cate_list a h3{font-size: 16px; line-height: 2;}
}

@media (min-width: 768px) and (max-width: 991px){
  .main .mleft{width: 240px;}
  .main .mright{width: 490px;}
  .main_cate a{text-indent: 30px;}
  .main_cate_title{line-height: 60px; font-size: 18px;}

  .main_cate_list{padding: 70px 15px;}
  .main_cate_list .swiper-container{height: 600px;}
  .main_cate_list a{padding: 20px 20px; line-height: 2;}
  .main_cate_list a .img,.main_cate_list a img{max-height: 240px;}
  .main_cate_list a h3{font-size: 16px; line-height: 2;}
}

@media (max-width: 767px) {
  .main_cate_title{display: none;}
  .main_cate a{float:left;padding: 0px 0.5em; line-height: 2.4; width: 50%;white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;} 
  .main_cate_list{display: none;}
}
@media (min-width: 768px){
  .main .mleft{float: left;}
  .main .mright{float: right;}
  .main_cate a{display: block; line-height: 56px; border-bottom: 1px #e9e9e9 solid;}
}



.main_product_list a{float: left; background: #f9faff; box-shadow: 0px 0px 10px #ccc; text-align: center; line-height: 2;}
.main_product_list a h3{line-height: 2;}
.main_product_list a .img{display: table-cell;    vertical-align: middle;    text-align: center;}
.main_product_list a .img img{max-height: 100%;}
.main_product_list a p{display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.main_product_list a:hover{background: #679ed1; color: #fff;}
@media (min-width: 1440px){
  .main_product_list{padding: 30px 0px; }
  .main_product_list a{width: 291px; margin: 20px 26px; padding: 20px 40px; height:350px; }
  .main_product_list a .img{width: 241px; height: 270px;}
  .main_product_list a h3{font-size: 18px; width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
  .main_product_list a p{ height: 64px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .main_product_list{padding: 25px 0px; }
  .main_product_list a{width: 244px; margin: 15px 16px; padding: 20px 20px; }
  .main_product_list a .img{width: 244px; height: 260px;}
  .main_product_list a h3{font-size: 16px;width:100%;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
  .main_product_list a p{ height: 64px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .main_product_list{padding: 20px 0px; }
  .main_product_list a{width: 208px; margin: 10px 10px; padding: 10px 10px; }
  .main_product_list a .img{width: 208px; height: 246px;}
  .main_product_list a h3{font-size: 16px; width:100%;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
  .main_product_list a p{ height: 56px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .main_product_list{padding: 10px 0px; }
  .main_product_list a{width: 222px; margin: 10px 10px; padding: 15px 10px; }
  .main_product_list a .img{width: 222px; height: 230px;}
  .main_product_list a h3{font-size: 16px; width:100%;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
  .main_product_list a p{ height: 56px;}
}

@media (max-width: 767px) {
  .main_product_list{padding: 1.6em 0px; }
  .main_product_list a{width: 48%; margin: 0.8em 1%; padding: 1em 3%; }
 
  .main_product_list a .img{width: 392px; height: 14em;}
  .main_product_list a h3{font-size: 1.2em;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
  .main_product_list a p{ height: 56px;}
}
@media (min-width: 768px){

}


.main_product_four a{float: left; background: #f9faff; box-shadow: 0px 0px 10px #ccc; text-align: center; line-height: 2;}
.main_product_four a h3{line-height: 2;}
.main_product_four a .img{display: table-cell;    vertical-align: middle;    text-align: center;}
.main_product_four a .img img{max-height: 100%;}
.main_product_four a p{display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.main_product_four a:hover{background: #679ed1; color: #fff;}
@media (min-width: 1440px){
  .main_product_four{padding: 50px 0px; }
  .main_product_four a{width: 300px; margin: 0px 25px; padding: 20px 30px; }
  .main_product_four a .img{width: 392px; height: 300px;}
  .main_product_four a h3{font-size: 24px;}
  .main_product_four a p{ height: 64px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .main_product_four{padding: 40px 0px; }
  .main_product_four a{width: 260px; margin: 0px 20px; padding: 20px 20px; }
  .main_product_four a .img{width: 392px; height: 280px;}
  .main_product_four a h3{font-size: 22px;}
  .main_product_four a p{ height: 64px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .main_product_four{padding: 30px 0px; }
  .main_product_four a{width: 212px; margin: 0px 15px; padding: 15px 15px; }
  .main_product_four a .img{width: 392px; height: 250px;}
  .main_product_four a h3{font-size: 20px;}
  .main_product_four a p{ height: 56px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .main_product_four{padding: 20px 0px; }
  .main_product_four a{width: 171px; margin: 0px 8px; padding: 10px 10px; }
  .main_product_four a .img{width: 392px; height: 160px;}
  .main_product_four a h3{font-size: 18px;}
  .main_product_four a p{ height: 56px;}
}

@media (max-width: 767px) {
  .main_product_four{padding: 1.6em 0px; }
  .main_product_four a{width: 48%; margin: 0.8em 1%; padding: 1em 3%; }
  .main_product_four a .img{width: 392px; height: 14em;}
  .main_product_four a h3{font-size: 1.2em;}
  .main_product_four a p{ height: 56px;}
}
@media (min-width: 768px){

}


.main_product_content{}
.product_bottom .content{line-height: 2;}
.product_top .img{box-shadow: 0px 0px 10px #999;}
.product_top .img .div{display: table-cell;    vertical-align: middle;    text-align: center;}
.product_top .desc .div{display: table-cell;    vertical-align: middle; line-height: 2;}
.product_top .desc h3{line-height: 2;}
.product_top .desc #tos{display: inline-table; background: #679ed1; color: #fff; border-radius: 6px;  text-align: center;}
.main_product_content .right{text-align: center; border:1px #dcdcdc solid;}
.main_product_content .right h3{color: #fff;text-transform:uppercase; background: #689dd1; line-height: 2.5;}
.main_product_content .right .mina_hot a{border-bottom: 1px #dcdcdc solid; line-height: 2.6; display: block; background: #f9f9f9;white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
.main_product_content .right .mina_hot a b{background: #689dd1; color: #fff; padding: 2px 5px; font-size: 12px; border-radius: 5px;}
@media (min-width: 1440px){
  .product_top .img{float: left; width: 450px; height: 450px;}
  .product_top .img .div{ width: 450px; height: 450px;}
  .product_top .desc{float: right; width: 500px;}
  .product_top .desc .div{height: 450px;}
  .product_top .desc h3{font-size: 30px; margin-bottom: 20px;}
  .product_top .desc ul{margin-bottom: 20px;}
  .product_top .desc #tos{line-height: 40px; width: 150px;}

  .product_bottom{min-height: 400px; margin-top: 60px;}
  .product_bottom .content{margin-top: 40px;}
  .main_product_content .right{float: right; width: 335px;}
  .main_product_content .right h3{font-size: 18px;}


} 

@media (min-width: 1200px) and (max-width: 1440px){
  .product_top .img{float: left; width: 350px; height: 350px;}
  .product_top .img .div{ width: 400px; height: 350px;}
  .product_top .desc{float: right; width: 400px;}
  .product_top .desc .div{height: 350px;}
  .product_top .desc h3{font-size: 30px; margin-bottom: 20px;}
  .product_top .desc ul{margin-bottom: 20px;}
  .product_top .desc #tos{line-height: 40px; width: 150px;}

  .product_bottom{min-height: 400px; margin-top: 60px;}
  .product_bottom .content{margin-top: 40px;}
  .main_product_content .right{float: right; width: 335px;}
  .main_product_content .right h3{font-size: 18px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .product_top .img{float: left; width: 300px; height: 300px;}
  .product_top .img .div{ width: 300px; height: 300px;}
  .product_top .desc{float: right; width: 350px;}
  .product_top .desc .div{height: 300px;}
  .product_top .desc h3{font-size: 24px; margin-bottom: 10px;}
  .product_top .desc ul{margin-bottom: 10px;}
  .product_top .desc #tos{line-height: 40px; width: 150px;}

  .product_bottom{min-height: 400px; margin-top: 60px;}
  .product_bottom .content{margin-top: 40px;}
  .main_product_content .right{float: right; width: 280px;}
  .main_product_content .right h3{font-size: 18px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .main_product_content{padding:30px 0px;}
  .product_top .img{width: 490px; height: 490px;}
  .product_top .img .div{ width: 490px; height: 490px;}
  .product_top .desc{width: 490px; margin-top: 25px;}
  .product_top .desc h3{font-size: 24px; margin-bottom: 10px;}
  .product_top .desc ul{margin-bottom: 10px;}
  .product_top .desc #tos{line-height: 40px; width: 150px;}

  .product_bottom{min-height: 400px; margin-top: 60px;}
  .product_bottom .content{margin-top: 40px;}
  .main_product_content .right{float: right; width: 280px; display: none;}
  .main_product_content .right h3{font-size: 18px;}
}

@media (max-width: 767px) {
  .main_product_content{padding:1.6em 2%;}
  .product_top .img .div{ width: 40em;}
  .product_top .desc{margin-top: 1.5em;}
  .product_top .desc h3{font-size: 1.2em; margin-bottom: 10px;}
  .product_top .desc ul{margin-bottom: 10px;}
  .product_top .desc #tos{line-height: 35px; width: 150px;}
  .product_top .jqzoom{float: none;}

  .product_bottom{min-height: 20em; margin-top: 1.5em;}
  .product_bottom .content{margin-top: 40px;}
  .main_product_content .right{float: right; width: 280px; display: none;}
  .main_product_content .right h3{font-size: 18px;}
}
@media (min-width: 768px){

}



.jm-layer { position: fixed;  left: 0;  right: 0;  top: 0;  bottom: 0;  z-index: 1000;  display: none;}

.layer-bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: .5; filter: alpha(opacity=50);}

.layer-search { background: #f8f8f8; position: fixed; left: 50%; top: 50%;}

.layer-search-txt {float: left;   border: none;   box-sizing: border-box;  background: #f8f8f8;}

.layer-search-btn {border: none; background: #395199 url(../images/icon-search.png) no-repeat center center; background-size: 40%;cursor: pointer;}

@media (min-width: 1440px){
  .layer-search { width: 844px; height: 82px; margin-left: -422px; margin-top: -41px;}
  .layer-search-txt { width: 762px; height: 82px;  line-height: 82px; font-size: 21px;  padding: 0 26px; }
  .layer-search-btn {width: 82px; height: 82px;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .layer-search { width: 744px; height: 76px; margin-left: -372px; margin-top: -38px;}
  .layer-search-txt { width: 662px; height: 76px;  line-height: 76px; font-size: 20px;  padding: 0 26px; }
  .layer-search-btn {width: 82px; height: 76px;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .layer-search { width: 644px; height: 60px; margin-left: -322px; margin-top: -30px;}
  .layer-search-txt { width: 584px; height: 60px;  line-height: 60px; font-size: 21px;  padding: 0 26px; }
  .layer-search-btn {width: 60px; height: 60px;}
}

@media (min-width: 768px) and (max-width: 991px){
  .layer-search { width: 544px; height: 50px; margin-left: -272px; margin-top: -25px;}
  .layer-search-txt { width: 494px; height: 50px;  line-height: 50px; font-size: 21px;  padding: 0 26px; }
  .layer-search-btn {width: 50px; height: 50px;}
}

@media (max-width: 767px) {

}
@media (min-width: 768px){

}


/*-------------------------------
      language  start
      ----------------------------------*/
.prisna-wp-translate-seo{ display:none;}
.mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{ display:block}
.change-language .change-language-title { position:relative; display:inline-block; vertical-align:top; width:100%; height:46px; background:url(../images/top_03.png) no-repeat center center; cursor:pointer;}
.change-language .change-language-title.show{ background-image:url(../images/top_03_hover.png)}
.change-language .change-language-cont { position:fixed; right:-230px; width:230px; background:#0fadaa; padding:15px; z-index:999;overflow-y:scroll;  height:calc(100vh - 83px); font-size:16px;}
.change-language .change-language-cont,.change-language .change-language-cont a{ color:#FFF;}
.change-language:hover .change-language-cont { }
.change-language .change-language-cont li { display:block; vertical-align:top; width:100%; margin:0 0 15px;overflow:hidden; line-height: 1.5; text-align: left;}
.change-language .change-language-cont .lang-item-hide { display:none !important; }
.change-language .change-language-cont .lang-more { position:relative; display:block; text-align:center; cursor:pointer;line-height: 30px; }
.change-language .change-language-cont .more-active{font-size: 20px;}
.language-flag span{position:relative; display:inline-block; vertical-align:top;  *display:inline; *zoom:1;white-space:nowrap;padding:0; overflow:hidden; line-height: 1;}
.change-language ::-webkit-scrollbar{width:5px;}
.change-language ::-webkit-scrollbar-track{background-color:#fff;}
.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3); border-radius:3px; }
.change-language .language-cont:hover::-webkit-scrollbar-thumb{ display:block}
.language-flag .country-flag { position:absolute; left:0; top:50%;display:inline-block; vertical-align:top;  *display:inline;*zoom:1;
background-repeat: no-repeat; background-image:url(../images/all-m.gif); width:22px; height:16px; margin:-8px 5px 0; display:none;}
li.language-flag a{ position:relative;}
.language-flag-af .country-flag { background-position: 0 0 !important; }
.language-flag-sq .country-flag { background-position: 0 -16px !important; }
.language-flag-ar .country-flag { background-position: 0 -32px !important; }
.language-flag-hy .country-flag { background-position: 0 -48px !important; }
.language-flag-az .country-flag { background-position: 0 -64px !important; }
.language-flag-eu .country-flag { background-position: 0 -80px !important; }
.language-flag-be .country-flag { background-position: 0 -96px !important; }
.language-flag-bg .country-flag { background-position: 0 -112px !important; }
.language-flag-ca .country-flag { background-position: 0 -128px !important; }
.language-flag-zh .country-flag { background-position: 0 -144px !important; }
.language-flag-zh-TW .country-flag { background-position: 0 -160px !important; }
.language-flag-hr .country-flag { background-position: 0 -176px !important; }
.language-flag-cs .country-flag { background-position: 0 -192px !important; }
.language-flag-da .country-flag { background-position: 0 -208px !important; }
.language-flag-nl .country-flag { background-position: 0 -240px !important; }
.language-flag-en .country-flag { background-position: 0 -256px !important; }
.language-flag-et .country-flag { background-position: 0 -272px !important; }
.language-flag-tl .country-flag { background-position: 0 -288px !important; }
.language-flag-fi .country-flag { background-position: 0 -304px !important; }
.language-flag-fr .country-flag { background-position: 0 -320px !important; }
.language-flag-gl .country-flag { background-position: 0 -336px !important; }
.language-flag-ka .country-flag { background-position: 0 -352px !important; }
.language-flag-de .country-flag { background-position: 0 -368px !important; }
.language-flag-el .country-flag { background-position: 0 -384px !important; }
.language-flag-ht .country-flag { background-position: 0 -400px !important; }
.language-flag-iw .country-flag { background-position: 0 -416px !important; }
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag { background-position: 0 -432px !important; }
.language-flag-hu .country-flag { background-position: 0 -448px !important; }
.language-flag-is .country-flag { background-position: 0 -464px !important; }
.language-flag-id .country-flag { background-position: 0 -480px !important; }
.language-flag-ga .country-flag { background-position: 0 -496px !important; }
.language-flag-it .country-flag { background-position: 0 -512px !important; }
.language-flag-ja .country-flag { background-position: 0 -528px !important; }
.language-flag-ko .country-flag { background-position: 0 -544px !important; }
.language-flag-la .country-flag { background-position: 0 -560px !important; }
.language-flag-lv .country-flag { background-position: 0 -576px !important; }
.language-flag-lt .country-flag { background-position: 0 -592px !important; }
.language-flag-mk .country-flag { background-position: 0 -608px !important; }
.language-flag-ms .country-flag { background-position: 0 -624px !important; }
.language-flag-mt .country-flag { background-position: 0 -640px !important; }
.language-flag-no .country-flag { background-position: 0 -656px !important; }
.language-flag-fa .country-flag { background-position: 0 -672px !important; }
.language-flag-pl .country-flag { background-position: 0 -688px !important; }
.language-flag-pt .country-flag { background-position: 0 -704px !important; }
.language-flag-ro .country-flag { background-position: 0 -720px !important; }
.language-flag-ru .country-flag { background-position: 0 -736px !important; }
.language-flag-sr .country-flag { background-position: 0 -752px !important; }
.language-flag-sk .country-flag { background-position: 0 -768px !important; }
.language-flag-sl .country-flag { background-position: 0 -784px !important; }
.language-flag-es .country-flag { background-position: 0 -800px !important; }
.language-flag-sw .country-flag { background-position: 0 -816px !important; }
.language-flag-sv .country-flag { background-position: 0 -832px !important; }
.language-flag-th .country-flag { background-position: 0 -848px !important; }
.language-flag-tr .country-flag { background-position: 0 -864px !important; }
.language-flag-uk .country-flag { background-position: 0 -880px !important; }
.language-flag-ur .country-flag { background-position: 0 -896px !important; }
.language-flag-vi .country-flag { background-position: 0 -912px !important; }
.language-flag-cy .country-flag { background-position: 0 -928px !important; }
.language-flag-yi .country-flag { background-position: 0 -944px !important; }
.language-flag-bn .country-flag { background-position: 0 -960px !important; }
.language-flag-eo .country-flag { background-position: 0 -976px !important; }
.language-flag.language-flag-custom-afghanistan .country-flag { background-position: 0 -992px !important; }
.language-flag.language-flag-custom-albania .country-flag { background-position: 0 -1008px !important; }
.language-flag.language-flag-custom-algeria .country-flag { background-position: 0 -1024px !important; }
.language-flag.language-flag-custom-argentina .country-flag { background-position: 0 -1040px !important; }
.language-flag.language-flag-custom-australia .country-flag { background-position: 0 -1056px !important; }
.language-flag.language-flag-custom-austria .country-flag { background-position: 0 -1072px !important; }
.language-flag.language-flag-custom-belgium .country-flag { background-position: 0 -1088px !important; }
.language-flag.language-flag-custom-brazil .country-flag { background-position: 0 -1104px !important; }
.language-flag.language-flag-custom-canada .country-flag { background-position: 0 -1120px !important; }
.language-flag.language-flag-custom-chile .country-flag { background-position: 0 -1136px !important; }
.language-flag.language-flag-custom-cote-d-ivoire .country-flag { background-position: 0 -1152px !important; }
.language-flag.language-flag-custom-ecuador .country-flag { background-position: 0 -1168px !important; }
.language-flag.language-flag-custom-egypt .country-flag { background-position: 0 -1184px !important; }
.language-flag.language-flag-custom-england .country-flag { background-position: 0 -1200px !important; }
.language-flag.language-flag-custom-luxembourg .country-flag { background-position: 0 -1216px !important; }
.language-flag.language-flag-custom-malaysia .country-flag { background-position: 0 -1232px !important; }
.language-flag.language-flag-custom-mexico .country-flag { background-position: 0 -1248px !important; }
.language-flag.language-flag-custom-new-zealand .country-flag { background-position: 0 -1264px !important; }
.language-flag.language-flag-custom-oman .country-flag { background-position: 0 -1280px !important; }
.language-flag.language-flag-custom-qatar .country-flag { background-position: 0 -1296px !important; }
.language-flag.language-flag-custom-saudi-arabia .country-flag { background-position: 0 -1312px !important; }
.language-flag.language-flag-custom-singapore .country-flag { background-position: 0 -1328px !important; }
.language-flag.language-flag-custom-south-africa .country-flag { background-position: 0 0 !important; }
.language-flag.language-flag-custom-switzerland .country-flag { background-position: 0 -1344px !important; }
.language-flag.language-flag-custom-syria .country-flag { background-position: 0 -1360px !important; }
.language-flag.language-flag-custom-united-arab-emirates .country-flag { background-position: 0 -1376px !important; }
.language-flag.language-flag-custom-united-states-of-america .country-flag { background-position: 0 -1392px !important; }
.language-flag-hy .country-flag { background-position: 0 -1408px; }
.language-flag-bs .country-flag { background-position: 0 -1424px; }
.language-flag-ceb .country-flag { background-position: 0 -1440px; }
.language-flag-ny .country-flag { background-position: 0 -1456px; }
.language-flag-ha .country-flag { background-position: 0 -1472px; }
.language-flag-hmn .country-flag { background-position: 0 -1488px; }
.language-flag-ig .country-flag { background-position: 0 -1504px; }
.language-flag-jw .country-flag { background-position: 0 -1520px; }
.language-flag-kk .country-flag { background-position: 0 -1536px; }
.language-flag-km .country-flag { background-position: 0 -1552px; }
.language-flag-lo .country-flag { background-position: 0 -1568px; }
.language-flag-la .country-flag { background-position: 0 -1584px; }
.language-flag-mg .country-flag { background-position: 0 -1600px; }
.language-flag-ml .country-flag { background-position: 0 -1616px; }
.language-flag-mi .country-flag { background-position: 0 -1632px; }
.language-flag-mr .country-flag { background-position: 0 -1648px; }
.language-flag-mn .country-flag { background-position: 0 -1664px; }
.language-flag-my .country-flag { background-position: 0 -1680px; }
.language-flag-ne .country-flag { background-position: 0 -1696px; }
.language-flag-pa .country-flag { background-position: 0 -1712px; }
.language-flag-st .country-flag { background-position: 0 -1728px; }
.language-flag-si .country-flag { background-position: 0 -1744px; }
.language-flag-so .country-flag { background-position: 0 -1760px; }
.language-flag-su .country-flag { background-position: 0 -1776px; }
.language-flag-tg .country-flag { background-position: 0 -1792px; }
.language-flag-uz .country-flag { background-position: 0 -1808px; }
.language-flag-yo .country-flag { background-position: 0 -1824px; }
.language-flag-zu .country-flag { background-position: 0 -1840px; }
/*-------------------------------
      language  end
      ----------------------------------*/




@media (min-width: 1440px){
  .change-language .change-language-cont{ top:117px; display:none;}
} 

@media (min-width: 1200px) and (max-width: 1440px){
  .change-language .change-language-cont{ top:117px; display:none;}
} 

@media (min-width: 991px) and (max-width: 1200px){
  .change-language .change-language-cont{ top:101px; display:none;}
}

@media (min-width: 768px) and (max-width: 991px){
  .change-language .change-language-cont{ top:93px; display:none;}
}

@media (max-width: 767px) {
  .change-language .change-language-cont{ top:4em; display:none;}
}
@media (min-width: 768px){

}




.feedback { width: 340px; position: fixed;  right: 30px; bottom: -9999px; box-shadow: 0 20px 40px 8px rgba(0, 0, 0, 0.25); font-size: 14px;  border-radius: 10px 10px 0 0; background: #fff;}
.feedback .feedbackHeader { height: 40px; font-size: 16px; line-height: 40px; text-indent: 20px; border-radius: 10px 10px 0 0; color: #ffffff; font-weight: normal; cursor: pointer; background: url(../images/jiantoushang.png) center right 10px no-repeat #395199; background-size: 20px; }
.feedbackForm { padding: 16px 16px 40px 16px;}
.feedbackForm .tips { color: #222d38; padding-bottom: 20px;}
.feedbackForm .line { margin-bottom: 16px;}
.feedbackForm .line input, .feedbackForm .line textarea { width: 100%; box-sizing: border-box; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);  border-radius: 4px;  border: solid 1px #ccc;  color: #222d38;  display: block;}
.feedbackForm textarea {  resize: none;  height: 78px;  padding: 11px;  line-height: 20px;}
.feedbackForm .line input { height: 40px; padding: 0 11px;}
.feedbackForm .btn { background: #395199; border-radius: 4px; width: 100%; box-sizing: border-box; border: none; height: 40px; line-height: 40px;   color: #ffffff;cursor: pointer;}
.feedback .closeBtn {background: url("../images/closeBtn.png") no-repeat; width: 28px; height: 28px; background-size: 28px 28px; position: absolute; right: 10px; top: 6px; cursor: pointer; display: none;}




/*-------------------------------
      scrollsidebar start
      ----------------------------------*/
.scrollsidebar, .scrollsidebar a {font-size:12px;color:#999;font-family:Arial, Helvetica, sans-serif;}
.scrollsidebar {position:absolute;z-index:30;top:150px;right:0;}
.show_btn {width:38px;height:192px;overflow:hidden;cursor:pointer;display:block;overflow:hidden;background:url(../images/show_btn.png) no-repeat center center;position: absolute;right: 0;top: 0;}
.side_content {width:0;height:auto;overflow:hidden;float:left;}
.side_content .side_list {width:140px;overflow:hidden;border:1px solid #dadada;border-radius:8px;position:relative;background:#FFF;}
.side_content .side_list .hd img {width:100%;border-bottom:1px solid #dadada;}
.side_content .side_list .cont li {height:40px;line-height:40px;border-bottom:1px solid #dadada;list-style:none;position:relative;}
.side_content .side_list .cont li a {position:relative;display:block;padding:0 0 0 30px;text-decoration:none;text-transform:lowercase;}
.side_content .side_list .cont li a.email{padding: 0px; text-align:center;}
.side_content .side_list .cont li a:before {content:"";position:absolute;display:block;overflow:hidden;top:0;left:2px;width:25px;height:40px;background-repeat:no-repeat;background-position:center center;}
/*.side_content .side_list .cont li .email:before {background-image:url(../images/email.png); background-size: 75%;}*/
.side_content .side_list .cont li .skype:before {background-image:url(../images/phone.png);  background-size: 75%;}
.side_content .side_list .cont li .inquiry:before {background-image:url(../images/icons03.png);}
.side_content .side_list .cont li .qq:before {background-image:url(../images/icons04.png);}
.ww {margin-left:-30px;}
.side_content .side_list .t-code {padding:10px 10px 7px;border-bottom:1px solid #dadada;}
.side_content .side_list .t-code img {width:100%;}
.side_content .side_list .side_title {height:30px;line-height:30px;padding:0 12px;}
.side_content .side_list .side_title .close_btn {background:url(../images/close.png) no-repeat center center;width:12px;height:30px;position:absolute;bottom:0;right:10px;cursor:pointer;}

/*-------------------------------
      scrollsidebar end
      ----------------------------------*/







@media (min-width: 1440px){

} 

@media (min-width: 1200px) and (max-width: 1440px){

} 

@media (min-width: 991px) and (max-width: 1200px){

}

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

}

@media (max-width: 767px) {
  .feedback{display: none;}
}
@media (max-width: 991px){

}