@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1608003970951'); /* IE9 */
    src: url('../fonts/iconfont.eot?t=1608003970951#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('../fonts/iconfont.woff?t=1608003970951') format('woff'),
    url('../fonts/iconfont.ttf?t=1608003970951') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/iconfont.svg?t=1608003970951#iconfont') format('svg'); /* iOS 4.1- */
  }
  .disnone{ display:none}
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-right7:before {
    content: "\e725";
  }
  
  .icon-up28:before {
    content: "\e791";
  }
  
  .icon-left10:before {
    content: "\e7f0";
  }
  
  .icon-right10:before {
    content: "\e7f1";
  }
  
  .icon-search2:before {
    content: "\e7b0";
  }
  
  .icon-home:before {
    content: "\e624";
  }
  
  .icon-edit:before {
    content: "\e611";
  }
  
  .icon-facebook:before {
    content: "\e620";
  }
  
  .icon-vk:before {
    content: "\e735";
  }
  
  .icon-pinterest:before {
    content: "\e8ab";
  }
  
  .icon-jian2:before {
    content: "\e600";
  }
  
  .icon-linkedin:before {
    content: "\e648";
  }
  
  .icon-youtube:before {
    content: "\e6d6";
  }
  
  .icon-twitter:before {
    content: "\e607";
  }
  
  .icon-jia2:before {
    content: "\e608";
  }
  
  .icon-bigger:before {
    content: "\e647";
  }
  
  .icon-left:before {
    content: "\e72c";
  }
  
  .icon-right:before {
    content: "\e72d";
  }
  
  .icon-up1:before {
    content: "\e72e";
  }
  
  .icon-bottom1:before {
    content: "\e72f";
  }
  
  .icon-left1:before {
    content: "\e730";
  }
  
  .icon-right1:before {
    content: "\e731";
  }
  
  .icon-up:before {
    content: "\e73e";
  }
  
  .icon-bottom:before {
    content: "\e73f";
  }
  
  .icon-instagram:before {
    content: "\e79d";
  }
  
  .icon-tumblr:before {
    content: "\e79e";
  }
  
  .icon-download:before {
    content: "\e7a0";
  }
  
  .icon-download1:before {
    content: "\e7a7";
  }
  
  .icon-search4:before {
    content: "\e7b2";
  }
  
  .icon-address:before {
    content: "\e7bc";
  }
  
  .icon-email:before {
    content: "\e7bd";
  }
  
  .icon-contact:before {
    content: "\e7be";
  }
  
  .icon-whatsapp:before {
    content: "\e7bf";
  }
  
  .icon-fax:before {
    content: "\e7c2";
  }
  
  .icon-mobile:before {
    content: "\e7c6";
  }
  
  .icon-phone:before {
    content: "\e7c8";
  }
  
  .icon-tel:before {
    content: "\e7c7";
  }
  
  .icon-phone1:before {
    content: "\e7cb";
  }
  
  .icon-skype:before {
    content: "\e7cc";
  }
  
  .icon-whatsapp1:before {
    content: "\e7c1";
  }
  
  .icon-address1:before {
    content: "\e7c3";
  }
  
  .icon-contact1:before {
    content: "\e7c4";
  }
  
  .icon-email1:before {
    content: "\e7c5";
  }
  
  .icon-skype1:before {
    content: "\e7c9";
  }
  
  .icon-fax1:before {
    content: "\e7ca";
  }
  
  .icon-qq:before {
    content: "\e7ce";
  }
  
  .icon-tel1:before {
    content: "\e7cd";
  }
  
  .icon-wechat:before {
    content: "\e7cf";
  }
  
  .icon-phone2:before {
    content: "\e7d0";
  }
  
  .icon-message:before {
    content: "\e7da";
  }
  
  .icon-calendar:before {
    content: "\e7e1";
  }
  
  .icon-calendar1:before {
    content: "\e7e3";
  }
  
  .icon-top:before {
    content: "\e7ed";
  }
  
  .icon-youbian:before {
    content: "\e60f";
  }
  
  .icon-caidan:before {
    content: "\e80a";
  }
  
  .icon-caidan1:before {
    content: "\e601";
  }
  
  .icon-sousuo:before {
    content: "\e628";
  }
  
  .icon-bottom7:before {
    content: "\e723";
  }
  
  .icon-left7:before {
    content: "\e724";
  }
  

  .zoomPad{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}



.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #999;
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/* CSS Document */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box;box-sizing: border-box;}

html { font-size: 62.5%; height: 100%; }

body { margin: 0 auto !important; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; height: 100%; overflow-x: hidden; max-width: 1920px; }

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, h2 { margin: 0; padding: 0; font-weight: normal; color: #333; }

.clear { clear: both; }

.maln { margin-left: auto !important; }

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; 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; }

::-moz-selection { background: #1d3f7f; color: #fff; }

::selection { background: #1d3f7f; color: #fff; }

.j-lazy { width: 100%; }

.at-resp-share-element .at4-share-count-container { text-decoration: none; float: right; padding-right: 15px; line-height: 25px !important; }

.at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; }

.at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }

.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; }

.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

.at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; }

.at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }

.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; }

.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #1b1b1b; }

:-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #1b1b1b; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #1b1b1b; opacity: 1; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #1b1b1b; }

.search ::-webkit-input-placeholder { /* WebKit browsers */ color: #1b1b1b; }

.search :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #1b1b1b; }

.search ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #1b1b1b; opacity: 1; }

.search :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #1b1b1b; }

.div3 ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }

.div3 :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }

.div3 ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; }

.div3 :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }

.aform ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

.aform :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.aform ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; }

.aform :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

.wp { width: 1200px; margin: auto; }

@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; } }

.wp2 { width: 1400px; margin: auto; }

@media screen and (min-width: 1420px) { .wp2 { width: 1400px; margin: auto; } }

@media screen and (min-width: 1220px) and (max-width: 1419px) { .wp2 { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp2 { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp2 { width: 95%; margin: auto; } }

.no_margin { margin-left: auto\0 !important; }

@media screen and (min-width: 1220px) { .no_margin { margin-left: auto !important; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .no_margin { margin-left: auto !important; } }

/*.container*/
.wap-hd-nav { display: none; }

.wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.wap-nav .nav span { font-family: arial, helvetica, sans-serif; }

.wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }

.wap-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sousuo.png") no-repeat center center; }

.wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; padding-left: 20px; position: relative; }

.wap-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; }

.wap-nav .addition.active { background-image: url("../images/yizi.png"); }

.wap-nav .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.wap-nav .nav > ul > li .c-show { display: none; width: 100%; }

.wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; padding-left: 20px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; padding-left: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > dl { padding: 20px; }

.wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; }

.wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #f34a47; }

@media screen and (min-width: 768px) { .wap-nav, .menubtn { display: none; } }

@media screen and (max-width: 991px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; }
  .wap-hd-nav-item { width: 25%; }
  .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; }
  .wap-hd-nav-item a.active { color: white; background-color: #fff; } }

/***********  lunbo  *************/
* { margin: 0; padding: 0; }

li { list-style: none; }

.slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }

.slide .carouse .slideItem .banner-img { width: 100%; display: block; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .dotList { position: absolute; bottom: 87px; left: 21%; text-align: center; }

.slide .dotList ul li { display: inline-block; background: #fff; margin: 0 8px; cursor: pointer; }

.slide .carousel-control { position: absolute; top: 50%; width: 63px; text-align: center; height: 63px; line-height: 63px; border-radius: 50%; background: #e3e3e3; z-index: 999; margin-top: -32px; }

.slide .carousel-control i { color: #333333; font-weight: bold; }

.slide .carousel-control:hover { background: #f34a47; }

.slide .carousel-control:hover i { color: #fff; }

.slide .carousel-control.left { left: 8%; cursor: pointer; }

.slide .carousel-control.right { right: 8%; cursor: pointer; }

.slide .dotList ul li { cursor: pointer; background: #fff; font-size: 0px; margin: 0 5px; border: none; outline: none; width: 12px; height: 12px; border-radius: 50%; }

.slide .dotList ul li.active { background: #1a4ba0; }

.slide .slidedetail { display: none; }

@media screen and (max-width: 1219px) { .slide .carousel-control { width: 50px; height: 50px; line-height: 50px; margin-top: -25px; }
  .slide .dotList { bottom: 40px; } }

@media screen and (max-width: 999px) { .slide .carousel-control { display: none; }
  .slide .dotList { bottom: 20px; } }

@media screen and (max-width: 767px) { .slide .dotList { bottom: 10px; }
  .slide .dotList ul li { width: 10px; height: 10px; }
  .keys { margin-right: 30px; } }

/***********  toplx  ************/
.toplx { background: #fff; padding-bottom: 4px; }

.keys { float: left; }

.nav_list { position: relative; margin-top: 2px; margin-left: 35px; }

.nav_list i { display: block; width: 29px; height: 29px; line-height: 29px; text-align: center; background: #f34a47; color: #fff; font-size: 18px; font-size: 1.8rem; cursor: pointer; }

.nav_xiala { position: absolute; top: 100%; width: 224px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); z-index: 999; right: 0; display: none; }

.nav_xiala a { display: block; line-height: 24px; padding: 0 13px; padding-top: 6px; padding-bottom: 6px; margin: 0 10px; font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.nav_xiala a:hover,.nav_xiala .currentnav { background: #f34a47; color: #fff; }

.nav_xiala li{
	position: relative;
}

.nav_xiala li:hover >a{
	background: #f34a47; color: #fff;
}

.nav_xiala li:hover >ul{
	display: block;
}

.nav_xiala2, .nav_xiala3{
	position: absolute;
	right: 100%;
	top: 0;
	width: 100%;
	background-color: #fff;
	display: none;
}
.topsjj { margin-top: 2px; }

.topsjj a { display: inline-block; margin-left: 5px; }

.topsjj a i { display: inline-block; width: 29px; height: 29px; line-height: 29px; background: transparent; color: #666666; text-align: center; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.topsjj a i:hover { background: #f34a47; color: #fff; }

.m-hdlang { position: relative; overflow: visible; float: right; height: 31px; line-height: 31px; margin-top: 2px; padding: 0 15px; -moz-box-sizing: border-box; box-sizing: border-box; background: #f34a47; min-width: 159px; }

.m-hdlang .lang-list { position: absolute; left: 0; top: 100%; background-color: #eee; z-index: 999; width: 100%; display: none; font-size: 12px; font-size: 1.2rem; border: solid 1px #fff; margin-top: -2px; padding-top: 3px; padding-bottom: 1px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }

.m-hdlang .lang-item { float: none; color: #fff; }

.m-hdlang .lang-list .lang-item span { display: inline-block; vertical-align: middle; margin-right: 3px; }

.m-hdlang .lang-item a { color: #333; }

.m-hdlang .lang-item a:hover { color: #f34a47; }

.m-hdlang > .lang-item { font-size: 14px; font-size: 1.4rem; display: block; color: #fff; position: relative; }

.m-hdlang > .lang-item span { display: inline-block; vertical-align: middle; }

.m-hdlang > .lang-item i { vertical-align: middle; color: #fff; font-size: 12px; font-size: 1.2rem; vertical-align: middle; position: absolute; right: 0px; top: 0px; }

/***********  head  ************/
.head { background: #fff; }

.logo { line-height: 60px; }

.logo a { display: inline-block; vertical-align: middle; width: 260px;}

.logo img { max-width: 100%; display: block;}

.navlist { padding-top: 20px; }

.navlist2 { display: none; }

.navlist > li { float: left; margin-left: 35px; margin-right: 26px; position: relative; padding-bottom: 8px; }

.navlist > li > a { font-size: 16px; font-size: 1.6rem; display: block; line-height: 24px; border-radius: 12px; padding: 0 16px; }

.navlist > li:hover > a { background: #f34a47; color: #fff; }

.navlist > li.currentnav > a { background: #f34a47; color: #fff; }

.search { margin-top: 14px; position: relative; }

.search form { position: absolute; top: 100%; right: 0; z-index: 99; display: none; }

.search > i { cursor: pointer; font-size: 22px; font-size: 2.2rem; color: #666; }

.sou { width: 200px; height: 28px; line-height: 28px; padding-left: 10px; border: 1px solid #333; }

.suo { position: absolute; right: 1px; top: 1px; width: 26px; height: 26px; background: transparent; cursor: pointer; }

.search form i { position: absolute; right: 1px; top: 1px; width: 26px; height: 26px; line-height: 26px; text-align: center; }

@media screen and (max-width: 1419px) { .navlist > li { margin-left: 16px; margin-right: 16px; } 

.navlist {
    padding-top: 30px;
}
.search {
    margin-top: 27px;
   
}
}

@media screen and (max-width: 1219px) { .navlist > li { margin-left: 7px; margin-right: 7px; }
  .navlist > li > a { padding: 0 15px; }
  .logo img {
  
    display: block;
    max-width: 200px;
   
}
   }

@media screen and (max-width: 999px) { .navlist { width: 100%; text-align: center; }
  .navlist > li { float: none; display: inline-block; margin: 0 10px; padding-bottom: 10px; }
  .navlist > li > a { font-size: 14px; font-size: 1.4rem; }
  .topsjj { display: none; }
  .nav_list { margin-left: 10px; } }

@media screen and (max-width: 850px) { .navlist > li { margin: 0 5px; } }

@media screen and (max-width: 767px) { .navlist { display: none; }
  .nav_list, .topsjj { display: none; }
  .m-hdlang { float: none;     margin-top: 25px;}
  .keys { float: none; }
  .logo { float: none; text-align: center; }
  .logo a{width:195px}
  .search { display: none; } }

/**********  sya  **********/
.sya { padding-top: 55px; }

.sybt { text-align: center; font-family: "NexaBold",Arial, Helvetica, sans-serif,Arial, Helvetica, sans-serif; font-size: 50px; font-size: 5rem; }

.sydes { display: block; text-align: center; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 28px; margin-top: 3px; margin-bottom: 34px; }

.sybt a:hover { color: #f34a47; }

.sydes:hover { color: #f34a47; }

.syazuo { width: 653px; border-radius: 30px; overflow: hidden; margin-right: 33px; }

.syazuo img { display: block; width: 100%; max-width: 653px; }

.vitu { position: relative; padding-bottom: 75.0382%; height: 0; overflow: hidden; }

.vitu iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.vitu iframe body { margin: 0px !important; }

.syayou { padding-top: 16px; }

.syap1 { display: block; font-size: 36px; font-size: 3.6rem; line-height: 58px; font-weight: bold; }

.syap2 { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 28px; margin-top: 57px; margin-bottom: 127px; overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;}
.syap2 a{ display: block;}

.syap1:hover { color: #f34a47; }

.syap2 a:hover { color: #f34a47; }

.syap3 { display: inline-block; min-width: 154px; height: 31px; line-height: 31px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; border-radius: 16px; background: #f34a47; font-size: 16px; font-size: 1.6rem; color: #eeeeee; text-align: center; }

.syap3:hover { background: #f34a47; color: #fff; }

@media screen and (max-width: 1219px) { .syazuo { width: 560px; }
  .syap1 { font-size: 26px; font-size: 2.6rem; line-height: 44px; }
  .sybt { font-size: 40px; font-size: 4rem; }
  .syap2 { margin-top: 25px; margin-bottom: 40px; } }

@media screen and (max-width: 999px) { .sybt { font-size: 30px; font-size: 3rem; }
  .syazuo { width: auto; float: none; max-width: 653px; margin: 0 auto; }
  .syap1 { font-size: 22px; font-size: 2.2rem; line-height: 30px; }
  .syayou { padding-top: 20px; }
  .syap2 { margin-bottom: 20px; }
  .sya { padding-top: 40px; } }

@media screen and (max-width: 767px) { .sydes { font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-bottom: 20px; }
  .syap1 { font-size: 16px; font-size: 1.6rem; }
  .syap2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 10px; }
  .sya { padding-top: 30px; }
  .sybt { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 600px) { .syazuo { border-radius: 10px; } }

/**********  syp  **********/
.syp { padding-top: 75px; padding-bottom: 65px; background: url(../images/sybg1.jpg) no-repeat center bottom; }

.syp .sybt { text-align: left; }

.syp .sydes { text-align: left; }

.syplist { font-size: 0; letter-spacing: 0; }

.sypcon { position: relative; overflow: hidden; }

.sypbox { display: inline-block; vertical-align: top; margin-left: 78px; margin-bottom: 42px; width: 348px; }

.syptu { display: block; border: 1px solid #dcdcdc; }

.syptu img { display: block; width: 100%; max-width: 456px; max-height: 456px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.sypcover { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: url(../images/sypcover.png); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.sypcover i { position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -17px; font-size: 34px; font-size: 3.4rem; color: #fff; }

.sypp1 { display: block; font-size: 18px; font-size: 1.8rem; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; margin-top: 19px; margin-bottom: 13px; }

.sypp2 { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 25px; }

.sypp3 { text-align: center; }

.sypp3 a { display: inline-block; min-width: 98px; height: 27px; line-height: 27px; border-radius: 14px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; background: #666666; color: #eeeeee; font-size: 14px; font-size: 1.4rem; }

.sypbox:hover .sypcover { top: 0; }

.sypbox:hover .syptu img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.sypp1:hover { color: #f34a47; }

.sypp2:hover { color: #f34a47; }

.sypp3 a:hover { background: #f34a47; }

@media screen and (max-width: 1219px) { .sypbox { margin-left: 40px; width: 300px; } }

@media screen and (max-width: 999px) { .sypbox { width: 31.333%; margin: 0 1%; margin-bottom: 30px; }
  .sypp1 { font-size: 16px; font-size: 1.6rem; }
  .sypcover { display: none; } }

@media screen and (max-width: 767px) { .sypp2 { font-size: 14px; font-size: 1.4rem; }
  .syp { padding-top: 50px; padding-bottom: 35px; }
  .sypp1 { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 550px) { .sypbox { width: 48%; }
  .sypp1 { margin-top: 10px; }
  .sypp2 { margin-bottom: 15px; }
  .syp { padding-bottom: 20px; } }

/***************  syapp  **************/
.syapp { padding-top: 19px; background: url(../images/sybg2.jpg) no-repeat center top; }

.syapp .sybt a { color: #fff; }

.syapp .sydes { color: #fff; margin-bottom: 50px; }

.syapp .sybt a:hover { color: #333; }

.syapp .sydes:hover { color: #333; }

.syapp .img-scroll { position: relative; }

.syapp .prev, .syapp .next { position: absolute; display: block; top: 50%; margin-top: -30px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #e3e3e3; text-align: center; }

.syapp .prev i, .syapp .next i { font-size: 16px; font-size: 1.6rem; color: #333333; font-weight: bold; }

.syapp .prev:hover, .syapp .next:hover { background: #f34a47; }

.syapp .prev:hover i, .syapp .next:hover i { color: #fff; }

.syapp .prev { left: 8px; cursor: pointer; }

.syapp .next { right: 8px; cursor: pointer; }

.syapp .img-list { position: relative; overflow: hidden; margin: 0 37px; }

.syapp .img-list ul { width: 10000%; }

.syapp .img-list li { float: left; display: inline; width: 0.2454%; margin-right: 0.0059%; position: relative; position: relative; text-align: center; }

.syappcon { position: relative; overflow: hidden; }

.syappcover { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: url(../images/sypcover.png); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.syapp .img-list li:hover .syappcover { top: 0; }

.syapptu { display: block; }

.syapptu img { display: block; width: 100%; max-width: 454px; max-height: 341px; }

.syappcover div { position: absolute; width: 80%; 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%); }

.syappp1 { display: block; font-size: 26px; font-size: 2.6rem; color: #fff; font-weight: bold; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.syappp2 { display: block; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 28px; height: 56px; overflow: hidden; margin-top: 17px; }

@media screen and (max-width: 1600px) { .syappp1 { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 1400px) { .syappp1 { font-size: 18px; font-size: 1.8rem; }
  .syappp2 { font-size: 14px; font-size: 1.4rem; }
  .syapp .prev, .syapp .next { width: 50px; height: 50px; line-height: 50px; margin-top: -25px; } }

@media screen and (max-width: 1219px) { .syapp .img-list li { width: 0.313333%; margin-right: 0.029%; } }

@media screen and (max-width: 999px) { .syapp .img-list li { width: 0.31333%; margin: 0 0.01%; }
  .syappp2 { margin-top: 10px; }
  .syapp .sydes { margin-bottom: 35px; }
  .syappp1 { font-size: 16px; font-size: 1.6rem; }
  .syappcover { position: static; }
  .syappcover div { position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); width: auto; padding: 10px; }
  .syapp { padding-top: 40px; } }

@media screen and (max-width: 767px) { .syapp .img-list li { width: 0.48%; }
  .syapp .img-list { margin: 0 20px; } }

@media screen and (max-width: 500px) { .syapp .img-list li { width: 0.98%; }
  .syapp .sydes { margin-bottom: 20px; }
  .syapp { padding-top: 30px; } }

/***************  syn  **************/
.syn { padding-top: 83px; padding-bottom: 112px; }
.sybox { padding-top: 33px; padding-bottom: 82px; }

.syn .sybt { text-align: left; }

.syn .sydes { text-align: left; margin-bottom: 52px; }

.syn .img-scroll { position: relative; padding-bottom: 97px; }

.syn .prev, .syn .next { position: absolute; display: block; bottom: 0; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #e3e3e3; text-align: center; }

.syn .prev i, .syn .next i { font-size: 16px; font-size: 1.6rem; color: #333333; font-weight: bold; }

.syn .prev:hover, .syn .next:hover { background: #f34a47; }

.syn .prev:hover i, .syn .next:hover i { color: #fff; }

.syn .prev { left: 50%; margin-left: -62px; cursor: pointer; }

.syn .next { right: 50%; margin-right: -62px; cursor: pointer; }

.syn .img-list { position: relative; overflow: hidden; margin: 0 auto; }

.syn .img-list ul { width: 10000%; }

.syn .img-list li { float: left; display: inline; width: 578px; margin-right: 43px; position: relative; }

.syntu { display: block; }

.syntu img { display: block; width: 100%; max-width: 578px; max-height: 433px; }

.syncon { padding-top: 12px; }

.syriqi { width: 82px; height: 94px; background: #c7c6c6; border: 1px solid #c7c6c6; text-align: center; margin-right: 16px; }

.syriqi span { display: block; font-size: 20px; font-size: 2rem; color: #ffffff; padding-top: 19px; }

.syriqi p { color: #ffffff; line-height: 28px; }

.syncover { overflow: hidden; padding-top: 12px; }

.synp1 { display: block; font-size: 20px; font-size: 2rem; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.synp2 { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; margin-bottom: 25px; }

.synp3 { float: right; font-size: 16px; font-size: 1.6rem; color: #333333; text-decoration: underline; }

.syncover a:hover { color: #f34a47; }

@media screen and (max-width: 1219px) { .syn .img-list li { margin-right: 20px; width: 480px; }
  .synp1 { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 999px) { .syn .img-list li { width: 0.48%; margin: 0 0.01%; }
  .syn .sydes { margin-bottom: 35px; }
  .synp1 { font-size: 16px; font-size: 1.6rem; }
  .synp2 { font-size: 14px; font-size: 1.4rem; }
  .syriqi span { font-size: 18px; font-size: 1.8rem; }
  .syriqi { width: 72px; height: 80px; }
  .synp3 { font-size: 14px; font-size: 1.4rem; }
  .syn .prev, .syn .next { width: 50px; height: 50px; line-height: 50px; }
  .syn { padding-top: 60px; padding-bottom: 90px; }
  .sybox { padding-top: 30px; padding-bottom: 60px; }
  .syn .img-scroll { padding-bottom: 70px; } }

@media screen and (max-width: 767px) { .syn { padding-bottom: 50px; }
  .syriqi p { font-size: 12px; font-size: 1.2rem; }
  .syriqi { width: 62px; height: 64px; margin-right: 10px; }
  .syriqi span { font-size: 16px; font-size: 1.6rem; padding-top: 10px; }
  .syncover { padding-top: 0; }
  .synp2 { margin-bottom: 10px; } }

@media screen and (max-width: 600px) { .syn .img-list li { width: 0.98%; }
  .syn { padding-top: 40px; padding-bottom: 35px; }
  .sybox { padding-top: 10px; padding-bottom: 35px; }
  .syn .sydes { margin-bottom: 20px; }
  .synp2 { margin-top: 5px; } }

/*************  bottom  ************/
.bottom { background: #242424; font-size: 16px; font-size: 1.6rem; padding-bottom: 21px; padding-top:36px }

.bottom_fy { padding-top: 74px; }

.se_tiao { background: #f34a47; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 58px; padding-right: 105px; margin-bottom: 1px; position: relative; top: -38px; }

.se_tiao p { font-size: 30px; font-size: 3rem; color: #fff; float: left; font-weight: bold; }

.se_tiao a { color: #fff; font-size: 28px; font-size: 2.8rem; text-decoration: underline; float: right; font-weight: bold; }

.se_tiao a:hover { color: #333 !important; }

.bottom p, .bottom li, .bottom a, .bottom span { color: #fff; }

.bottom a:hover { color: #f34a47; }

.div > a, .div > span { display: block; font-size: 26px; font-size: 2.6rem; font-family: "NexaBold",Arial, Helvetica, sans-serif,Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 29px; text-transform: uppercase; }

.div > a:after, .div > span:after { content: ""; display: block; width: 57px; height: 2px; background: #fff; margin-top: 13px; }

.div1 { margin-right: 122px; }

.div1 li { line-height: 36px; }

.div2 { width: 330px; }

.div2 li { line-height: 36px; }

.div3 { width: 546px; }

.div3 form { padding-top: 11px; }

.div3 .xing { padding-left: 13px; background: url(../images/syxing.png) no-repeat left 17px; margin-bottom: 28px; }

.div3 .xing input { height: 35px; line-height: 35px; color: #fff; padding-left: 16px; border: 1px solid #fff; background: transparent; }

.div3 .intbox1 input { width: 232px; }

.div3 .intbox2 input { width: 474px; }

.div3 .intbox3 textarea { width: 518px; padding-left: 16px; line-height: 26px; padding-top: 5px; height: 67px; border: 1px solid #fff; background: transparent; color: #fff; display: block; }

.div3 .intbox4 input.syint1 { width: 392px; float: left; }

.div3 .intbox4 input.syint2 { padding: 0; width: 100%; height: 37px; line-height: 37px; text-align: center; background: #f34a47; color: #fff; cursor: pointer; border: none; margin-top: 26px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.div3 .intbox4 input.syint2:hover { background: #f34a47; }

.div3 .intbox4 img { float: right; cursor: pointer; }

.bsjj a { margin-left: 6px; }

.bsjj a i { display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; background: transparent; color: #fff; font-size: 18px; font-size: 1.8rem; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.bsjj a:hover i { background: #f34a47; color: #fff; }

.copyright, .support { line-height: 26px; }

.cnzz { padding-left: 10px; }

.dibu { margin-top: 20px; font-size: 14px; font-size: 1.4rem; }

.dibu p, .dibu li, .dibu a, .dibu span { color: #fff; }

.link { line-height: 30px; min-height: 30px; }

.link a { padding: 0 20px; }

.link a, .link span { display: inline-block; }

.link a:hover { color: #f34a47; }

.keys { line-height: 30px; min-height: 30px; color: #666666; }

.keys a, .keys span { display: inline-block; color: #666666; }

.keys a:hover { color: #f34a47; }

@media screen and (max-width: 1219px) { .div1 { margin-right: 20px; }
  .div > a, .div > span { font-size: 20px; font-size: 2rem; }
  .div2 { width: 280px; } }

@media screen and (max-width: 999px) { .div1 { width: 30%; margin-right: 2%; }
  .div2 { width: 68%; }
  .div3 { float: left; margin-top: 20px; }
  .se_tiao p { font-size: 24px; font-size: 2.4rem; }
  .se_tiao a { font-size: 24px; font-size: 2.4rem; }
  .se_tiao { padding: 15px 20px; }
  .bottom_fy { padding-top: 30px; } }

@media screen and (max-width: 767px) { .div { display: none; }
  .bottom { padding-top: 20px; padding-bottom: 60px; }
  .link { display: none; }
  .se_tiao { display: none; }
  .bsjj { float: none; }
  .bsjj a { margin-left: 0; margin-right: 6px; }
  .dibu { margin-top: 0; } }

/************  bread  *************/
.mianbao { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #666666; padding-top: 30px; }

.mianbao a { color: #666666; }

.mianbao a:hover { color: #f34a47; }

.co00 { color: #f34a47 !important; }

.fymain { padding-top: 52px; padding-bottom: 100px; }

.bannerf { display: none; }

.bannerf img { display: block; width: 100%; max-width: 1920px; }

/**********  certificate  **********/
.zspart { font-size: 0; letter-spacing: 0; }

.zsbox { width: 277px; display: inline-block; vertical-align: top; margin-left: 30px; margin-bottom: 46px; text-align: center; }

.zscon { position: relative; overflow: hidden; border: 1px solid #dad9d9; }

.zscon a:first-child{
  display: block;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}

.zscon a:first-child img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-width: 100%;
  width: auto;
}

.zsbox img { display: block; width: 100%; max-width: 275px; max-height: 275px; }

.zscover { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: url(../images/zscover.png); text-align: center; }

.zscover i { font-size: 40px; font-size: 4rem; color: #fff; position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; }

.zsbox span { font-size: 20px; font-size: 2rem; color: #333333; display: block; margin-top: 23px; line-height: 30px; }

.zsbox:hover .zscover { top: 0; }

.ms_ye { position: relative; margin-top: 2px; text-align: center; }

.ms_ye a { display: inline-block; width: 32px; line-height: 28px; text-align: center; margin-left: 3px; margin-right: 2px; font-size: 12px; font-size: 1.2rem; background: #fff; color: #333333; border: 1px solid #f1f1f1; margin-bottom: 10px; }

.ms_sx { color: #666666 !important; width: 60px !important; }

.ms_sx:hover i { color: #f34a47 !important; }

.ms_ye .ms_current_ye { color: #f34a47; border: 1px solid #f34a47; }

.ms_ye a:hover { color: #f34a47; border: 1px solid #f34a47; }

@media screen and (max-width: 1219px) { .zsbox { width: 222px; }
  .zsbox span { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 999px) { .zsbox { width: 31.333%; margin: 0 1%; margin-bottom: 30px; }
  .zsbox span { margin-top: 15px; font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .zscover { display: none; }
  .fymain { padding-top: 30px; padding-bottom: 80px; } }

@media screen and (max-width: 600px) { .zsbox { width: 48%; }
  .fymain { padding-bottom: 40px; }
  .mianbao { padding-top: 15px; } }

@media screen and (max-width: 400px) { .zsbox span { font-size: 14px; font-size: 1.4rem; margin-top: 10px; }
  .zsbox { margin-bottom: 20px; }
  .fymain { padding-top: 20px; } }

/**********   video   **********/
.vlist { font-size: 0; letter-spacing: 0; }

.vbox { width: 371px; display: inline-block; vertical-align: top; margin-left: 43px; margin-bottom: 31px; }

.vbox img { display: block; width: 100%; max-width: 372px; max-height: 279px; cursor: pointer; }

.vitu2 { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }

.vitu2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.vitu2 iframe body { margin: 0px !important; }

.vcon { padding-top: 21px; }

.vp1 { font-size: 20px; font-size: 2rem; line-height: 30px; }

.vp2 { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 8px; }

.video .ms_ye { margin-top: 18px; }

@media screen and (max-width: 1219px) { .vbox { margin-left: 30px; width: 306px; }
  .vp1 { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 999px) { .vbox { width: 31.333%; margin: 0 1%; margin-bottom: 30px; }
  .vp1 { font-size: 16px; font-size: 1.6rem; line-height: 28px; }
  .vp2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 650px) { .vbox { width: 48%; margin-bottom: 20px; }
  .vcon { padding-top: 15px; } }

@media screen and (max-width: 370px) { .vbox { width: 98%; } }

.sp_tankuang { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999999999; background: rgba(0, 0, 0, 0.5); display: none; }

.sp_tankuang .spbox { width: 100%; max-width: 371px; margin: 0 auto; position: relative; top: 60px; }

.guanbi { position: absolute; right: 20px; top: 20px; cursor: pointer; }

/************  faq  ************/
.fbox { margin-bottom: 38px; }

.fyfp1 { padding: 0 20px; background: #f2f2f2; line-height: 26px; padding-top: 10px; padding-bottom: 10px; }

.fyfp1 p { font-size: 16px; font-size: 1.6rem; }

.fyfp2 { border: 1px solid #e6e6e6; padding: 0 18px; padding-top: 26px; padding-bottom: 28px; border-top: none; }

.fyfp2 p { font-size: 16px; font-size: 1.6rem; color: #333333; line-height: 30px; }

@media screen and (max-width: 767px) { .fyfp2 p { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .fyfp2 { padding-top: 15px; padding-bottom: 20px; }
  .fbox { margin-bottom: 25px; }
  .fyfp1 p { font-size: 14px; font-size: 1.4rem; } }

/**********   about   **********/
.abt { font-size: 30px; font-size: 3rem; margin-bottom: 27px; color: #333333; line-height: 30px; }

.abt2 { text-align: center; font-size: 30px; font-size: 3rem; text-transform: uppercase; }

.abjq { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 55px; color: #333; }

.abjq p { color: #333; }

.abjq a { color: #f34a47; }

.abjq img { max-width: 100%; margin-bottom: 40px; }

.lxlist { margin-bottom: 40px; }

.lxlist div { font-size: 16px; font-size: 1.6rem; color: #333; line-height: 30px; margin-bottom: 15px; }

.lxlist div a, .lxlist div span { color: #333; }

.lxlist div a:hover { color: #f34a47; }

@media screen and (max-width: 999px) { .abt { font-size: 20px; font-size: 2rem; }
  .lxlist div { margin-bottom: 5px; }
  .abt2 { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .lxlist div { font-size: 14px; font-size: 1.4rem; }
  .abjq { font-size: 14px; font-size: 1.4rem; } }

.aform { padding-top: 43px; width: 100%; margin: 0 auto; }

.aform div:nth-child(2n+1) { float: left; }

.aform div:nth-child(2n) { float: right; }

.aform .xing input { width: 556px; height: 48px; line-height: 48px; padding-left: 10px; border: 1px solid #aaa; color: #999999; font-size: 16px; font-size: 1.6rem; }

.aform .xing { padding-left: 19px; margin-bottom: 19px; }

.aform .xing2 { background: url("../images/xing.png") no-repeat left 20px; }

.aform .textarea { width: 1180px; padding-left: 10px; line-height: 48px; height: 134px; border: 1px solid #aaa; color: #999999; display: block; font-size: 16px; font-size: 1.6rem; }

.aform .xing input.capt { width: 524px; height: 48px; line-height: 48px; padding-left: 10px; color: #999999; border: 1px solid #aaa; }

.aform .yzm { cursor: pointer; vertical-align: middle; margin-left: 32px; }

.aform .xing3 { display: inline-block; float: none !important; }

.aform .csub { width: 408px; height: 50px; text-align: center; background: #f34a47; color: #fff; float: right; cursor: pointer; line-height: 50px; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }

.aform .csub:hover { background: #318be5; }

.ditu { margin-top: 40px; }

.ditu img { display: block; width: 100%; max-width: 1920px; }

.aform .attachment { float: left !important; }

.aform .attachment span { float: left; }

.aform .attachment #file-name { padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.aform .attachment .file-group { float: left; width: 200px; height: 50px; position: relative; overflow: hidden; }

.aform .attachment .file-group .file-btn { width: 100%; height: 100%; background-color: #f34a47; border: none; color: #FFFFFF; padding-left: 0; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; }

.aform .attachment .file-group .file-single { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 111; }

.aform .attachment .file-group .file { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 111; }

.aform .attachment .file-name-p { height: 54px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: 50px; }

.aform .attachment .file-name-p i { cursor: pointer; }

.aform .attachment .file-name-p span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@media screen and (max-width: 1219px) { .aform { width: 950px; }
  .aform .xing input { width: 435px; }
  .aform .textarea { width: 919px; }
  .aform .xing input.capt { width: 306px; }
  .aform .yzm { margin-left: 19px; } }

@media screen and (max-width: 999px) { .aform { width: 100%; }
  .aform .xing { float: none; }
  .aform .xing input { width: -moz-calc(100% - 14px); width: -webkit-calc(100% - 14px); width: calc(100% - 14px); }
  .aform .textarea { width: -moz-calc(100% - 14px); width: -webkit-calc(100% - 14px); width: calc(100% - 14px); }
  .aform .xing input.capt { width: -moz-calc(100% - 14px); width: -webkit-calc(100% - 14px); width: calc(100% - 14px); }
  .aform .xing3 { display: block; }
  .aform div:nth-child(2n+1) { float: none; }
  .aform div:nth-child(2n) { float: none; } }

@media screen and (max-width: 650px) { .aform .csub { width: -moz-calc(100% - 19px); width: -webkit-calc(100% - 19px); width: calc(100% - 19px); margin-top: 14px; }
  .aform { padding-top: 25px; }
  .abjq { margin-bottom: 40px; }
  .abt { font-size: 18px; font-size: 1.8rem; }
  .abt2 { font-size: 18px; font-size: 1.8rem; }
  .lxlist div { margin-bottom: 0; } }

/**********   news1   **********/
.fynbox { width: 578px; margin-bottom: 42px; }

@media screen and (max-width: 1219px) { .fynbox { width: 475px; } }

@media screen and (max-width: 999px) { .fynbox { width: 48%; margin: 0 1%; margin-bottom: 30px; } }

@media screen and (max-width: 550px) { .fynbox { width: 98%; } }

/************  news2  *************/
.news2 .xwxbt { font-size: 36px; font-size: 3.6rem; font-weight: bold; color: #333333; line-height: 30px; text-align: center; margin-bottom: 13px; }

.xwsjsjj { line-height: 26px; text-align: center; }

.xwsjsjj span { display: inline-block; color: #999; }

.nshare1 { margin-top: 3px; margin-right: 5px; font-size: 16px; font-size: 1.6rem; }

.nshare { margin-bottom: 46px; }

.nex { color: #666; line-height: 28px; padding-top: 35px; margin-bottom: 24px; font-size: 16px; font-size: 1.6rem; }

.nex p, .nex li, .nex div, .nex span, .nex b { color: #666; }
.nex p img,.nex img{ max-width:100%}
.nex a { color: #f34a47; }

.xwsx p { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 17px; }

.xwsx p a:hover { color: #f34a47; }

.xwsx i { display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; background: #b6b8ba; color: #fff; font-size: 12px; font-size: 1.2rem; margin-right: 5px; }

.shijian { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 30px; text-transform: uppercase; margin-top: 10px; }

.shijian p { display: inline-block; margin: 0 50px; }

.shijian p span { color: #f34a47; }

@media screen and (max-width: 1219px) { .news2 .xwxbt { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 999px) { .news2 .xwxbt { font-size: 20px; font-size: 2rem; }
  .nex { font-size: 14px; font-size: 1.4rem; }
  .xwsx p { font-size: 14px; font-size: 1.4rem; }
  .nshare1 { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nex { padding-top: 15px; }
  .news2 .xwxbt { font-size: 18px; font-size: 1.8rem; } }

.zjplist { margin-top: 54px; }

.zjplist .img-scroll { position: relative; }

.zjbt { font-size: 24px; font-size: 2.4rem; text-transform: uppercase; margin-bottom: 33px; font-weight: bold; }

.zjbt a:hover { color: #f34a47; }

.lbbtn { position: absolute; top: -60px; text-align: center; background: #fff; right: 0; width: 44px; }

.zjplist .prev, .zjplist .next { display: block; color: #fff; text-align: center; }

.zjplist .prev i, .zjplist .next i { font-size: 18px; font-size: 1.8rem; color: #333; }

.zjplist .prev:hover i, .zjplist .next:hover i { color: #f34a47; }

.zjplist .prev { cursor: pointer; float: left; }

.zjplist .next { cursor: pointer; float: right; }

.zjplist .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }

.zjplist .img-list ul { width: 10000%; }

.zjplist .img-list li { float: left; display: inline; width: 282px; margin-right: 24px; position: relative; position: relative; }

.zjptu2 { display: block; border: 1px solid #dcdcdc; }

.zjptu2 img { display: block; width: 100%; max-width: 418px; max-height: 320px; }

.zjpp12 { display: block; font-size: 18px; font-size: 1.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 18px; line-height: 28px; }

.zjpp12:hover { color: #f34a47; }

@media screen and (max-width: 1219px) { .zjplist .img-list li { margin-right: 29px; width: 223px; } }

@media screen and (max-width: 999px) { .zjpp12 { font-size: 16px; font-size: 1.6rem; }
  .zjplist .img-list li { width: 0.21%; margin: 0.02%; }
  .zjbt { font-size: 20px; font-size: 2rem; margin-bottom: 12px; }
  .lbbtn { top: -22px; } }

@media screen and (max-width: 767px) { .zjplist .img-list li { width: 0.293333%; } }

@media screen and (max-width: 550px) { .zjplist .img-list li { width: 0.46%; }
  .zjplist { margin-top: 40px; }
  .zjbt { margin-bottom: 30px; } }

@media screen and (max-width: 380px) { .zjplist .img-list li { width: 0.96%; } }

.xgxw { margin-top: 50px; }

@media screen and (max-width: 999px){
  .xgxw{ margin-top: 30px; }
}

/**********  download  *********/
.downbox { background: #f4f2f2; margin-bottom: 28px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.downcon { padding-left: 29px; padding-top: 19px; position: relative; padding-bottom: 25px; padding-right: 22px; }

.downnr { margin-right: 190px; overflow: hidden; }

.downp1 { display: block; font-size: 16px; font-size: 1.6rem; color: #333333; line-height: 32px; margin-bottom: 7px; }

.downp2 { display: block; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 26px; }

.downp3 { display: block; width: 119px; height: 32px; line-height: 32px; text-align: center; background: #f34a47; color: #fff; position: absolute; right: 46px; top: 39px; text-transform: uppercase; font-weight: bold; }

.downbox:hover { background: #f34a47; }

.downbox:hover .downp1 { color: #fff; }

.downbox:hover .downp2 { color: #fff; }

.downbox:hover .downp3 { background: #fff; color: #f34a47; }

@media screen and (max-width: 999px) { .downnr { margin-right: 165px; }
  .downp3 { right: 20px; } }

@media screen and (max-width: 767px) { .downp1 { font-size: 16px; font-size: 1.6rem; line-height: 26px; }
  .downp2 { font-size: 14px; font-size: 1.4rem; }
  .downnr { margin-right: 0; }
  .downcon { padding-bottom: 60px; }
  .downp3 { top: auto; bottom: 10px; } }

@media screen and (max-width: 500px) { .downcon { padding-left: 10px; padding-right: 10px; }
  .downtu { margin-right: 15px; } }

@media screen and (max-width: 400px) { .downtu { width: auto; margin: 0 auto; width: 96px; float: none; margin-bottom: 15px; } }

/**********  application1  **********/
.bhang { position: relative; margin-bottom: 36px; background: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.bhang .fyblog { width: 387px; margin-right: 40px; overflow: hidden; }

.bhang .fyblog img { width: 100%; max-width: 454px; max-height: 341px; display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.bhang .fyblog:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.fyblognr { padding-top: 9px; padding-right: 45px; }

.fyblogp1 { display: block; font-size: 26px; font-size: 2.6rem; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 13px; font-weight: bold; }

.fyblogp2 { display: block; line-height: 28px; height: 84px; overflow: hidden; margin-bottom: 99px; color: #666666; font-size: 16px; font-size: 1.6rem; }

.fyblogp3 { display: inline-block; height: 27px; line-height: 27px; min-width: 98px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; text-align: center; border-radius: 14px; color: #fff; background: #666666; font-size: 14px; font-size: 1.4rem; }

.application1 .ms_ye { margin-top: 95px; }

.bhang:hover { background: #f34a47; }

.bhang:hover .fyblogp1 { color: #fff; }

.bhang:hover .fyblogp2 { color: #fff; }

.bhang:hover .fyblogp3 { color: #f34a47; background: #fff; }

@media screen and (max-width: 1219px) { .fyblogp1 { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 999px) { .bhang .fyblog { width: 340px; margin-right: 30px; }
  .fyblogp1 { font-size: 18px; font-size: 1.8rem; }
  .fyblogp2 { margin-bottom: 65px; } }

@media screen and (max-width: 850px) { .fyblogp2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 78px; }
  .fyblognr { padding-right: 25px; } }

@media screen and (max-width: 767px) { .bhang .fyblog { float: none; width: auto; max-width: 454px; margin: 0 auto; display: block; }
  .fyblognr { padding: 0px; padding-top: 20px; }
  .bhang { margin-bottom: 20px; }
  .fyblogp2 { margin-bottom: 25px; } }

@media screen and (max-width: 550px) { .fyblogp1 { font-size: 16px; font-size: 1.6rem; line-height: 28px; }
  .fyblognr { padding-top: 15px; } }

/**********  application2  **********/
.application2 .nshare { text-align: center; margin-top: 27px; margin-bottom: 0; }

/**********   product1   **********/
.pzuo { width: 243px; }

.pyou { width: 920px; }

.subNavBox { margin-bottom: 24px; }

.subNavBox .subNav { cursor: pointer; line-height: 20px; padding: 4px; padding-left: 16px; padding-right: 30px; background: #fff; margin-bottom: 22px; position: relative; border: 1px solid #dcdcdc; }

.subNavBox .subNav a { font-size: 18px; font-size: 1.8rem; color: #333333; }

.subNavBox .subNav:hover { border: 1px solid #f34a47; }

.subNavBox .subNav:hover a { color: #f34a47; }

.subNavBox .currentDd a { color: #f34a47; }

.subNavBox .currentDt { border: 1px solid #f34a47; }

.subNavBox .navContent { display: none; background: #fff; margin-bottom: 22px; margin-top: -23px; }

.subNavBox .navContent > li > a { display: block; line-height: 28px; padding: 8px 0; color: #333; padding-left: 17px; padding-right: 10px; position: relative; font-size: 16px; font-size: 1.6rem; }

.subNavBox .navContent > li > a:hover { color: #f34a47; }

.subNavBox .navContent > li > a.current { color: #f34a47; }

.subNavBox .navContent > li div p { line-height: 21px; padding-left: 23px; font-size: 14px; font-size: 1.4rem; margin-bottom: 15px; }

.subNavBox .navContent > li div p a { display: block; color: #666666; font-size: 14px; font-size: 1.4rem; }

.subNavBox .navContent > li div p:hover { background: #f34a47; }

.subNavBox .navContent > li div p:hover a { color: #fff; }

.title1 { font-size: 20px; font-size: 2rem; line-height: 48px; position: relative; border-bottom: 1px dotted #dcdcdc; display: block; margin-bottom: 15px; }

.title1 a, .title1 span { color: #f34a47; }

.title1 a:hover { color: #333; }

.title2 { margin-top: 42px; margin-bottom: 0; }

.tags { line-height: 30px; background: #fff; font-size: 16px; font-size: 1.6rem; color: #666666; }

.tags a { color: #666666; display: block; }

.tags a:hover { color: #f34a47; }

.cenlist li { margin-bottom: 19px; }

.cenlist li a { display: block; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 28px; padding-left: 19px; position: relative; }

.cenlist li a:before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #9d9d9d; position: absolute; left: 0; top: 11px; }
.cenlist li a:hover{ color:#f34a47}
.pzuo .attribute { font-size: 16px; margin-top: 16px; }

.pzuo .attribute .name span { display: inline-block; width: 80%; overflow-y: hidden; color: #333; font-size: 18px; font-size: 1.8rem; }

.pzuo .attribute .name { height: 32px; line-height: 32px; border: 1px solid #dcdcdc; padding: 0 10px; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; color: #333; margin-bottom: 20px; position: relative; }

.pzuo .attribute .name i { color: #999999; position: absolute; right: 5px; top: 0; }

.pzuo .attribute .name.active { border: 1px solid #f34a47; }

.pzuo .attribute .name.active span { color: #f34a47; }

.pzuo .attribute .item-box { background-color: #fff; padding: 2px 10px 10px 12px; -moz-box-sizing: border-box; box-sizing: border-box; max-height: 180px; overflow-y: auto; display: none; cursor: pointer; margin-top: -15px; margin-bottom: 20px; }

.pzuo .attribute .item-box div { padding: 2px 0; color: #666f66; }

.pzuo .attribute .item-box p input { display: inline-block; margin-right: 15px; position: relative; top: 1px; }

.pzuo .attribute .item-box div span { overflow-y: hidden; display: inline-block; vertical-align: middle; max-height: 24px; font-size: 18px; font-size: 1.8rem; color: #f34a47; }

.pzuo .attribute .check-box-div { display: inline-block; vertical-align: middle; margin-right: 5px; }

.pzuo .attribute .check-box-div .icon { font-size: 18px; }

.pzuo .attribute .item-box.active { display: block; }

.plbt { font-size: 24px; font-size: 2.4rem; margin-bottom: 29px; color: #333333; line-height: 38px; }

.plxx { line-height: 30px; margin-bottom: 25px; font-size: 16px; font-size: 1.6rem; color: #666666; background: #e4f1fe; padding: 10px 16px; padding-bottom: 18px; }

.plxx p, .plxx span { color: #666666; }

.plxx a { color: #f34a47; }

.pbox { margin-bottom: 31px; }

.ptu { display: block; border: 1px solid #dcdcdc; margin-right: 16px; max-width: 266px; }

.ptu img { display: block; width: 100%; max-width: 456px; max-height: 456px; }

.pcon { padding-top: 18px; }

.pp1 { display: block; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; }

.pp2 { display: block; font-size: 16px; font-size: 1.6rem; line-height: 24px; height: 48px; overflow: hidden; margin-top: 14px; color: #666666; }

.pp3 { margin-top: 131px; }

.pp3 a { display: inline-block; min-width: 98px; height: 27px; line-height: 27px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; text-align: center; color: #fff; background: #666666; border-radius: 14px; }

.pp3 input { cursor: pointer; margin-right: 2px; }

.pp1:hover { color: #f34a47; }

.pp2:hover { color: #f34a47; }

.pp3 a:hover { background: #f34a47; }

.xiangshang { display: inline-block; margin-left: 7px; padding-right: 23px; background: url(../images/xs.jpg) no-repeat right 6px; }

.xiangshang input { width: 146px; height: 30px; line-height: 30px; text-align: center; color: #fff; cursor: pointer; background: #f34a47; }

.xiangshang input:hover { background: #328de9; }




.add-form { display: inline-block; margin-left: 7px;  }

.add-form button { width: 146px; height: 30px; border: none; line-height: 30px; text-align: center; color: #fff; cursor: pointer; background: #f34a47; }

.add-form button:hover { background: #328de9; }

.product1 .ms_ye { margin-top: 50px; }

@media screen and (max-width: 1219px) { .pyou { width: 700px; } }

@media screen and (max-width: 999px) { .pyou { width: 100%; }
  .pzuo { width: 100%; margin-top: 30px; }
  .plbt { font-size: 18px; font-size: 1.8rem; margin-bottom: 12px; }
  .plxx { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 767px) { .plxx { margin-bottom: 20px; }
  .plbt { line-height: 34px; }
  .pp1 { font-size: 16px; font-size: 1.6rem; }
  .pp2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 52px; }
  .xiangshang { margin-left: 10px; }
  .subNavBox .subNav a { font-size: 16px; font-size: 1.6rem; }
  .subNavBox .subNav { margin-bottom: 16px; }
  .tags { font-size: 14px; font-size: 1.4rem; }
  .pp3 { margin-top: 60px; }
  .ptu { max-width: 210px; } }

@media screen and (max-width: 600px) { .pp3 { margin-top: 30px; }
  .ptu { max-width: 180px; } }

@media screen and (max-width: 500px) { .ptu { float: none; width: auto; max-width: 300px; margin: 0 auto; } }

/************  product2  *************/
.product2 .prob-pic { width: 458px; float: left; }

.product2 .prob-pic-big { position: relative; }

.product2 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; border: 1px solid #dcdcdc; }

.product2 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }

.product2 .prob-pic-big-img .zoomPad > img { max-width: 100%; }

.product2 .zoomWrapperImage img { max-width: 1200px; }

.provideo-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; }

.provideo { position: relative; overflow: hidden; padding-bottom: 100%; height: 0; border: 1px solid #ebebeb; overflow: hidden; }

.provideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.provideo iframe body { margin: 0px !important; }

.product2 .prob-pic-small { position: relative; margin-top: 18px; padding: 0 15px; }

.product2 .prob-pic-btn { position: absolute; top: 50%; margin-top: -20px; display: block; text-align: center; }

.product2 .prob-pic-btn i { color: #000000; font-size: 22px; font-size: 2.2rem; }

.product2 .prob-pic-btn i:hover { color: #f34a47; }

.product2 .prob-pic-btn.prev { left: -7px; }

.product2 .prob-pic-btn.next { right: -7px; }

.product2 .prob-pic-list { overflow: hidden; }

.product2 .prob-pic-list ul { width: 1000%; overflow: hidden; }

.product2 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.2%; width: 3.2%; }

.product2 .prob-pic-list li a { border: 1px solid #dcdcdc; overflow: inherit; display: block; }

.product2 .prob-pic-list li a img { display: block; }

.product2 .prob-pic-list li a.active { border: solid 1px #f34a47; }

.product2 .prob-pic-list li a img { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; max-width: 100%; display: block; }

.product2 .prob-pic-list ul li img { max-width: 100%; }

.pro-share { float: right; margin-top: 30px; }

.pro-share div { display: inline-block; vertical-align: middle; font-size: 16px; font-size: 1.6rem; color: #666666; }

.share-pic { display: inline-block; }

.m-propic2 { display: none; }

@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }
  .zoomPup { display: none !important; }
  .zoomWindow { display: none !important; }
  .zoomPreload { display: none !important; } }

@media screen and (max-width: 767px) { .product2 .prob-pic { width: 100%; }
  .product2 .prob-pic-big { display: none; }
  .product2 .prob-pic-small { margin-top: 0; }
  .product2 .prob-pic-list ul li { margin-right: .2%; width: 3.2%; }
  .product2 .prob-pic-item .item-pic:before { display: none !important; }
  .product2 .prob-pic-item .item-pic.active { border: 1px solid transparent; }
  .m-propic2 { display: block; }
  .prob-pic { display: none; }
  .m-propic2 { position: relative; display: block; overflow: hidden; width: auto; padding-left: 30px; padding-right: 30px; }
  .m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px; }
  .m-propic2 .box-btn .iconfont { font-size: 24px; font-size: 2.4rem; color: #888; }
  .m-propic2 .box-btn .iconfont:hover { color: #453c33; }
  .m-propic2 .box-btn.prev { left: 0; }
  .m-propic2 .box-btn.next { right: 0; }
  .m-propic2 .box-list { overflow: hidden; }
  .m-propic2 .box-list ul { width: 1000%; }
  .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.11%; border-radius: 0; border: 1px solid #d7d7d7; overflow: hidden; }
  .m-propic2 .list-item img { display: block; max-width: 100%; } }

@media only screen and (max-width: 500px) { .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 4.8%; } }

@media only screen and (max-width: 480px) { .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 9.8%; } }

/* pro-info */
.pro-info { width: 440px; padding-top: 10px; }

.pro-info .pro-title { font-size: 30px; font-size: 3rem; line-height: 34px; font-style: normal; margin-bottom: 7px; color: #333333; }

.pro-info .pro-desc { font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #282828; min-height: 97px; margin: 0 0 16px; }

.pro-btn { display: inline-block; min-width: 140px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; height: 33px; line-height: 33px; border-radius: 0; text-align: center; background-color: #f34a47; color: #fff; font-size: 16px; font-size: 1.6rem; }

.pro-btn:hover { background-color: #666666; color: #fff }

.pro-btn:first-child { margin-right: 77px; }

.pro-btns { margin-top: 21px; }

.down_btn { display: inline-block; min-width: 140px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; height: 33px; line-height: 33px; border-radius: 0; text-align: center; background-color: #f34a47; color: #fff; font-size: 16px; font-size: 1.6rem; }

.down_btn:hover { background: #666666; }

@media screen and (max-width: 1219px) { .pro-info .pro-desc { height: auto; min-height: auto; }
  .pro-btn:first-child { margin-right: 25px; } }

@media screen and (max-width: 767px) { .pro-info .pro-title { font-size: 20px; font-size: 2rem; line-height: 30px; }
  .pro-btns { text-align: center; }
  .pro-btn:first-child { margin-right: 10px; } }

@media screen and (max-width: 550px) { .pro-btn { width: 45%; margin: 0 2%; }
  .pro-btn:first-child { margin-right: 0; } }

.pro2-detail { margin-top: 61px; }

@media screen and (max-width: 767px) { .pro2-detail { margin-top: 30px; } }

.pro2-detail .item-desc { padding: 28px 0 30px; font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.pro2-detail .item-desc, .pro2-detail .item-desc a, .pro2-detail .item-desc p, .pro2-detail .item-desc li, .pro2-detail .item-desc span, .pro2-detail .item-desc strong, .pro2-detail .item-desc b, .pro2-detail .item-desc i, .pro2-detail .item-desc em { color: #333; }

.pro2-detail .item-desc img, .pro2-detail .item-desc iframe { max-width: 100%; }

@media screen and (max-width: 767px) { .pro2-detail .item-desc { padding: 15px 0; line-height: 24px; } }

.pro2-title { font-weight: bold; font-size: 22px; font-size: 2.2rem; text-transform: uppercase; border-bottom: solid 1px #ccc; line-height: 34px; padding: 5px 0; }

.pro2-title, .pro2-title a { color: #253E86; }

@media screen and (max-width: 767px) { .pro2-title { font-size: 18px; font-size: 1.8rem; } }

/*-------------2-2-products end------------------------------------------------------------*/
.cpxx { font-size: 16px; font-size: 1.6rem; line-height: 30px;  margin-bottom: 25px; color: #666; }

.cpxx p, .cpxx div { color: #666; }

.cpxx a { color: #f34a47; }

.cpxx img, .cpxx iframe { max-width: 100%; }

.baibg { margin-bottom: 39px; }

.des { font-size: 18px; font-size: 1.8rem; color: #fff; margin-bottom: 58px; padding: 10px 14px; line-height: 32px; background: #f34a47; margin-top: 50px; text-transform: uppercase; font-weight: bold; }

.des a, .des span { color: #fff; }

.des a:hover { color: #f34a47; }

.chanpinx { line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; margin-bottom: 47px; }

.chanpinx p, .chanpinx li, .chanpinx span, .chanpinx b, .chanpinx strong { color: #666; }

.chanpinx a { color: #f34a47; }

.chanpinx img { max-width: 100%; }

.chanpinx iframe { max-width: 100%; }

.chanpinx table, .nex table, .cpxx table { width: 97%; border-collapse: collapse; }

.chanpinx tr td, .nex tr td, .cpxx tr td { line-height: 32px; padding: 0 2px; border: #666 solid 1px}

.table table { width: 100%; border-collapse: collapse; }

.chanpinx .table table td { border: 1px solid #aeaaaa;text-align: center; color:#666 }



.fybox { width: 257px; float: left; margin-left: 13px; text-align: center; margin-top: 27px; }

.fybox img { display: block; width: 100%; max-width: 464px; max-height: 464px; }

.fybox p { font-size: 16px; font-size: 1.6rem; line-height: 30px; font-weight: bold; }

.tags2 { padding: 3px 15px; padding-bottom: 16px; border: 1px solid #f34a47; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 37px; }

.tags2 a { color: #666666; }

.tags2 a:hover { color: #f34a47; }

.des2 { font-size: 18px; font-size: 1.8rem; color: #f34a47; text-transform: uppercase; font-weight: bold; margin-bottom: 25px; }

.check_list { margin-bottom: 40px; }

.check_list * { display: inline-block; vertical-align: middle; }

.check_list p { min-width: 104px; height: 34px; line-height: 32px; text-align: center; background: #fff; color: #666666; font-size: 16px; font-size: 1.6rem; border: 1px solid #f34a47; margin-right: 26px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; margin-bottom: 10px; }

@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table table { width: 885px; } }

@media screen and (max-width: 1219px) { .pro-info { width: 100%; margin-top: 20px; }
  .pro-info .pro-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 20px; }
  .product2 .prob-pic { float: none; margin: 0 auto; }
  .fybox { width: 220px; }
  .cpxx { margin-bottom: 40px; min-height: 0; }
  .pro-share { margin-top: 50px; } }

@media screen and (max-width: 999px) { .product2 .prob-pic { float: none; margin: 0 auto; }
  .pro-info { width: 100%; text-align: center; }
  .pro-btns { margin-top: 20px; }
  .fybox { width: 31.333%; margin: 0 1%; margin-top: 30px; }
  .baibg { margin-bottom: 30px; }
  .pro-info .pro-title { font-size: 20px; font-size: 2rem; }
  .pro-share { float: none; margin-top: 30px; } }

@media screen and (max-width: 767px) { .product2 .prob-pic-btn i { color: #333; }
  .cpxx { margin-bottom: 20px; font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .chanpinx { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .des { margin-bottom: 25px; }
  .des2 { font-size: 14px; font-size: 1.4rem; }
  .tags2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 20px; }
  .check_list p { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 550px) { .pro-info .pro-title { font-size: 20px; font-size: 2rem; }
  .chanpinx { font-size: 14px; font-size: 1.4rem; }
  .des { font-size: 16px; font-size: 1.6rem; padding: 6px 12px; }
  .pro-btn { min-width: 130px; }
  .check_list { margin-bottom: 20px; } }

/***********  xiala  ***********/
.yiji { position: absolute; z-index: 9999; width: 210px; background: #fff; top: -9999px; left: 0; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); border: 1px solid #eaeaea; }

.yiji li { position: relative; }

.yiji li a { display: block; color: #333; line-height: 26px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 10px; font-size: 14px; font-size: 1.4rem; }

.yiji li:hover > a { color: #f34a47; }

.erji, .sanji { position: absolute; left: 100%; top: -9999999px; width: 210px; background: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); border: 1px solid #eaeaea; }

.navlist > li:hover .yiji { top: 100%; }

.yiji > li:hover .erji { top: -1px; }

.erji > li:hover .sanji { top: -1px; }

@media screen and (max-width: 999px) { .yiji { display: none; } }

/*************  kefu  **************/
.hdtop { position: fixed; right: 0px; bottom: -150px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 99999; width: 62px; height: 56px; line-height: 56px; text-align: center; background: #f34a47; }

.hdtop i { color: #fff; font-size: 28px; font-size: 2.8rem; }

@media screen and (max-width: 767px) { .hdtop i { font-size: 20px; font-size: 2rem; }
  .hdtop { width: 46px; height: 46px; line-height: 46px; } }

.img{background:url(../images/img.png)  no-repeat;}
.no{height:16px;width:24px;background-position:0 0;}
.ny{height:16px;width:24px;background-position:0 -16px;}
.pa{height:16px;width:24px;background-position:0 -32px;}
.my{height:16px;width:24px;background-position:0 -48px;}
.ne{height:16px;width:24px;background-position:0 -64px;}
.nl{height:16px;width:24px;background-position:0 -80px;}
.pl{height:16px;width:24px;background-position:0 -96px;}
.ru{height:16px;width:24px;background-position:0 -112px;}
.sd{height:16px;width:24px;background-position:0 -128px;}
.si{height:16px;width:24px;background-position:0 -144px;}
.ps{height:16px;width:24px;background-position:0 -160px;}
.pt{height:16px;width:24px;background-position:0 -176px;}
.ro{height:16px;width:24px;background-position:0 -192px;}
.lt{height:16px;width:24px;background-position:0 -208px;}
.lv{height:16px;width:24px;background-position:0 -224px;}
.mg{height:16px;width:24px;background-position:0 -240px;}
.rm{height:16px;width:24px;background-position:0 -256px;}
.lb{height:16px;width:24px;background-position:0 -272px;}
.lo{height:16px;width:24px;background-position:0 -288px;}
.mi{height:16px;width:24px;background-position:0 -304px;}
.mr{height:16px;width:24px;background-position:0 -320px;}
.ms{height:16px;width:24px;background-position:0 -336px;}
.mt{height:16px;width:24px;background-position:0 -352px;}
.mk{height:16px;width:24px;background-position:0 -368px;}
.ml{height:16px;width:24px;background-position:0 -384px;}
.mn{height:16px;width:24px;background-position:0 -400px;}
.tr{height:16px;width:24px;background-position:0 -416px;}
.zh-tw{height:16px;width:24px;background-position:0 -432px;}
.uk{height:16px;width:24px;background-position:0 -448px;}
.tg{height:16px;width:24px;background-position:0 -464px;}
.th{height:16px;width:24px;background-position:0 -480px;}
.tl{height:16px;width:24px;background-position:0 -496px;}
.ur{height:16px;width:24px;background-position:0 -512px;}
.yi{height:16px;width:24px;background-position:0 -528px;}
.yo{height:16px;width:24px;background-position:0 -544px;}
.zu{height:16px;width:24px;background-position:0 -560px;}
.uz{height:16px;width:24px;background-position:0 -576px;}
.vi{height:16px;width:24px;background-position:0 -592px;}
.xh{height:16px;width:24px;background-position:0 -608px;}
.sn{height:16px;width:24px;background-position:0 -624px;}
.so{height:16px;width:24px;background-position:0 -640px;}
.sq{height:16px;width:24px;background-position:0 -656px;}
.sk{height:16px;width:24px;background-position:0 -672px;}
.sl{height:16px;width:24px;background-position:0 -688px;}
.sm{height:16px;width:24px;background-position:0 -704px;}
.sr{height:16px;width:24px;background-position:0 -720px;}
.sw{height:16px;width:24px;background-position:0 -736px;}
.ta{height:16px;width:24px;background-position:0 -752px;}
.te{height:16px;width:24px;background-position:0 -768px;}
.st{height:16px;width:24px;background-position:0 -784px;}
.su{height:16px;width:24px;background-position:0 -800px;}
.sv{height:16px;width:24px;background-position:0 -816px;}
.el{height:16px;width:24px;background-position:0 -832px;}
.en{height:16px;width:24px;background-position:0 -848px;}
.eo{height:16px;width:24px;background-position:0 -864px;}
.cy{height:16px;width:24px;background-position:0 -880px;}
.da{height:16px;width:24px;background-position:0 -896px;}
.de{height:16px;width:24px;background-position:0 -912px;}
.es{height:16px;width:24px;background-position:0 -928px;}
.fi{height:16px;width:24px;background-position:0 -944px;}
.fr{height:16px;width:24px;background-position:0 -960px;}
.fy{height:16px;width:24px;background-position:0 -976px;}
.et{height:16px;width:24px;background-position:0 -992px;}
.eu{height:16px;width:24px;background-position:0 -1008px;}
.img.fa{height:16px;width:24px;background-position:0 -1024px;}
.az{height:16px;width:24px;background-position:0 -1040px;}
.be{height:16px;width:24px;background-position:0 -1056px;}
.bg{height:16px;width:24px;background-position:0 -1072px;}
.af{height:16px;width:24px;background-position:0 -1088px;}
.am{height:16px;width:24px;background-position:0 -1104px;}
.ar{height:16px;width:24px;background-position:0 -1120px;}
.bn{height:16px;width:24px;background-position:0 -1136px;}
.cn{height:16px;width:24px;background-position:0 -1152px;}
.co{height:16px;width:24px;background-position:0 -1168px;}
.cs{height:16px;width:24px;background-position:0 -1184px;}
.bs{height:16px;width:24px;background-position:0 -1200px;}
.ca{height:16px;width:24px;background-position:0 -1216px;}
.ceb{height:16px;width:24px;background-position:0 -1232px;}
.it{height:16px;width:24px;background-position:0 -1248px;}
.ja{height:16px;width:24px;background-position:0 -1264px;}
.jv{height:16px;width:24px;background-position:0 -1280px;}
.in{height:16px;width:24px;background-position:0 -1296px;}
.ig{height:16px;width:24px;background-position:0 -1312px;}
.is{height:16px;width:24px;background-position:0 -1328px;}
.ka{height:16px;width:24px;background-position:0 -1344px;}
.ko{height:16px;width:24px;background-position:0 -1360px;}
.ku{height:16px;width:24px;background-position:0 -1376px;}
.ky{height:16px;width:24px;background-position:0 -1392px;}
.kk{height:16px;width:24px;background-position:0 -1408px;}
.km{height:16px;width:24px;background-position:0 -1424px;}
.kn{height:16px;width:24px;background-position:0 -1440px;}
.gu{height:16px;width:24px;background-position:0 -1456px;}
.ha{height:16px;width:24px;background-position:0 -1472px;}
.haw{height:16px;width:24px;background-position:0 -1488px;}
.ga{height:16px;width:24px;background-position:0 -1504px;}
.gd{height:16px;width:24px;background-position:0 -1520px;}
.gl{height:16px;width:24px;background-position:0 -1536px;}
.iw{height:16px;width:24px;background-position:0 -1552px;}
.ht{height:16px;width:24px;background-position:0 -1568px;}
.hu{height:16px;width:24px;background-position:0 -1584px;}
.hy{height:16px;width:24px;background-position:0 -1600px;}
.hi{height:16px;width:24px;background-position:0 -1616px;}
.hmn{height:16px;width:24px;background-position:0 -1632px;}
.hr{height:16px;width:24px;background-position:0 -1648px;}

/*********************fangdaxiaoguo**********************/
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }

#baguetteBox-overlay.visible { opacity: 1; }

#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }

#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }

#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; }

#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease,-webkit-transform .4s ease; transition: left .4s ease,-moz-transform .4s ease; transition: left .4s ease,-webkit-transform .4s ease; -o-transition: left .4s ease,-o-transform .4s ease; -moz-transition: left .4s ease,transform .4s ease,-moz-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease; }

#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }

.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }

.baguetteBox-button#next-button { right: 2%; }

.baguetteBox-button#previous-button { left: 2%; }

.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; }

.baguetteBox-button svg { position: absolute; left: 0; top: 0; }

.spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }

.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; -moz-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }

.double-bounce2 { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; animation-delay: -1s; }

@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@-moz-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@-moz-keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); } }

@keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@font-face { font-family: "NexaBold",Arial, Helvetica, sans-serif; src: url("../fonts/NexaBold.woff2") format("woff2"), url("../fonts/NexaBold.woff") format("woff"), url("../fonts/NexaBold.ttf") format("truetype"), url("../fonts/NexaBold.eot") format("embedded-opentype"), url("../fonts/NexaBold.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }
.xunpanlb,.xunpanlb .input{ float:none !important; clear:both !important}
.xunpanlb .table{margin-top: 30px;float:none !important; clear:both !important}
.xunpanlb .table .thead{font-size: 0;letter-spacing: 0;border: 1px solid #dcdcdc;float:none !important; clear:both !important}
.xunpanlb .table .thead p{text-align: center; padding: 0 10px;font-size: 16px; line-height: 40px;width: 33.3333%;display: inline-block;vertical-align: middle; box-sizing:border-box}
.xunpanlb .table .thead p:nth-child(2){border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}

.xunpanlb .table .tbody{font-size: 0;letter-spacing: 0;float:none !important; clear:both !important}
.xunpanlb .table .tbody .tread{border: 1px solid #dcdcdc;border-top: 0;float:none !important; clear:both !important}
.xunpanlb .table .tbody .tread .td{height: 100%; text-align: center;padding: 10px 10px;font-size: 16px; line-height: 40px;width: 33.3333%;display: inline-block;vertical-align: middle; box-sizing:border-box}
.xunpanlb .table .tbody .tread .td:nth-child(2){border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
.xunpanlb .table .tbody .td img{max-width: 110px;}
.xunpanlb .table .tbody .td a{color: #666666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.xunpanlb .table .tbody .td a:hover{color: #373C8B;}
@media screen and (max-width: 520px){
  .xunpanlb .table{border-top: 1px solid #dcdcdc;}
  .xunpanlb .table .thead{display: none;}
  .xunpanlb .table .tbody .td{width: 100% !important;}
  .xunpanlb .table .tbody .tread .td:nth-child(2){border: 0 !important;}
}
.vtb {
  display: inline-block;
  vertical-align: top;
}
.ul-vtb {
  display: inline-block;
}



.tankaunga{ position:fixed; width:100%; height:100%; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.5); display:none; z-index:9999999999}
.tankaunga:before{ content:"X"; position:absolute; width:30px; height:30px; line-height:30px; text-align:center; top:10px; right:10px; background:#fff; border-radius:50%; font-size:18px;}
.tankaungn2{position:fixed; left:5%; top:5%; right:5%; bottom:5%;}

.tankaungn2 iframe,.tankaungn2 video {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.tankaungn2 iframe body{ margin:0px !important;}

@media screen and (max-width:767px) {
.tankaungn2{position:fixed; left:5%; top:10%; right:5%; bottom:10%;}
}
.slide iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.slide video {
  position: absolute;
  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: 101%;
  min-height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  display: none \9;
  display: block \9\0;
}
@media screen and (max-width: 999px) { .slide .carousel-control { display: none; }
  .slide .slideItem {
    position: relative;
  }
  .slide video {
    object-position: inherit;
    object-fit: inherit;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    left: 0;
    top: 0;
  }
}
.pro1-spec {
  overflow: hidden;
  margin-bottom: 30px;
}

.more-btn {

  text-transform: uppercase;

  cursor: pointer;
  text-decoration: underline;
}