@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-size: 12px;font-size: 1.2rem;height: 100%; background: #f0f0f0;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.mln {margin-left: auto !important}
input, textarea {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}
body{ max-width: 1920px; margin: 0 auto!important; }






@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}




@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}





@font-face {
    font-family: 'OPENSANSREGULAR_0';
    src: url('fonts/OPENSANSREGULAR_0.eot');
    src: url('fonts/OPENSANSREGULAR_0.eot') format('embedded-opentype'),
         url('fonts/OPENSANSREGULAR_0.woff2') format('woff2'),
         url('fonts/OPENSANSREGULAR_0.woff') format('woff'),
         url('fonts/OPENSANSREGULAR_0.ttf') format('truetype'),
         url('fonts/OPENSANSREGULAR_0.svg#OPENSANSREGULAR_0') format('svg');
}



@font-face {
    font-family: 'OPENSANSBOLD_0';
    src: url('fonts/OPENSANSBOLD_0.eot');
    src: url('fonts/OPENSANSBOLD_0.eot') format('embedded-opentype'),
         url('fonts/OPENSANSBOLD_0.woff2') format('woff2'),
         url('fonts/OPENSANSBOLD_0.woff') format('woff'),
         url('fonts/OPENSANSBOLD_0.ttf') format('truetype'),
         url('fonts/OPENSANSBOLD_0.svg#OPENSANSBOLD_0') format('svg');
}



@font-face {
    font-family: 'FuturaStdBook';
    src: url('fonts/FuturaStdBook.eot');
    src: url('fonts/FuturaStdBook.eot') format('embedded-opentype'),
         url('fonts/FuturaStdBook.woff2') format('woff2'),
         url('fonts/FuturaStdBook.woff') format('woff'),
         url('fonts/FuturaStdBook.ttf') format('truetype'),
         url('fonts/FuturaStdBook.svg#FuturaStdBook') format('svg');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}



.zitiop{  font-family: 'OPENSANSREGULAR_0'; }
.zitiopb{  font-family: 'OPENSANSBOLD_0'; }
.zitifb{   font-family: 'FuturaStdBook'; }
.zitirr{   font-family: 'RobotoRegular'; }




/* search */
 .search{width:23px;z-index:99999; position:relative;background:none;margin-top:35px; right:0px; margin-left: 14px; }
.sb-icon-search {color: #333;width:25px;height:25px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none;z-index: 99999; }
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 25px;height: 25px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden;z-index:99999; border-radius:5px; color:#333}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 25px;line-height:25px;padding-left:10px;border:none;margin: 0;z-index: 10;font-family:Arial, Helvetica, sans-serif;background:url(../images/lvshu.jpg) no-repeat 200px center;color:#333}
.sb-icon-search,.sb-search-submit{width: 25px;height: 25px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:url(../images/sousuo.png) no-repeat center;}
.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:25px;line-height:25px;position:relative;right:0px;top:0px;z-index: 9999999; background:#fff; color:#333; border:1px solid #1160ac;}
.no-js .sb-search .sb-icon-search {position:absolute;background:#fff url(../images/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px; border:none !important}
.no-js .sb-search .sb-search-submit{z-index: 9990;}



/*container*/
.container{ width:5px; height:100%;position:absolute; right:0px;top:0px;transition:all 0.4s ease 0s; z-index:999999; cursor:pointer;}
.container .menubtn{width: 35px;height: 30px;position: absolute;top:27px;right:12px;transition:all 0.4s ease 0s; z-index:999999}
.container .menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #ffd200;}
.container .nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.container .nav ul {display: none; margin-top:10px;}
.container .nav ul li{line-height: 40px;font-size: 14px; font-size:1.4rem;text-indent: 30px;}
.container .nav ul li a{ color:#fff;  }

@media screen and (min-width:980px) {
    .container,.nav{ display:none};

}




/*head*/
.head { position: absolute;max-width: 1920px;width: 100%; height: 134px; background: url(../images/headerbj.png) no-repeat top center; margin: 0 auto;  z-index: 1111;  padding-bottom: 0px;}
.head .box{ padding-left: 3%; padding-right: 2%; margin: 0 auto; position: relative; }
.logo{max-width: 274px;top:15px;position: absolute;left: 55px; z-index: 9999; }
.logo a{display: block;}
.logo a img{display: block;}
.fr{ position: relative; float: right; }
.fr ul{ padding-top: 19px; color: #fff;font-size: 16px; font-family: 'OPENSANSREGULAR_0'; font-size: 1.6rem;  }
.fr ul li {  display: inline-block; padding-right: 23px; padding-left: 21px; color: #fff; background: url( ../images/xian.png) no-repeat right center; }
.fr ul li a{ color: #fff; font-family: 'OPENSANSREGULAR_0'; font-size: 16px; font-size: 1.6rem; line-height: 56px; /* float: left\9;  */  }
.fr ul li a:hover,.fr ul li .active{ color: #ffd200; }
.fr ul li.mln{  padding-right: 27px; }
.fr ul li.zui{ background: none;  }

.nav2 a:hover,.nav2 .active{ color: #ffd200; }
.guoqi{ margin-top: 38px; margin-left: 21px; padding-right: 5px; }
.zhongwen { padding-top: 19px;color: #fff; display: inline-block; width: 35px; text-align: center;line-height: 56px;  font-family: "微软雅黑" ; font-size: 14px; font-size: 1.4rem; }




.nav2{ width: 100%; padding-top: 25px;}
.nav2>li { float: left;margin-left: 52px; padding-bottom: 10px;  }
.nav2>li>a{ display: block; float: left;   font-family: 'OPENSANSREGULAR_0'; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; color:#fff; }






.xiala2{ position:absolute; width:100%; background:#fff; top:-9999px; left:0px; text-align:center; padding-top:0px; padding-bottom:47px; z-index:999; }
#outer {}
#tab {overflow:hidden;zoom:1;background:#7d7d7d; padding-top:3px; transition:0.5s;}
#tab li { cursor:pointer; display:inline-block; *float:left; padding:0 37px; font-size:16px; font-family: 'OPENSANSREGULAR_0'; font-size:1.6rem; line-height:30px; padding-top:7px;
     padding-bottom:12px; height:30px; color:#fff; }


#tab li.current {color:#ffd200;}

#content {}
#content .ul {display:none; text-align:center; }
.fenlie{ width:150px; display:inline-block; *float:left; margin-top:30px; padding-left:30px; padding-right:28px; }
.fentu{ display:block; text-align:center; width:100%; max-width:150px; max-height:150px; overflow:hidden;}
.fentu img{ width:100%; max-width:150px; max-height:150px;transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1); transition:0.5s;}
.fenzi{ display:block; text-align:center;font-size:14px; font-size:1.4rem; line-height:30px; margin-top:3px; font-family: "Arial";
     white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.fenlie:hover .fenzi{ color:#ffd200; }
.nav2 li:hover .xiala2{ top:133px;}
.fenlie:hover .fentu img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}


.danzong{ width:1600px; margin: 0px auto; padding: 0px; }

@media screen and (min-width:1420px) and (max-width:1619px){
.danzong{width:1400px;margin:0 auto }
}
@media screen and (min-width:1220px) and (max-width:1419px){
.danzong{width:1200px;margin:0 auto }
}
@media screen and (min-width:1000px) and (max-width:1219px){
.danzong{width:980px;margin:0 auto }
}
@media screen and (max-width:999px){
.danzong{width:95%;margin:0 auto;}


}





/*lun bo*/
.index_focus { position: relative;width: 100%; max-width: 1920px;margin: 0 auto; overflow:hidden; z-index:9;height: 905px;}
.index_focusn{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; z-index:99;height: 905px;}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus .slide_nav {position: absolute; z-index:9998 ;height: 15px;left:50%;margin-left:-80px ; bottom:21px;}
.index_focus .slide_nav a{ width:14px; height:15px; cursor:pointer;display: inline-block; margin-top: 6px; margin-right:10px; margin-left:13px; background:url(../images/annuo.png) no-repeat center center;}

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block; margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none; background:url(../images/annuoon.png) no-repeat center center;}
.index_focus_pre,.index_focus_next {display: block; position: absolute;top:50%;margin-top:-23px;width:50px;height:50px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre {left: 3.1%; background:url(../images/baleft.png) no-repeat;}
.index_focus_next {right:3.1%;background:url(../images/baright.png) no-repeat;}


.index_focus_pre:hover { background:url(../images/balefton.png) no-repeat;}
.index_focus_next:hover {background:url(../images/barighton.png) no-repeat;}


.index_focus1 { position: relative;width: 100%; max-width: 1920px;margin: 0 auto; overflow:hidden; z-index:9;height: 625px;}
.index_focusn1{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; z-index:99;height: 625px;}
.index_focus1 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus1 .slide_nav {position: absolute; z-index:9998 ;height: 15px;left:50%;margin-left:-80px ; bottom:25px;}
.index_focus1 .slide_nav a{ width:14px; height:15px; cursor:pointer;display: inline-block; margin-top: 6px; margin-right:10px; margin-left:13px; background:url(../images/annuo.png) no-repeat center center;}

.index_focus_post {z-index: 10;}
.index_focus1 .pic1 {height: auto;display: block; margin:0 auto;}
.index_focus1 .pic1:hover {text-decoration: none;}
.index_focus1 .slide_nav li:hover,.index_focus1 .slide_nav .on{text-decoration: none; background:url(../images/annuoon.png) no-repeat center center;}
.index_focus_pre1,.index_focus_next1 {display: block; position: absolute;top:50%;margin-top:24px;width:50px;height:50px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre1 {left: 3.1%; background:url(../images/baleft.png) no-repeat;}
.index_focus_next1 {right:3.1%;background:url(../images/baright.png) no-repeat;}


.index_focus_pre1:hover { background:url(../images/balefton.png) no-repeat;}
.index_focus_next1:hover {background:url(../images/barighton.png) no-repeat;}




@media screen and (min-width:1000px) and (max-width:1219px) {
    .index_focus {height:724px;}
    .index_focusn {height:724px;}
    .index_focusn img {width: 80%;}
    .index_focus1{height:500px;}
    .index_focusn1 {height:500px;}
    .index_focusn1 img {width: 80%;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
    .index_focus {display: none}
    .index_focus1{display: none}


    .carousel{width: 100%;position: relative;overflow: hidden;}
    .carousel ul{width: 100%;height: 100%;}
    .carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
    .carousel ul li img{width: 100%; vertical-align: middle;}

    .carousel ol{position: absolute;z-index: 2;width: 70px;height:5px;bottom: 20px;
    left: 50%;-webkit-transform:translate3d(-50%,0,0);}
    .carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;
    background-color: #fff;transition:all 0.3s ease 0s;}
    .carousel ol li.cur{width: 10px;background:#ffd200;}
    .carousel ol li:last-child{margin: 0;}
}












.wrapzong{ width: 100%; background: url(../images/zongbj.jpg) repeat top center; padding-bottom: 82px; max-width: 1920px; margin: 0 auto; }

.main1 ul.l{ width: 49.635%; overflow: hidden;padding-top: 51px; }
.main1 ul.r{ width: 49.635%; overflow: hidden;padding-top: 191px; }

.main1 ul li{ display: block;   max-width: 953px;}
.main1 ul li a{ display: block; }
.main1 ul li img{ display: block; max-width: 100%; }


.main1 ul.l li{ margin-bottom: 90px; max-width: 953px; }
.main1 ul.l li.top_zui{ margin-bottom: 52px; }
.main1 ul.l .wen{  height: 85px; line-height: 85px; font-family: 'OPENSANSREGULAR_0'; font-size: 24px; font-size: 2.4rem; background: #000; color: #fff; text-align: center;  width: 100%; }
.main1 ul.l .wen:hover{ color: #f1d75a; }



.maiuli{ padding-left: 86px; padding-bottom: 12.2%;}

.main1 ul.r .tit{display: block; padding-top: 16%; padding-bottom: 14px;  font-size: 41px; font-size: 4.1rem; color: #fff; }
.main1 ul.r .tit2{padding-bottom: 8.4%;  display: block; max-width: 577px;  font-size: 20px; font-size: 2rem; color: #fff; line-height: 30px; }
.main1 ul.r .more{ display: block;font-size: 20px;  text-align: center; font-size: 2rem; color: #333; width: 165px; height: 61px; 
    line-height: 61px; background: url(../images/yuanjiao.png) no-repeat top center;  }


.main1 ul.r .wen{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  height: 85px; line-height: 85px; font-family: 'OPENSANSREGULAR_0'; font-size: 24px; font-size: 2.4rem; background: #000; color: #fff; text-align: center;  width: 100%; }

.main1 ul.r .wen:hover{ color: #f1d75a; }
.main1 ul.r .tit:hover{ color: #f1d75a; }
.main1 ul.r .tit2:hover{ color: #f1d75a; }
.main1 ul.r .more:hover{ color: #e22130; }




@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}







/* rili */
.rili{ max-width: 1811px; margin: 0 auto;  position: relative;top: 0px;width: 100%;}

.rili ul li{ width: 31%; float: left; background: #141414; margin-left: 14px;margin: 1%!important; }

.rili ul li a{ color: #fff; display: block; font-size: 30px; font-size: 3rem; line-height: 30px; font-family: 'OPENSANSBOLD_0';  max-width: 495px; margin: 0 auto;width: 100%; text-align: center; }

.rili ul li .tit { padding-top: 105px; padding-bottom: 7px; }
.rili ul li .wenzi{ font-size: 26px; font-size: 2.6rem; padding-top: 77px;padding-bottom: 28px; }
.rili ul li .p1{ font-size: 16px; font-size: 1.6rem;  font-family: 'OPENSANSREGULAR_0'; padding-bottom: 73px; }

.rili ul li:hover { background: #ffd200; }
.rili ul li:hover  a{ color: #333333; }



/* pfooter */
.pfooter{ max-width: 1920px;width: 100%; margin: 0 auto; background: #000000; border-top: 1px solid #ffd200;  padding-bottom: 49px; }
.pwp{ padding-left: 54px; padding-top: 49px; }



.pfooter  .zong .fl ul li a:hover{ color: #ffd200; }
.pfooter  .zong .for ul li a:hover{ color: #ffd200; }

.pfooter  .zong a:hover{ color: #ffd200; }



.pfooter .zong .title{ display: block; font-size: 28px; font-size: 2.8rem; line-height: 24px; color: #fff; }
.pfooter  .zong .fc .title{ width: 100%; text-indent: 18px; }


.pfooter  .zong>div{ float: left;  }



.pfooter  .zong .fl{ width: 17.87% }
.pfooter  .zong .fc{ width: 40.2%;}
.pfooter  .zong .for{ width: 24%; margin-left: 9.4%; }

.links{ max-width: 1920px; width: 100%;}
.links p{ text-indent: 55px; line-height: 55px; font-size: 20px; font-size: 2rem; color: #4d4d4d; font-family: 'OPENSANSREGULAR_0'; border-top: 1px solid #202020; background: #000; }
.links p a{ text-indent: 55px; line-height: 55px; font-size: 20px; font-size: 2rem; color: #4d4d4d; font-family: 'OPENSANSREGULAR_0'; background: #000; }

.links p a:hover{ color: #ffd200; }


@media screen and (max-width:640px) {
    .links{display:none; }
}



.pfooter  .zong .for .img a{ display: block; float: left; margin-left: 22.5px; }


/* .pfooter  .zong .fl */

.pfooter  .zong .fl ul{ padding-top: 16px; }
.pfooter  .zong .fl ul li{ flex: left  }
.pfooter  .zong .fl ul li a{ display: block;  font-family: 'OPENSANSREGULAR_0'; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #fff; }
.pfooter  .zong .for ul{ padding-top: 14px; padding-bottom: 90px; }
.pfooter  .zong .for ul li{ flex: left  }
.pfooter  .zong .for ul li{ display: block; font-family: 'OPENSANSREGULAR_0'; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #fff; }
.pfooter  .zong .for ul li a{ color: #fff;   }
.pfooter  .zong .for ul li a:hover{ color: #fff;   }



.fc form{ padding-top: 9px; }
.fc .int1{ margin-top: 15px;  padding-left:15px; width: 98%; }

.fc .int1 .r{ position: relative; }
.fc .int1 .r .xi{ position: absolute; top:0; left:-15px; display: block; width: 10px; height: 34px;      display: inline-block;  
    background:url(../images/xing.png) no-repeat left 19px; }
.fc .int1 .input{ display:block; width: 210px;  text-indent: 10px; }

.fc .int1 .input{ width: 46%;  }
.fc .int1 input{ max-width: 330px;  float: left; border: 1px solid #ccc; text-indent: 10px; font-family: 'OPENSANSREGULAR_0';   width:98.8%; height:42px; line-height:42px;font-size:14px; font-size:1.4rem; color:#999999;}
.fc .ffang{ float:right;}


.fc .int2{padding-left:15px;  padding-top:11px; margin-top: 4px; width: 97.5%; }

.fc textarea{  font-family: 'OPENSANSREGULAR_0'; text-indent: 10px;  width: 100%; height: 126px; line-height: 34px; 
     font-size:14px; font-size:1.4rem; color:#999; }
.fc .int3{font-family: 'OPENSANSREGULAR_0';  background:url(../images/xing.png) no-repeat 3px 19px; padding-left:22px; margin-top:16px;  padding-bottom: 31px; width: 97%; }
.fc .int4{ font-family: 'OPENSANSREGULAR_0';  width:26.2%; height: 42px;   text-indent: 10px; line-height:42px; border: 1px solid #ccc;  font-size:14px; font-size:1.4rem; color:#999; float:left;}
.fc .fyanzheng{ width:122px; height:44px; float:left; margin-left:18px; cursor:pointer}
.fc .int5{font-family: 'OPENSANSREGULAR_0';  width:46%; height:44px;float:right; background:#ffd200; border:none; 
font-size:14px; font-size:1.4rem; color:#333; border-radius: 50px; text-transform:uppercase; cursor:pointer;
 transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; line-height:44px;}

.fc .int5:hover{ background: #ccc;  }

.fc .xing{  display: inline-block;  background:url(../images/xing.png) no-repeat left 19px; margin-left: 3px; }


.cnzz{ padding-top: 12px; color: #fff; font-family: 'OPENSANSREGULAR_0';   font-size: 14px;font-size: 1.4rem; line-height: 30px;}
.cnzz a{ padding-top: 12px; color: #fff; font-family: 'OPENSANSREGULAR_0';   font-size: 14px;font-size: 1.4rem; line-height: 30px;}
.cnzz a:hover{ color: #ffd200; }




/* phead */
.phead{ width: 100%;}
.phead .top{ background: #f2f2f2; min-height: 42px; }
.tl{ padding-top: 13px;}
.tl a{display: block; padding-right: 10px; float: left; font-size: 14px; font-size: 1.4rem; font-family: "Arial"; }
.tl a img{ display: block;}

.tr{ padding-top: 13px;}
.tr a{display: block; padding-left: 7px; float: left; font-size: 14px; font-size: 1.4rem; line-height: 22px; font-family: "Arial"; }
.tr a img{ display: block;}
.tr a b{ font-weight: bold; font-size: 16px; font-size: 1.6rem; font-family: "Arial"; }



.top_c{ width: 100%; margin-bottom: 20px;}

.top_c .tet{ display: block; float: left; width: 399px; height: 35px; border: 1px solid #ccc; border-right: 0; font-size: 14px; font-size: 1.4rem;
 font-family: "Arial";  color: #ccc; text-indent: 10px; }
.top_c .sub{ cursor: pointer; display: block; float: left; width: 35px;height: 35px; line-height: 35px; background: url(../images/suosu.png) no-repeat top center; font-size: 0; }



.tl2{ padding-top: 24px; }
.tl2 img{ display: block; float: left;}

.tc2{ margin-top: 34px; margin-left: 181px; }

.tr2{ margin-top: 34px;  padding: 5px 16px;  background: #e22130;}
.tr2 a{display: block;  float: left; color: #fff; line-height: 25px; font-size: 14px; font-size: 1.4rem; font-family: "Arial"; }
.tr2 a span{ color: #fff; }
.tr2 a img{ display: block; padding-right: 10px;}

.tr2 a:hover{ color: #333;  }
.tr2 a:hover span{ color: #333;  }

.top_f{ width: 100%; background: #000;}
.top_f li{ position: relative; float: left; line-height: 39px; margin-left: 37px; }
.top_f a{  text-transform: uppercase; color: #fff; font-family: "Arial"; font-size: 14px; font-size: 1.4rem;  }
.top_f a:hover{ text-decoration: underline; color: #fff; }
.top_f .on a{ text-decoration: underline; color: #fff; }


.top_f li:hover .show1{ display: block;}
.top_f .show1{ display: none; width: 214px; text-indent: 10px; position:absolute; top:100%; background: #e5e5e5; }
.top_f .show1 a{ color: #333333; }




@media screen and (max-width:1520px) {

.nav2 li { float: left;margin-left:38px;  }
.pfooter  .zong .for .img a{ width: 15%; margin: 0 auto; margin-left: 1%; }
.pfooter  .zong .for .img a img{ display: block; max-width: 100%; }
.pwp{ margin-left: 0; }
}



@media screen and (max-width:1420px) {

.fc .int5{ width: 30%; }


}

@media screen and (max-width:1220px) {
    .main1 ul.r .tit{ font-size: 3rem; }
    .main1 ul.r .tit2{ font-size: 1.8rem; }
    .rili ul li .tit{ padding-top: 15%; }
    .rili ul li .wenzi{ width: 95%; line-height: 40px; padding-top: 10%;  } 

    .nav2 li{ font-size:14px;font-size:1.4rem; margin-left: 5%; }
    .nav2 li a{ font-size:14px;font-size:1.4rem; padding-bottom:10px; }
}



@media screen and (max-width:999px) {
    .rili ul li .wenzi{ width: 95%; line-height: 40px; }
    .rili ul li a{ width: 95%; }
}

@media screen and (max-width:979px) {

    .wrapzong{ width: 100%; overflow: hidden; }
    .pfooter{ width: 100%; overflow: hidden; }

    .fr{ margin-right: 4%; }
    .head{ position: relative; height: auto; background: url(../images/headerbj.png) repeat top center }


    .main1 ul.l{ width: 100%; }
    .main1 ul.r{ width: 100%; margin-top: 0; padding-top: 0; }
    .main1 ul.l li{ margin: 0 auto; margin-bottom: 30px; }

    .main1 ul li{ width: 95%; margin: 0 auto; padding-left: 0; }

    .rili ul li{ width: 95%; margin: 0 auto!important; float: none; margin-bottom: 20px!important; }


    .pfooter  .zong .fl{ width: 100%; float: none; padding-bottom: 30px; }
    .pfooter  .zong .fc{ width: 100%; float: none; overflow: hidden;  padding-bottom: 30px;  }
    .pfooter  .zong .for{ width: 100%; float: none; margin-left: 0; }
    .pfooter  .zong .fc .title{ text-indent: 0; }

    .fc form{ width: 100%; }
    .fc .int1{ width: 90%; }
    .fc .int2{ width: 90%; }
    .fc .int3{ width: 90%; }

    .pwp{ padding-left: 0; }
    .pfooter  .zong .fc .title{ padding-bottom: 12px; }
    .nav2{ padding-bottom: 20px; }

    .fc .int1 input{ max-width: 98.8%; }


    .nav2 li:hover .xiala2{ display: none; }


}







.menu{ display: none; background: #333333; width: 100%; text-align: center; color: #ffd200; font-size:18px;font-size:1.8rem; text-transform: uppercase; }

.menu_dan{ cursor: pointer; }

@media screen and (max-width:979px) {
    .logo{ left: 2%; }
    .fr{ width: 100%; margin: 0 auto; }
    .fr ul{ float: none;  }
    .head{ padding-bottom: 20px; }
    .nav2{ display: none; }
    .nav2 li{ width: 100%; margin-left: 0; }
    .menu{ display: block;   margin-top: 30px; }

    .guoqi{ margin-left: -37px; }
    .fr ul li{ width: 25%; text-align: center; background: none;  margin: 0 auto!important; padding: 0; float: left;  font-size:16px;font-size:1.6rem  }
    .fr ul li.mln{ padding-right: 0;}

    
    .search{ right: 52px; }
    .zhongwen{ margin-right: 50px; }

}


@media screen and (max-width:962px) {
    
    .fr{ float: none; }
    .fr ul li { background: none; height: 25px; }

    .main1 ul.l .wen{ line-height: 50px; height: 50px; font-size:16px;font-size:1.6rem; }

    .main1 ul.r .wen{ line-height: 50px; height: 50px; font-size:20px;font-size:2rem; }

    .rili ul li .tit{ font-size:26px;font-size:2.6rem;}
    .rili ul li a{ font-size:26px;font-size:2.6rem;}
    .rili ul li .wenzi{ font-size:24px;font-size:2.4rem;}
}






@media screen and (max-width:700px) {
    .fc .int1{ margin-top: 0px; }
    .fc .int2{ margin-top: 0px; }
    .fc .int1 .input{  width: 100%; margin-bottom: 20px;  }
    .fc .int5{ float: none; width: 100%; margin-top: 20px; }
    .fc .int4{ width: 40%; }

    .fr ul li a{ font-size:12px;font-size:1.2rem; }

    .logo{ max-width: 139px; }
    .logo a img{ max-width: 80%; }



}






/* break */
.break{ max-width: 1810%; width: 95%; margin: 0 auto; border-bottom: 1px solid #cccccc; padding-bottom: 3px; }
 
.break .break_left a{ display: block; padding-top: 19px; font-size:30px;font-size:3rem;color:#333; line-height: 46px; }
.break .break_right { padding-top: 33px;}
.break .break_right a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px;   font-family: 'OPENSANSREGULAR_0'; }

.break a:hover{ text-decoration: underline;  }
.break .break_right a.on{ text-decoration: underline;  }

.product{max-width: 1810px; width: 95%; margin: 0 auto;  padding-bottom: 30px; }

.product .prol_ul{ }

.product .prol_ul li{ float: left; background: #ffffff; margin-top: 40px; margin-left: 43px; margin-bottom: 19px; }

.product .prol_ul .dan_zong{  max-width: 419px; max-height: 447px;  width: 100%; margin: 0 auto;  padding-bottom: 41px; }

.product .prol_ul .dan_zong img { max-width: 419px; max-height: 286px; width: 100%; }

.product .prol_ul .dan_zong .wenzi{ padding-top: 21px; padding-bottom: 23px; display: block; width: 100%; text-align: center; line-height: 30px; font-size:20px;font-size:2rem;color:#333; }

.product .prol_ul .dan_int{ position: relative; width: 100%; }
.product .prol_ul .dan_int a{ border-radius: 50px; border: 1px solid #cccccc; text-align: center; display: block; max-width: 199px; margin: 0 auto; height: 41px; line-height: 40px; font-size:18px;font-size:1.8rem;color:#cccccc; }
.product .prol_ul .dan_int input{ position: absolute; top:15px; left: 40px; }

.product .prol_ul .dan_int a:hover{  background: #ffd200; color: #333; border-color: #ffd200; }
.product .prol_ul .dan_zong .wenzi:hover{ color: #ffd200; }

.product .prol_ul li:hover{ box-shadow: 0 0 21px rgba(0,0,0,0.33)  }


.con_left p a:hover{ color: #ffd200; }
.new2 .up a:hover{ color: #ffd200; }

/*page*/
.page{position: relative;margin:31px auto 40px}
.page {text-align: center;}
.page a:hover{ background-color: #ffd200;}
.page a {display: inline-block;background-color:#fff;color: #333; border-radius: 50px;  margin-right:12px;width: 32px;height: 30px;line-height: 30px;  text-align:center;font-size: 14px;font-size: 1.4rem;}


.page a.on,.page a:hover{background-color: #ffd200;}
.page .no:hover{
    background-color: #fff;
}
.page a.first{width:73px;margin-right:18px;}
.page a.last{width: 73px;margin-left: 4px;}

.page span{display: inline-block;width: 50px;text-align: center;font-size:16px;font-size:1.6rem;color: #333;position: relative;top: 3px;}
.page .add{  position: relative; top:-20px; }
.ins{margin-left: 4px; width: 156px;display: inline-block;height: 30px; line-height: 28px;text-align: center; border: none; outline: none;
    background-color: #ffd200;color: #333;font-size: 14px;font-size: 1.4rem;cursor: pointer; border-radius: 50px; }



.show_pro{ display: none; width: 100%;}
.show_pro a{ width: 47%; display: block; line-height: 30px; float: left; margin-left: 1%; margin-right: 1%;  text-align: center; background: #ffd200; font-size:16px;font-size:1.6rem;color:#333; margin-top: 20px; }


@media screen and (max-width:1810px) {
    .product .prol_ul .dan_int input{ left: 10px; }
    .product .prol_ul li{ width: 23%; margin-left: 1%!important; margin-right: 1%!important; }
    .product .prol_ul .dan_int a{ max-width: 150px; }

}
@media screen and (max-width:979px) {
    .product .prol_ul li{ width: 31%; }
    .page .add{ top:0 }
    .page a{ margin-bottom: 20px; } 
    .show_pro{ display: block; }
}


@media screen and (max-width:680px) {
    .product .prol_ul li{ width: 48%; }
}

@media screen and (max-width:460px) {
    .product .prol_ul li{ width: 98%; }
    .product .prol_ul .dan_int input{ left: 28px; }

    .show_pro a{ width: 100%; margin: 0 auto; margin-top: 20px; }
}




/* new1 */
.new1{  max-width: 1810px; width: 95%; margin: 0 auto; margin-top: 40px; padding-bottom: 55px; }

.new_dl{  position: relative; height: 292px; background: url(../images/mewbj.png) no-repeat bottom center; margin-bottom: 16px;  }

.new_dl dt{ position: absolute; top:0; left: 0; }
.new_dl dt img{ display: block; max-width: 447px; max-height: 268px; width: 100%; }
.new_dl dd{ padding-left: 510px; height: 268px; padding-right: 49px;   background:#fff; }
.new_dl dd a{ display: block; }
.new_dl dd .tit{ font-size:18px;font-size:1.8rem;color:#333; line-height: 26px; padding-top: 56px;}
.new_dl dd .time{  font-size:14px;font-size:1.4rem;color:#cccccc; line-height: 29px; }
.new_dl dd .titi2{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; padding-top: 18px; }

.new_dl dd .more{ width: 100%; text-align: right; font-size:14px;font-size:1.4rem;color:#ffd200; line-height: 30px; text-transform: uppercase;  }

.new_dl dd a:hover{ color:#ffd200; }
.new_dl dd .more:hover{text-decoration: underline; }

.new1 .page{ position: relative; top:-5px; }




@media screen and (max-width:979px) {

    .new_dl{ background: #fff;height: auto;  }

    .new_dl dt{ position: relative; top:0 }
    .new_dl dd{ padding-left: 0; height: auto;padding-left: 20px; padding-bottom: 93px;  }

}

/* new2 */
.new2{max-width: 1810px; width: 95%; margin: 0 auto; margin-top: 30px; padding-bottom: 55px; }

.new2 h1{ font-size:18px;font-size:1.8rem;color:#333; width: 100%; text-align: center; line-height: 30px; }
.new2 .time{ width: 100%; text-align: center; padding-top: 5px; padding-bottom: 20px; font-size:14px;font-size:1.4rem;color:#cccccc; line-height: 27px; }


.new2 .up{ border-top: 1px dashed #cccccc; padding-top: 11px; font-size:14px;font-size:1.4rem;color:#333; line-height: 26px; }
.new2 .up p { display: inline-block; margin-left: 231px; }
.new2 .up p span{ font-size:14px;font-size:1.4rem;color:#333; line-height: 26px;  }
.new2 .up a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 26px; }



.new2x p { font-size:14px;font-size:1.4rem;color:#333;  font-family: 'OPENSANSREGULAR_0'; padding-bottom: 20px; }
.new2x p a{ font-size:14px;font-size:1.4rem;color:#ffd200;  font-family: 'OPENSANSREGULAR_0'; }
.new2x p span { font-size:14px;font-size:1.4rem;color:#333;  font-family: 'OPENSANSREGULAR_0'; }
.new2x p strong{ font-size:14px;font-size:1.4rem;color:#333;  font-family: 'OPENSANSREGULAR_0'; }
.new2x p img{ display: block; max-width: 100%;  max-height: 734px; width: 100%; }




.new2x table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.new2x table tr td{ padding:3px; border:1px solid #ccc; background:#fff}

@media screen and (max-width:979px) {

    .new2 .up p{ display: block; margin-left: 0; margin-bottom: 10px; }
}


/* product2 */

.product2{max-width: 1810px; width: 95%; margin: 0 auto; margin-top: 30px; padding-bottom: 92px;  }


.product2 .right{ margin-top:10px; float: right; width: 1406px; }
.product2 .left{  width:319px; float: left; }


.left1-p2{  /*width:54.1%; */width:816px;  margin:0 auto;  }
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{ width:816px; position:relative; }
#tsShopContainer #tsImgS{text-align:center;width:816px; height:558px;position:relative;  padding:0px !important; margin-bottom:35px; }
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; width:100%;  }
#tsShopContainer #tsImgS img{ display:block; margin:0px auto; }
#tsShopContainer #tsPicContainer{position:relative; height:115px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{ width:21px;height:40px; background:url(../images/p2-pre1.png) no-repeat; position:absolute;left:0px;cursor:pointer; top:37px; }
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{ background:url(../images/p2-pre2.png) no-repeat; }
#tsShopContainer #tsPicContainer #tsImgSArrR{ width:21px; height:40px; background:url(../images/p2-next1.png) no-repeat; position:absolute;right:0px;cursor:pointer; top:37px; }
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{ background:url(../images/p2-next2.png) no-repeat; }

#tsShopContainer #tsPicContainer #tsImgSCon{ overflow: hidden; margin-top: 0px; width:752px !important; position: absolute; left:42px; }
#tsShopContainer #tsPicContainer #tsImgSCon ul{}
#tsShopContainer #tsPicContainer #tsImgSCon li{float:left;cursor:pointer; width:188px; height:115px; }

#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:168px;height:115px;  }
#tsShopContainer #tsPicContainer #tsImgSCon li img:hover{}

.MagicZoomBigImageCont { }
.MagicZoomMain { text-align: center !important;	width: 92px; }
.MagicZoomMain div { padding: 0px !important; }
.MagicZoomPup {	 background:#ffffff; }
.MagicZoomLoading { text-align:center; background:#ffffff; color:#444; border:1px solid #ccc; opacity:0.8; padding:3px 3px 3px 3px !important; display:none; }
.MagicZoomLoading img {	padding-top:3px !important; }

.p2_tleft{ display:none; }
.p2_tleft img{ float:left; width:45%; margin-left:2.5%; margin-right:2.5%; max-width:816px; max-height:558px; margin-bottom:20px; }

.p2_tshare{ width:244px; margin:0 auto; margin-top:25px; }
.p2_tshare a{ float:left; }
.p2_tshare span{ display:block; float:left; line-height:24px; font-size:14px; font-size:1.4rem; }

#p2_tshare li{ float:left; padding-left:15px; padding-right:8px;}
.p2_tsharelast{ padding-right:0px !important; }
#p2_tshare li .ico { width:19px; height:19px; z-index: 1;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;transition: 0.3s all; }
#p2_tshare li.on .ico { -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}

.p2_title{ margin-top:14px; margin-bottom:30px; text-align:center; font-size:20px; font-size:2rem; line-height:28px; }
.p2_in{ display: flex;justify-content: center; }
/*.p2_in{ margin:0 auto; width:100%; max-width:527px; }*/
.p2_in a{ display:block; font-size:16px; font-size:1.6rem; border-radius:50px; border:solid 1px #333333; text-align:center; width:155px; line-height:44px; padding-bottom:2px; }
.p2_in .r{margin-left:10px;}
.p2_in a:hover{ background:#ffd200; border:solid 1px #ffd200; color:#333; }

.p2_center{ margin-top:37px; }
.p2_ctitle{ font-size:24px; color: #333; font-size:2.4rem; line-height:30px; border-bottom:solid 1px #afafaf; padding-bottom:13px; margin-bottom:15px; }




.p2_cwz p { font-size:14px;font-size:1.4rem;color:#333;  font-family: 'OPENSANSREGULAR_0'; padding-bottom: 20px; }
.p2_cwz p a{ font-size:14px;font-size:1.4rem;color:#ffd200;  font-family: 'OPENSANSREGULAR_0'; }
.p2_cwz p span { font-size:14px;font-size:1.4rem;color:#333;  font-family: 'OPENSANSREGULAR_0'; }
.p2_cwz p strong{ font-size:14px;font-size:1.4rem;color:#333;  font-family: 'OPENSANSREGULAR_0'; }
.p2_cwz p img{ display: block; max-width: 100%;  max-height: 734px; width: 100%; }

.p2_cwz table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.p2_cwz table tr td{ padding:3px; border:1px solid #ccc; background:#fff;font-family: 'OPENSANSREGULAR_0';}








.left_nav{  }

.left_title{ padding-top:6px; border-bottom:solid 1px #cccccc; padding-bottom:24px;  }
.left_title a{ display:block;font-family: 'OPENSANSREGULAR_0';    font-size: 20px;}
.left_title img{}

.lNav{ cursor:pointer; font-size:16px; font-size:1.6rem; line-height:30px; padding-left:30px; padding-top:16px; padding-bottom:16px; transition:0.5s;-moz-transition:0.5s; color:#fff; padding-right:12%; -o-transition:0.5s;-webkit-transition:0.5s; background:url(../images/left-pre.jpg) no-repeat 92% center; border-bottom:solid 1px #cccccc; }
.lNav a{ font-family: 'OPENSANSREGULAR_0';font-size:16px; font-size:1.6rem;  }
.lNav:hover{  }
.lNav:hover a{  color:#ffd200;}
.left_firstli{ margin-top:15px !important; }

.currentDt1{  }
.currentDt1 a{ color:#ffd200; }
.navContent1{ display: none; margin-top:15px;  }
.navcontent1 li{ position:relative }
.navContent1 li a{ display:block; padding-left:40px; font-size:14px; font-size:1.4rem; line-height:26px; padding-top:3px;  padding-bottom:3px;font-family:'OPENSANSREGULAR_0'; } 
.navContent1 li:hover>a{ color:#ffd200; }


.left_news{ border-top:solid 1px #cccccc; margin-top:161px; padding-top:17px; }
.left_news_nr{}
.left_news_nr a{ padding-left:30px; padding-right:20px; display:block; border-bottom:solid 1px #cccccc; font-size:14px; font-size:1.4rem; line-height:30px; padding-top:15px; padding-bottom:11px;font-family: 'OPENSANSREGULAR_0'; }
.left_news_nr a:hover{ color:#ffd200; }








.pro_bottom{ margin-top: 30px; }
.pro_bottom ul li {  float: left; margin-left: 35px; }
.pro_bottom ul li a{ display: block; max-width: 325px; max-height: 222px; width: 100%; margin: 0 auto; }
.pro_bottom ul li .wen{ display: block; font-family: 'OPENSANSREGULAR_0'; padding-top: 10px; width: 100%; text-align: center; font-size:16px;font-size:1.6rem;color:#333; line-height: 30px; }
.pro_bottom ul li img{ display: block; max-width: 100%; margin: 0 auto; }

.pro_bottom ul li .wen:hover{ color:#ffd200; }


@media screen and (max-width:1820px){

    .product2 .right{ width: 70%; }
    .pro_bottom ul li { width: 23%; margin-left: 1%!important; margin-right: 1%!important; }
}





@media screen and (max-width:1219px){
    
    .left1-p2{ display:none; }	
    .p2_tleft{ display:block; }
    .product2 .right{ width: 63%; }

}


@media screen and (max-width:979px){

    .product2 .right{ width: 100%; float: none; padding-bottom: 30px; }
    .product2 .left{ width: 100%; float: none;}

}


@media screen and (max-width:439px){
    .p2_tleft img{ width:100%; float:none; margin:0 auto; margin-bottom:20px; }	
    .pro_bottom ul li { width: 48%; margin-bottom: 30px; }
}
@media screen and (max-width:359px){
    .p2_in a{ width:95%; float:none; margin:0 auto; margin-bottom:15px; }	
}

    
/* about */
.about{ max-width: 1810px; width: 95%; margin: 0 auto; margin-top: 30px; padding-bottom: 95px;  }

.about .dan_tit{ padding-top: 10px;}
.about .dan_tit img{ display: block;  }

.about p{ padding-bottom: 20px;  font-size:14px;font-size:1.4rem;color:#221815;  font-family: 'OPENSANSREGULAR_0';  line-height: 30px; padding-top: 10px;  }



.dan_about{ display: block; max-width: 100%;  position: relative; padding-top: 36px;  margin-bottom: 86px; }
.dan_about img{ display: block; max-width: 100%; margin: 0 auto; }
.dan_about .wen { position: absolute; bottom:0; display: block; width: 100%; text-align: center;font-family: 'OPENSANSREGULAR_0';  font-size:16px;font-size:1.6rem;color:#fff; height: 60px; line-height: 60px; background: url( ../images/aboutbj.png) repeat bottom center  }


.dan_img{ }
.dan_img img{ display: block; float: left; max-width: 100%;   margin-left: 36px; }





@media screen and (max-width:1820px){
    .dan_img{display: flex;}
    .dan_img img {  width: 30%;}
/*    .dan_img .img1{ width: 30%; }
    .dan_img .img2{ width: 25%; }
    .dan_img .img3{ width: 39%; }
*/
}


@media screen and (max-width:640px){
    .about .dan_tit img{ display: block; max-width: 100%;  }
    .dan_img{ width: 100%; overflow: hidden; }
    .dan_img{display: block;}
    .dan_img img{  float: none;  margin: 0 auto;  margin-bottom: 30px; }
    .dan_img .img1{ max-width: 599px; width: 95%; }
    .dan_img .img2{ max-width: 464px; width: 95%; }
    .dan_img .img3{ max-width: 711px; width: 95%; }

}







/* conatct */
.conatct{  max-width: 1810px; width: 95%; margin: 0 auto; margin-top: 30px; padding-bottom: 99px;   }
.con_left{ width: 30%; }
.con_right{ width: 65.9%; padding-top: 10px;  }


.con_left{ width: 30%; }
.con_left .tit{ padding-top: 2px; padding-bottom: 7px;  font-family: 'OPENSANSREGULAR_0'; font-size:20px;font-size:2rem;color:#333; line-height: 30px; }
.con_left p { font-size:14px;font-size:1.4rem;color:#333; line-height: 30px;font-family: 'OPENSANSREGULAR_0';  }
.con_left p a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px;font-family: 'OPENSANSREGULAR_0';  }







.c_div1{ padding-bottom:23px; }
.c_div2{ padding-bottom:22px; }
.c_div3{ padding-bottom:26px; margin-top: 2px; }
.c_nr1{}

.c_bt1{ color:#ff0000; font-size:20px; font-size:2rem; width:14px; float:left; height:30px; line-height:30px; margin-top:17px; }
.c_div3 .c_bt1{ margin-top:11px; }

.c_input,.c_input2,.c_textarea,.c_captcha{ text-indent:12px; float:left; border:solid 1px #d2d2d2; color:#a6a6a6; font-size:14px; font-size:1.4rem; }
.c_input,.c_input2,.c_captcha{ height:52px; line-height:50px;}

.c_input{ width:528px; }
.c_input2{ width:98.5%; }
.c_textarea{ width:98.5%; float:left; line-height:26px; height:104px; padding-top:6px; }


.c_captcha{ width:528px; }
.c_yzm{ float:left; cursor:pointer; margin-left:117px; }
.c_send{ float:right; cursor:pointer; /*margin-left:34px;*/ width:293px; height:54px; line-height:52px; text-align:center; color:#333; background:#ffd200;
     font-size:14px; font-size:1.4rem; margin-top:1px; }



.c_send:hover{ background:#aaaaaa; transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; }


.map{ max-width: 1810px; width: 100%; margin: 0 auto;  margin-top: 48px;}
.map img{ display: block;  max-width: 1810px; width: 100%; max-height: 609px; }



@media screen and (max-width:1820px){

    .c_nr1{ width: 48%; }
    .c_input{ width: 94%; }
    .c_yzm{ margin-left: 20px; }
    .c_captcha{ width: 47%; }
    .c_input2{  width: 97%; }
    .c_textarea{ width: 97%; }
    .c_send{ width: 26%; }

    .c_div4{ width: 98.2%; }

}




@media screen and (max-width:1330px){

    .c_input{ width: 95%; }
}

@media screen and (max-width:1278px){

    .c_input{ width: 94%; }
    .c_input2{ width: 97%; }
    .c_textarea{ width: 97%; }
}



@media screen and (min-width:1220px) and (max-width:1419px){
.c_send{ width:180px; }
.c_yzm{ margin-left:20px; }	
}
@media screen and (max-width:1219px){
.c_lx1{ width:100%; margin-bottom:20px; }
.c_lx2,.c_lx3{ width:50%; }
.c_lx1 .c_lx_right{ width:85% !important; }

.c_map{ width:100%; float:none; margin:0 auto; text-align:center; }	
.c_xp{ float:none; width:100%; margin:0 auto; max-width:800px; margin-top:40px; }
.c_xp_title{ text-align:center; }
/* .c_send{ float:left; margin-left:0px; margin-top: 30px; width: 100%;  } */

.c_captcha{ width: 35%; }
.c_input{ width: 94%; }
}
@media screen and (max-width:920px){
    .con_left{ width: 100%;  float: none; } 
    .con_right{ width: 100%; float: none; }
	
.c_lx{ margin-top:30px; }
}
@media screen and (max-width:819px){
.c_lx_nr{ width:100%; float:none; }	
.c_lx_right,.c_lx1 .c_lx_right{ width:80% !important; }
}
@media screen and (max-width:579px){
.c_div1{ padding-bottom:0px; }
.c_div2,.c_div3{ padding-bottom:15px; }
.c_nr1{ float:none; width:100%; padding-bottom:15px; }
.c_input,.c_input2,.c_textarea,.c_captcha,.c_send{ width:90%; }
.c_yzm{ margin-top:15px; margin-left:15px; }
.c_input,.c_input2,.c_captcha,.c_send{ height:40px; line-height:38px; }
.c_bt1{ margin-top:0px; line-height:40px; height:40px; }
.c_send{  float: none; margin-top: 30px;  }

.c_title{ font-size:30px; font-size:3rem; line-height:38px; }
.c_msg{ margin-top:10px; }
}
@media screen and (max-width:519px){
.c_lx_right,.c_lx1 .c_lx_right{ width:75% !important; }	
}
@media screen and (max-width:439px){
.c_lx_pic{ width:100%; text-align:center; margin:0 auto; float:none; }
.c_lx_right,.c_lx1 .c_lx_right{ float:none; width:100% !important; text-align:center; }	
}


@media screen and (max-width:1219px){
.ipart2,.footer,.p1,.p2,.tb,.n1,.n2,.a,.c{ width:98%; padding-left:1%; padding-right:1%; }	
}
@media screen and (max-width:999px){
.ipart2,.footer,.p1,.p2,.tb,.n1,.n2,.a,.c{ width:95%; padding-left:2.5%; padding-right:2.5%; }	
}

.maiuli1 { display: none; }
.maiuli1 a{ color: #fff; }
.maiuli1 a:hover{ text-decoration: underline; }
.maiuli1 a.tit {display: block;padding-top: 16%;padding-bottom: 14px;font-size: 30px; font-size: 3rem;color: #fff;}
.maiuli1 a.tit2 {padding-bottom: 8.4%;display: block;max-width: 577px;font-size: 20px;font-size: 2rem;color: #fff;line-height: 30px;}
.maiuli1 a.more {display: block;font-size: 20px;text-align: center;font-size: 2rem;color: #333;width: 165px;height: 61px;line-height: 61px;background: url(__TMPL__style/images/yuanjiao.png) no-repeat top center;}

@media screen and (max-width:979px) {
    .maiuli{ display: none!important; }
    .maiuli1{ display: block; }
    
}
.listcart{margin-top: 90px;}
.listcart a.l{float: left;}
.listcart a.r{float: right;}
.listcart a{ background:#ffd200;display:inline-block;height: 34px; width:200px; line-height: 34px;cursor: pointer;border: none;overflow: hidden;color: #fff;cursor: pointer;  border:1px solid #ffd200; padding-left:10px; padding-right:10px; text-align:center; margin-left:10px;}
.listcart a:hover{  border:#ffd200 solid 1px;background: #ffd200; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px ;float: none;}
.listcart{ width:100%; margin-top:50px; }
}
@media screen and (max-width:472px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}






.index_focusn{
	overflow: hidden;
}

.index_focus .bd li{
	height: 100%;
}

.index_focusn iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.index_focusn video {
	position: absolute;
	z-index: 1;
	display: block;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
	height: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}


.contact-us {
	position: fixed;
	width: 42px;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99999;
	display: none;
}

.contacth {
	display: block;
}

.contact-us div a {
	display: block;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
	background-color: #a0a0a0;
	color: #fff;
	margin-top: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.contact-us .c-wechat1 a::after {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translate(100%, -50%);
	width: 4px;
	height: 8px;
	background: url('../images/cs.png')no-repeat center;
	background-size: 100% 100%;
	transition: .5s;
	z-index: -1;
}
.contact-us div a > img {
  cursor: pointer;
  transform: translateY(-50%);
  margin-top: 50%;
}
.contact-us .c-wechat1 a:hover:after {
	transform: translateY(-50%);
}

.c-wechat {
	position: relative;
	cursor: pointer;
}

.c-wechat>img {
	position: absolute;
	padding-right: 10px;
	width: 160px;
	height: 150px;
	max-width: none;
	top: 0px;
	left: -164px;
	display: none;
}

.c-wechat:hover>img {
	display: block;
}

.c-wechat2,
.c-popup {
	display: none
}

.c-popup {
	position: absolute;
	bottom: 50px;
	left: 50% !important;
	margin-left: -75px;
}

.c-popup img {
	display: block;
	position: relative;
	width: 150px;
	height: 150px;
	left: auto;
	margin: auto;
}

.contact-us div a:hover {
	background: #ffd200;
	color: #fff;
}

.clear2 {
	display: none
}

.fo-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fo-title i {
	display: none;
}

@media screen and (max-width:999px) {
	.contact-us {
		width: 100%;
		right: auto;
		top: auto;
		margin: auto;
		left: 0px;
		bottom: 0px;
		transform: translateY(0);
		display: flex;
	}

	.contact-us div {
		flex: 1;
		float: left;
	}

	.contact-us div a {
		margin: auto;
		width: 100%;
		background: #fff;
		color: #333;
		height: 40px;
		line-height: 40px;
		border-radius: 0px;
		font-size: 20px;
	}

	.c-wechat2 {
		display: block
	}

	.c-wechat1 {
		display: none
	}

	.fo-title i {
		display: block;
	}
}
.none{
    font-family: 'OPENSANSREGULAR_0';
    font-size: 16px;
    margin-top: 20px;
}





/* swiper */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/* swiper end */


.banner {
    position: relative;
}

.banner .swiper-slide {
    position: relative;
    overflow: hidden;
    height: auto;
}

.banner .swiper-slide img {
    transform: initial;
    width: 100%;
}

.banner .ban-vid {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.banner .ban-vid iframe,
.banner .ban-vid video {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}

.banner .ban-vid iframe body {
    margin: 0px !important;
}

.banner iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.banner video {
    position: absolute;
    z-index: 1;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.banner .ban-pag {
	position: absolute; 
	z-index: 9;
	left: 50%;
	transform: translateX(-50%);
	bottom: 21px;
	text-align: center;
	width: 100%;
}

.banner .ban-pag .swiper-pagination-bullet{
	 width:14px; 
	 height:15px; 
	 cursor:pointer;
	 display: inline-block; 
	 margin-top: 6px; 
	 margin-right:10px; 
	 margin-left:13px; 
	 background:url(../images/annuo.png) no-repeat center center;
}

.banner .ban-pag .swiper-pagination-bullet-active{
	background:url(../images/annuoon.png) no-repeat center center;
}

#google_translate_element{
    display: inline-block;
    float: right;
    margin-top: 35px;
    margin-left: 30px;
}
@media screen and (max-width: 979px) {
    #google_translate_element{
        margin-right:50px;
        margin-left:0;
    }
    .search{
        right:10px;
    }
}