@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1597797509546'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1597797509546#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=1597797509546') format('woff'),
  url('../fonts/iconfont.ttf?t=1597797509546') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1597797509546#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-up12:before {
  content: "\e736";
}

.icon-right16:before {
  content: "\e749";
}

.icon-left10:before {
  content: "\e7f0";
}

.icon-right10:before {
  content: "\e7f1";
}

.icon-email:before {
  content: "\e7c4";
}

.icon-website:before {
  content: "\e7ce";
}

.icon-calendar4:before {
  content: "\e7e2";
}

.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-email1: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: "\e7c5";
}

.icon-email11:before {
  content: "\e7c9";
}

.icon-skype1:before {
  content: "\e7ca";
}

.icon-fax1:before {
  content: "\e7cd";
}

.icon-qq:before {
  content: "\e7cf";
}

.icon-tel1:before {
  content: "\e7d0";
}

.icon-wechat:before {
  content: "\e7d1";
}

.icon-phone2:before {
  content: "\e7d2";
}

.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-jt:before {
  content: "\e6d7";
}

.icon-xiangshangjiantou:before {
  content: "\e601";
}

.icon-xiangshangjiantou1:before {
  content: "\e602";
}

.icon-xiangshangjiantou2:before {
  content: "\e64d";
}


/* CSS Document */
* { margin: 0; padding: 0; }

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

body { margin: 0 auto; font-family:"Microsoft YaHei","微软雅黑"; 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:"Microsoft YaHei","微软雅黑"; 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: #48c1ac; color: #fff; }

::selection { background: #48c1ac; color: #fff; }

.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: #999; }

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

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

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

.wp { width: 1710px; margin: auto; position: relative;}

@media screen and (min-width: 1730px) { .wp { width: 1710px; margin: auto; } }

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

@media screen and (min-width: 1220px) and (max-width: 1419px) { .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; } }

.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:"Microsoft YaHei","微软雅黑"; }

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

.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: #48c1ac; }

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

.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; width: 100%; bottom: 20px; text-align: center; }

.slide .dotList ul li { display: inline-block; width: 14px; height: 14px; background: rgba(72,193,172,0.5); margin: 0 8px; cursor: pointer; }

.slide .carousel-control { position: absolute; top: 50%; width: 48px; height: 68px; line-height: 68px; text-align: center; z-index: 999; margin-top: -34px; background: #888; background: rgba(138, 138, 138, 0.2); }

.slide .carousel-control i { color: #fff; font-size: 30px; font-size: 3rem; }

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

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

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

.slide .dotList ul li { cursor: pointer; background: rgba(72,193,172,0.8); font-size: 0px; margin-left: 9px; margin-right: 9px; border: none; outline: none; width: 12px; height: 12px; border-radius: 6px; }

.slide .dotList ul li.active { background: #86cdc1; width: 40px; }

.slide .slidedetail { display: none; }

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

@media screen and (max-width: 767px) { .slide .dotList { bottom: 5px; }
  .slide .dotList ul li { margin: 0 5px; } }

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

.logo { padding-top: 12px; }

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

.navlist { padding-top: 40px; }

.navlist2 { display: none; }

.navlist > li { float: left; margin-left: 93px; position: relative; padding-bottom: 24px; }

.navlist > li > a { font-size: 20px; font-size: 2rem; text-transform: uppercase; display: block; padding-bottom: 27px; }

.navlist > li:hover > a { background: url(../images/navbg.jpg) no-repeat center bottom; color: #48c1ac; }

.navlist > li.currentnav > a { background: url(../images/navbg.jpg) no-repeat center bottom; color: #48c1ac; }

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

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

.search > i { cursor: pointer; }

.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: 1729px) { .navlist > li { margin-left: 40px; } }

@media screen and (max-width: 1419px) { .navlist > li > a { font-size: 18px; font-size: 1.8rem; }
  .navlist > li { margin-left: 30px; } }

@media screen and (max-width: 1219px) { .navlist > li > a { font-size: 16px; font-size: 1.6rem; }
  .navlist > li { margin-left: 20px; }
  .logo { width: 260px; } }

@media screen and (max-width: 999px) { .navlist { width: 100%; text-align: center; }
  .navlist > li { display: inline-block; float: none; margin: 0 15px; padding-bottom: 20px; }
  .navlist > li > a { padding-bottom: 15px; }
  .logo { display: block; float: none; margin: 0 auto; } }

@media screen and (max-width: 880px) { .navlist > li > a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .navlist2 { display: block; }
  .navlist1 { display: none; }
  .navlist > li { width: 25%; margin: 0; float: left; text-align: center; } }

@media screen and (max-width: 500px) { .logo { width: 150px; }
  .navlist > li > a { padding-bottom: 10px; }
  .navlist > li { padding-bottom: 12px; }
  .navlist { padding-top: 25px; } }

@media screen and (max-width: 400px) { .navlist > li > a { font-size: 12px; font-size: 1.2rem; } }

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

.syayou { position: relative; margin-left: 145px; margin-top: 12px; }

.syayou img { display: block; width: 100%; max-width: 818px; position: relative; z-index: 99; }
.syayou iframe{position: relative;z-index: 99;}
.syayou:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: -29px; left: -25px; background: #c2e6e0; }

.syap1 { display: block; font-size: 50px; font-size: 5rem; color: #48c1ac; text-transform: uppercase; }

.syap1:after { content: ""; display: block; width: 128px; height: 4px; background: #e7f5f3; margin-top: 23px; }

.syap2 { display: block; font-size: 24px; font-size: 2.4rem; line-height: 26px; font-family:"Microsoft YaHei","微软雅黑"; margin-top: 34px; margin-bottom: 65px; }

.syap3 { display: block; text-indent: 2em; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; }

.syap4 { display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; min-width: 159px; line-height: 38px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #48c1ac; border: 1px solid #86cdc1; margin-top: 86px; }

.syap4 i { font-size: 26px; font-size: 2.6rem; vertical-align: middle; margin-left: 12px; }

.syap1:hover { color: #136254; }

.syap2:hover { color: #48c1ac; }

.syap3:hover { color: #48c1ac; }

.syap4:hover { background: #48c1ac; color: #fff; }

@media screen and (max-width: 1729px) { .syayou { width: 700px; margin-left: 70px; }
  .syap2 { margin-bottom: 40px; }
  .syap4 { margin-top: 45px; }
  .syap1 { font-size: 44px; font-size: 4.4rem; }
  .syap2 { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 1419px) { .syayou { width: 600px; }
  .syap1 { font-size: 40px; font-size: 4rem; }
  .syap2 { margin-bottom: 30px; }
  .syap1:after { margin-top: 15px; }
  .syap4 { margin-top: 40px; } }

@media screen and (max-width: 1219px) { .syayou { width: 460px; margin-left: 40px; }
  .syayou:after { top: -20px; left: -17px; }
  .syap1 { font-size: 30px; font-size: 3rem; }
  .syap2 { font-size: 18px; font-size: 1.8rem; margin: 20px 0; }
  .syap3 { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .syap4 { margin-top: 20px; }
  .sya { padding-top: 85px; } }

@media screen and (max-width: 999px) { .syayou { float: none; width: auto; max-width: 818px; margin: 0 auto; margin-bottom: 20px; }
  .sya { padding-top: 80px; } }

@media screen and (max-width: 767px) { .syayou:after { top: -15px; left: -10px; }
  .sya { padding-top: 55px; }
  .syap1 { font-size: 20px; font-size: 2rem; }
  .syap2 { font-size: 16px; font-size: 1.6rem; margin: 12px 0; } }

/***********  syapp  ***********/
.syapp { padding-top: 122px; }

.sybt { text-align: center; font-size: 50px; font-size: 5rem; text-align: center; margin-bottom: 53px; text-transform: uppercase; }

.sybt a { color: #48c1ac; }

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

.sybt:after { content: ""; display: block; width: 80px; height: 2px; margin: 0 auto; margin-top: 12px; background: #48c1ac; }

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

.appbox img { display: block; max-width: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.appbox: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); }

.appcover { position: absolute; left: 22px; top: -100%; right: 22px; bottom: 100%; background: url(../images/sypcover.png); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.appcover div { position: absolute; 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%); text-align: center; width: 100%; }

.appp1 { display: block; font-size: 14px; font-size: 1.4rem; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; margin: 0 15px; }

.appp1:after { content: ""; display: block; width: 50px; height: 1px; background: #fff; margin: 0 auto; margin-top: 8px; }

.appp2 { display: block; font-size: 30px; font-size: 3rem; color: #fff; margin-top: 19px; margin-bottom: 54px; }

.appp3 { display: block; width: 148px; height: 42px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 0; border: 1px solid #fff; margin: 0 auto; }

.appp3 span { display: block; background: #48c1ac; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 32px; }

.appbox1 { width: 56.959%; margin-bottom: 14px; }

.appbox2 { width: 42.1637%; margin-bottom: 14px; }

.appbox3 { width: 33.2748%; }

.appbox4 { width: 34.0935%; margin-left: 0.84%; margin-bottom: 13px; }

.appbox5 { width: 30.9356%; margin-left: 0.84%; margin-bottom: 13px; }

.appbox6 { width: 42.7485%; margin-left: 0.84%; }

.appbox7 { width: 22.2976%; margin-left: 0.84%; }

.appbox7 .appcover { background: none; top: 22px; bottom: 22px; }

.appp4 { font-size: 30px; font-size: 3rem; color: #fff; }

.appp4:hover { color: #136254; }

.appbox:hover .appcover { top: 22px; bottom: 22px; }

@media screen and (max-width: 1729px) { .appp2 { font-size: 24px; font-size: 2.4rem; margin-bottom: 20px; }
  .appp4 { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 1419px) { .appp2 { font-size: 20px; font-size: 2rem; margin-top: 12px; margin-bottom: 12px; }
  .appp3 span { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .appp3 { height: 36px; }
  .appp4 { font-size: 20px; font-size: 2rem; }
  .sybt { font-size: 40px; font-size: 4rem; }
  .syapp { padding-top: 90px; } }

@media screen and (max-width: 1219px) { .syapp { padding-top: 65px; }
  .appcover { left: 12px; right: 12px; }
  .appbox:hover .appcover { top: 12px; bottom: 12px; }
  .appp2 { font-size: 18px; font-size: 1.8rem; margin-top: 10px; margin-bottom: 10px; }
  .sybt { font-size: 32px; font-size: 3.2rem; } }

@media screen and (max-width: 999px) { .appcover { position: static; padding: 15px; }
  .appcover 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); }
  .appp4 { color: #fff; background: #86cdc1; font-size: 18px; font-size: 1.8rem; padding: 10px 15px; }
  .appbox7 img { display: none; }
  .sybt { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .appp1 { margin: 0; font-size: 12px; font-size: 1.2rem; }
  .appp2 { font-size: 14px; font-size: 1.4rem; }
  .appp3 { width: 116px; }
  .appp4 { font-size: 14px; font-size: 1.4rem; padding: 5px 10px; }
  .sybt { font-size: 24px; font-size: 2.4rem; }
  .syapp { padding-top: 40px; }
  .syap1:after { width: 80px; margin-top: 8px; } }

@media screen and (max-width: 600px) { .appbox { float: none; width: auto; max-width: 529px; margin: 0 auto; margin-bottom: 10px; }
  .syap4 { font-size: 14px; font-size: 1.4rem; }
  .syayou:after { display: none; }
  .sya { padding-top: 30px; }
  .sybt { margin-bottom: 25px; } }

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

/***********  syn  ***********/
.syn { padding-top: 118px; padding-bottom: 79px; }

.syn .sybt { margin-bottom: 63px; }

.synbox { width: 500px; float: left; margin-left: 105px; }

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

.synbox span { font-size: 14px; font-size: 1.4rem; color: #999999; display: block; }

.synbox span i { color: #48c1ac; font-size: 20px; font-size: 2rem; vertical-align: middle; margin-right: 8px; }

.synp1 { display: block; font-size: 20px; font-size: 2rem; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 18px; margin-bottom: 12px; }

.synp2 { display: block; text-indent: 2em; line-height: 30px; height: 60px; overflow: hidden; color: #666666; margin-top: 12px; }

.synbox .syap4 { margin-top: 22px; }

.synp1:hover { color: #48c1ac; }

.synp2:hover { color: #48c1ac; }

@media screen and (max-width: 1729px) { .synbox { margin-left: 50px; width: 433px; } }

@media screen and (max-width: 1419px) { .synbox { margin-left: 30px; width: 380px; } }

@media screen and (max-width: 1219px) { .synbox { width: 306px; }
  .synp1 { font-size: 18px; font-size: 1.8rem; }
  .syn .sybt { margin-bottom: 50px; }
  .syn { padding-top: 85px; } }

@media screen and (max-width: 999px) { .synbox { width: 31.333%; margin: 0 1%; }
  .synp1 { font-size: 16px; font-size: 1.6rem; }
  .syn .sybt { margin-bottom: 35px; }
  .syn { padding-top: 55px; } }

@media screen and (max-width: 767px) { .synp2 { line-height: 26px; height: 52px; }
  .synp1 { line-height: 30px; margin-top: 12px; }
  .synbox { width: 48%; margin-bottom: 20px; } }

@media screen and (max-width: 600px) { .syn { padding-top: 35px; } }

@media screen and (max-width: 450px) { .synbox { width: 98%; }
  .syn .sybt { margin-bottom: 25px; }
  .syn { padding-top: 20px; } }

/*************  syp  *************/
.syp { padding-bottom: 117px; }

.syp .wp { position: relative; }

.syp img { display: block; width: 100%; max-width: 1710px; }

.sypbox { position: absolute; right: 0; top: 0; bottom: 0; width: 47.66%; background: url(../images/cover.png); }

.sypcon { padding-left: 72px; padding-right: 20px; padding-top: 91px; }

.sypbt { text-transform: uppercase; font-size: 50px; font-size: 5rem; margin-bottom: 65px; }

.sypbt a { color: #48c1ac; }

.sypbt a:hover { color: #136254; }

.sypcon ul { font-size: 0; letter-spacing: 0; }

.sypcon ul li { display: inline-block; vertical-align: top; width: 330px; line-height: 30px; padding-top: 2px; padding-bottom: 2px; border-top-left-radius: 17px; border-bottom-left-radius: 17px; background: #868686; margin-left: 50px; margin-bottom: 48px; }

.sypcon ul li a { display: block; padding-left: 30px; padding-right: 10px; color: #fff; font-size: 18px; font-size: 1.8rem; }

.sypcon ul li:hover { background: #48c1ac; }

.sypcon ul li:hover a { color: #fff; }

@media screen and (max-width: 1729px) { .sypcon ul li { margin-left: 30px; }
  .sypcon { padding-left: 50px; padding-top: 60px; }
  .sypcon ul li { width: 283px; }
  .sypbt { font-size: 40px; font-size: 4rem; margin-bottom: 40px; } }

@media screen and (max-width: 1419px) { .sypcon ul li a { font-size: 16px; font-size: 1.6rem; padding-left: 20px; }
  .sypbox { width: 51%; }
  .sypcon { padding-left: 35px; }
  .sypcon ul li { width: 263px; margin-bottom: 30px; }
  .sypbt { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 1219px) { .sypcon ul li { margin-left: 20px; width: 212px; }
  .sypcon ul li a { font-size: 14px; font-size: 1.4rem; }
  .sypbt { margin-bottom: 25px; }
  .sypcon { padding-top: 35px; }
  .syp { padding-bottom: 85px; } }

@media screen and (max-width: 999px) { .sypbox { position: static; width: 100%; }
  .sypcon ul li { width: 48%; margin: 0 1%; margin-bottom: 10px; }
  .syn { padding-bottom: 60px; }
  .syp { padding-bottom: 60px; }
  .sypcon { padding: 0; padding-top: 30px; } }

@media screen and (max-width: 767px) { .syn { padding-bottom: 35px; }
  .sypbt { font-size: 24px; font-size: 2.4rem; }
  .syp { padding-bottom: 40px; } }

@media screen and (max-width: 550px) { .sypcon ul li { width: 100%; margin: 0; margin-bottom: 10px; } }

/*************  bottom  ************/
.bottom { background: #34b09a url(../images/sybg1.jpg) no-repeat center top; padding-top: 153px; padding-bottom: 31px; }

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

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

.div > a, .div > span { display: block; font-size: 24px; font-size: 2.4rem; color: #ffffff; margin-bottom: 9px; text-transform: uppercase; }

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

.div1 { margin-right: 135px; }

.div1 li { line-height: 28px; padding-left: 14px; background: url(../images/baidian.png) no-repeat left 12px; }

.div2 { margin-right: 232px; }

.div2 li { line-height: 28px; padding-left: 14px; background: url(../images/baidian.png) no-repeat left 12px; }

.div3 { margin-right: 170px; }

.div3 li { line-height: 28px; padding-left: 14px; background: url(../images/baidian.png) no-repeat left 12px; }

.div4 li { line-height: 28px; padding-left: 14px; background: url(../images/baidian.png) no-repeat left 12px; }

.div5 { width: 350px; }

.div5 > p { line-height: 36px; }

.div5 li { line-height: 28px; }

.div5 li i { float: left; font-size: 16px; font-size: 1.6rem; color: #fff; margin-right: 15px; }

.div5 li p { overflow: hidden; }

.right_sjj { text-align: center; margin-top: 56px; }

.bsjj a { margin-right: 10px; position: relative; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; top: 0; }

.bsjj { display: inline-block; margin-left: 30px; }

.bsjj a:hover { top: -10px; }

.bsjj i { font-size: 18px; font-size: 1.8rem; }

.copyright { display: inline-block; vertical-align: middle; line-height: 34px; }

.cnzz { padding-left: 10px; }

.dibu { padding-top: 17px; padding-bottom: 9px; text-align: center; background: #0c806b; }

.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: #48c1ac; }

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

.keys a { padding: 0 5px; }

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

.keys a:hover { color: #48c1ac; }

@media screen and (max-width: 1729px) { .div1 { margin-right: 100px; }
  .div2 { margin-right: 100px; }
  .div3 { margin-right: 100px; } }

@media screen and (max-width: 1419px) { .div1 { margin-right: 50px; }
  .div2 { margin-right: 50px; }
  .div3 { margin-right: 50px; } }

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

@media screen and (max-width: 999px) { .div { width: 25%; margin-right: 0; }
  .div5 { width: 100%; margin-top: 15px; }
  .bottom { background: #34b09a; padding-top: 45px; }
  .right_sjj { margin-top: 30px; } }

@media screen and (max-width: 767px) { .div { display: none; }
  .bottom { padding-top: 20px; padding-bottom: 20px; }
  .link { display: none; }
  .right_sjj { margin-top: 0; }
  .dibu { padding-bottom: 55px; } }

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

.mianbao a { color: #666666; }

.mianbao a:hover { color: #48c1ac; }

.co00 { color: #48c1ac !important; }

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

.bannerf { position: relative; }

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

.bannerf p { position: absolute; width: 100%; 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%); font-size: 34px; font-size: 3.4rem; text-align: center; color: #fff; }

/************  product2  *************/
.pyou { width: 1305px; }

.pzuo { width: 324px; position: sticky;left: 0;top: 0;}

.subNavBox .subNav { cursor: pointer; line-height: 20px; padding: 10px; padding-left: 26px; padding-right: 26px; background: #fff; margin-bottom: 6px; position: relative; border: 1px solid #dadada; border-radius: 5px;}

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

.subNavBox .subNav a i { font-size: 12px; font-size: 1.2rem; color: #999999; position: absolute; left: 8px; top: 10px; }

.subNavBox .subNav:hover { background: #48c1ac; }

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

.subNavBox .subNav:hover a i { color: #fff; }

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

.subNavBox .currentDd a i { color: #fff; }

.subNavBox .currentDt { background: #48c1ac; }

.subNavBox .navContent { display: none; background: #fff; padding-top: 8px; padding-bottom: 4px; margin-bottom: 7px; margin-top: -7px; border: 1px solid #dadada; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

.subNavBox .navContent > li > a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 22px; padding: 3px 0; color: #333333; padding-left: 27px; padding-right: 27px; position: relative; }

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

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

.subNavBox .navContent > li div p { line-height: 26px; padding-top: 3px; padding-bottom: 3px; padding-left: 50px; font-size: 16px; font-size: 1.6rem; }

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

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

.title1 { text-align: center; font-size: 20px; font-size: 2rem; line-height: 43px; position: relative; background: #48c1ac; display: block; text-transform: uppercase; margin-bottom: 4px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.title1 a { color: #fff; }

.pro-info { width: 640px; }

.pro-info .pro-title { font-size: 28px; font-size: 2.8rem; line-height: 32px; font-style: normal; margin-bottom: 45px; }

.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; width: 154px; height: 38px; line-height: 38px; border-radius: 19px; font-size: 16px; font-size: 1.6rem; text-align: center; background-color: #fff; color: #48c1ac; border: 1px solid #48c1ac; }

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

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

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

.share-title { display: inline-block; font-size: 16px; font-size: 1.6rem; color: #333; position: relative; /*top: -8px;*/ margin-right: 5px; }

.share-pic { display: inline-block; vertical-align: top; }

.cpxx { text-indent: 2em; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 39px; }

.cpxx a { color: #48c1ac; }

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

.p2lunbo { width: 604px; }

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

.p2lunbo .prev, .p2lunbo .next { position: absolute; display: block; top: 50%; margin-top: -15px; }

.p2lunbo .prev i, .p2lunbo .next i { font-size: 30px; font-size: 3rem; color: #fff; }

.p2lunbo .prev:hover i, .p2lunbo .next:hover i { color: #48c1ac; }

.p2lunbo .prev { left: 7px; cursor: pointer; }

.p2lunbo .next { right: 7px; cursor: pointer; }

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

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

.p2lunbo .img-list li { float: left; display: inline; width: 1%; margin-right: 5px; position: relative; position: relative; text-align: center; }

.p2lunbo .img-list li img { width: 100%; max-width: 602px; max-height: 470px; display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.des { font-size: 28px; font-size: 2.8rem; padding-bottom: 13px; background: url(../images/desbg.jpg) no-repeat left bottom; margin-top: 74px; margin-bottom: 28px; }

.chanpinx { line-height: 32px; font-size: 16px; font-size: 1.6rem; color: #333333; margin-bottom: 40px; }

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

.chanpinx strong {  font-size: 20px; font-size: 2rem; display: block; line-height: 30px; margin-bottom: 8px; margin-top: 15px; }

.chanpinx a { color: #48c1ac; }

.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: 22px; padding: 2px; text-align: center; }

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

.chanpinx .table table td { border: 1px solid #000000; }

#outer11 { max-width: 840px; }

#outer11 #tab11 { margin-top: 41px; background: url(../images/tabbg.jpg) repeat-x center bottom; display: inline-block; }

#outer11 #tab11 li { float: left; margin-right: 9px; line-height: 48px; width: 268px; background: #ececec; border-top: 5px solid #eeeeee; text-align: center; font-size: 18px; font-size: 1.8rem; color: #999999; cursor: pointer; border-left: 1px solid #ececec; border-right: 1px solid #ececec; }

#outer11 #tab11 li.current11 { background: #fff; color: #333333; border-top: 5px solid #48c1ac; }

#outer11 #tab11 li:hover { background: #fff; color: #333333; border-top: 5px solid #48c1ac; }

#outer11 .ul11 { display: none; padding-top: 30px; }

.tags2 { margin-top: 60px; line-height: 24px; font-size: 16px; font-size: 1.6rem; }

.tags2 a { color: #333333; }

.tags2 a:hover { color: #48c1ac; }

.zjplist { padding-top: 17px; }

.zjplist .des { margin-bottom: 50px; }

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

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

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

.zjplist .prev i, .zjplist .next i { font-size: 26px; font-size: 2.6rem; color: #a1a1a1; }

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

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

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

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

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

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

.des a:hover { color: #48c1ac; }

.fypcon { background: #fcfcfc; border: 1px solid #eeeeee; border-top-left-radius: 5px; padding: 24px 20px; }

.fyptu { margin-right: 35px; display: block; border: 1px solid #c2c2c2; max-width: 228px; }

.fyptu img { display: block; width: 100%; max-width: 602px; max-height: 470px; }

.fypnr { padding-top: 31px; }

.fypp1 { display: block; font-size: 18px; font-size: 1.8rem; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.fypp2 { text-indent: 2em; display: block; font-size: 14px; font-size: 1.4rem; color: #333333; line-height: 24px; height: 72px; overflow: hidden; margin-top: 17px; }

.fypp1:hover { color: #48c1ac; }

.fypp2:hover { color: #48c1ac; }

@media screen and (max-width: 1729px) { .pyou { width: 1040px; }
  .pzuo{width: 300px;}
  .p2lunbo { width: 540px; }
  .pro-info { width: 470px; }
  .zjplist .img-list li { width: 507px; margin-right: 25px; } }

@media screen and (max-width: 1419px) { .pyou { width: 890px; }
  .pzuo{width: 260px;}
  .p2lunbo { width: 460px; }
  .pro-info { width: 400px; }
  .pro-info .pro-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 30px; }
  .pro-btns { margin-top: 40px; }
  .cpxx { margin-top: 20px; }
  .fyptu { max-width: 180px; margin-right: 18px; }
  .fypnr { padding-top: 14px; }
  .zjplist .img-list li { width: 412px; }
  .fypp1 { font-size: 16px; font-size: 1.6rem; }
  .bannerf p { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 1219px) { .pyou { width: 700px; }
  .pzuo { width: 230px; }
  .p2lunbo { float: none; margin: 0 auto; }
  .pro-info { width: 100%; margin-top: 20px; }
  #outer11 #tab11 li { width: 219px; }
  .des { font-size: 24px; font-size: 2.4rem; margin-top: 30px; }
  .zjplist .img-list li { width: 1%; }
  .bannerf p { font-size: 24px; font-size: 2.4rem; } 
  .subNavBox .subNav{text-align: center;}
  .subNavBox .navContent{text-align: center;}
}

@media screen and (max-width: 999px) { .pyou { width: 100%; }
  .pzuo { width: 100%; margin-top: 30px; }
  #outer11 #tab11 { margin-top: 10px; }
  #outer11 #tab11 li { -moz-box-sizing: border-box; box-sizing: border-box; width: 33.333%; margin: 0; }
  #outer11 #tab11 { display: block; }
  .zjplist .des { margin-bottom: 30px; }
  .p2lunbo { width: auto; max-width: 602px; }
  .fymain { padding-bottom: 60px; }
  .bannerf p { font-size: 20px; font-size: 2rem; }
  .lbbtn { top: -67px; } }

@media screen and (max-width: 767px) { .pro-info .pro-title { font-size: 20px; font-size: 2rem; }
  .cpxx { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .pro-btns { margin-top: 25px; }
  .des { font-size: 20px; font-size: 2rem; }
  .chanpinx { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  #outer11 #tab11 li { font-size: 16px; font-size: 1.6rem; line-height: 40px; }
  .tags2 { font-size: 14px; font-size: 1.4rem; margin-top: 40px; }
  .zjplist { padding-top: 0; }
  .fymain { padding-bottom: 40px; }
  .mianbao { padding-top: 20px; }
  .pro-btn { font-size: 14px; font-size: 1.4rem; }
  .bannerf p { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 500px) { .fyptu { float: none; width: auto; max-width: 602px; margin: 0 auto; }
  .zjplist .prev i, .zjplist .next i { font-size: 20px; font-size: 2rem; }
  .lbbtn { width: 52px; } }

@media screen and (max-width: 400px) { .pro-btn { width: 45%; }
  .des { margin-top: 40px; }
  .bannerf p { font-size: 14px; font-size: 1.4rem; } }

/**********  news1  **********/
.nbox { margin-bottom: 33px; }

.swp { margin-right: 23px; max-width: 348px; }

.swp img { display: block; width: 100%; max-width: 500px; max-height: 337px; }

.nnr { padding-top: 11px; }

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

.ntime { font-size: 14px; font-size: 1.4rem; color: #999999; display: block; margin-top: 42px; margin-bottom: 13px; }

.ntime i { color: #48c1ac; }

.np2 { text-indent: 2em; display: block; font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; height: 60px; overflow: hidden; }

.nbox .syap4 { margin-top: 20px; }

.np1:hover { color: #48c1ac; }

.np2:hover { color: #48c1ac; }

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

.ms_ye a { display: inline-block; width: 33px; line-height: 28px; text-align: center; margin-left: 2px; margin-right: 3px; background: #eeeeee; color: #333333; border: 1px solid #e5e5e5; margin-bottom: 10px; }

.ms_sx { width: 72px !important; }

.ms_sx:hover { color: #fff !important; }

.ms_ye .ms_current_ye { color: #fff; border: 1px solid #33b495; background: #33b495; }

.ms_ye a:hover { color: #fff !important; border: 1px solid #33b495; background: #33b495; }

@media screen and (max-width: 1419px) { .np1 { font-size: 18px; font-size: 1.8rem; }
  .ntime { margin-top: 18px; } }

@media screen and (max-width: 1219px) { .np1 { font-size: 16px; font-size: 1.6rem; }
  .ms_ye { margin-top: 65px; } }

@media screen and (max-width: 767px) { .swp { float: none; width: auto; max-width: 500px; margin: 0 auto; }
  .ms_ye { margin-top: 45px; } }

@media screen and (max-width: 450px) { .np1 { font-size: 14px; font-size: 1.4rem; }
  .np2 { line-height: 26px; height: 52px; } }

/**********  about  **********/
.a_part1 { margin-bottom: 81px; }

.abt { margin-bottom: 38px; background: url(../images/hengxian.jpg) repeat-x center 70px; }

.abt div { display: inline-block; padding-right: 30px; background: #fff; }

.abt span { font-size: 80px; font-size: 8rem; color: #48c1ac; color: rgba(72, 193, 172, 0.2); font-family:"Microsoft YaHei","微软雅黑"; padding-right: 47px; padding-bottom: 20px; background: url(../images/xiexian.jpg) no-repeat right bottom; display: inline-block; position: relative; top: -20px; }

.abt p { display: inline-block; font-size: 30px; font-size: 3rem; text-transform: uppercase; }

.aditu { width: 1367px; margin: 0 auto; position: relative; margin-top: 10px; }

.aditu > img { display: block; width: 100%; max-width: 1367px; }

.ap1 { text-indent: 2em; font-size: 16px; font-size: 1.6rem; line-height: 32px; text-align: justify;}

.abg { background: url(../images/abg.jpg) no-repeat center top; font-size: 0; letter-spacing: 0; text-align: center; padding: 0 180px; padding-top: 114px; padding-bottom: 88px; margin-top: 72px; }

.aibox { text-align: center; display: inline-block; vertical-align: top; width: 25%; }

.aibox:hover { cursor: pointer; }

.aibox div { font-size: 20px; font-size: 2rem; color: #ffffff; margin-top: 27px; margin-bottom: 5px; }

.aibox em { font-size: 20px; font-size: 2rem; color: #ffffff; font-style: normal; }

.aibox p { font-size: 14px; font-size: 1.4rem; color: #ffffff; line-height: 24px; text-transform: uppercase; }

@media screen and (max-width: 1219px) { .abt span { font-size: 60px; font-size: 6rem; }
  .abt p { font-size: 24px; font-size: 2.4rem; }
  .abt { background: url(../images/hengxian.jpg) repeat-x center 48px; margin-bottom: 20px; }
  .abg { margin-top: 40px; padding-top: 70px; padding-bottom: 60px; padding-left: 3px; padding-right: 3px; }
  .aibox img { height: 40px; } }

@media screen and (max-width: 999px) { .ap1 { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .aibox div { font-size: 16px; font-size: 1.6rem; }
  .aibox div em { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .aibox { width: 50%; margin-bottom: 20px; }
  .abg { padding-top: 45px; padding-bottom: 35px; } }

@media screen and (max-width: 400px) { .abg { padding-top: 30px; padding-bottom: 25px; } }

.dizhibox { position: absolute; }

.dizhibox span { font-size: 16px; font-size: 1.6rem; font-family:"Microsoft YaHei","微软雅黑"; }

.dizhibox span img { vertical-align: middle; margin-right: 10px; }

.dizhibox p { font-size: 14px; font-size: 1.4rem; line-height: 22px; margin-top: 14px; }

.dizhibox i { font-size: 20px; font-size: 2rem; color: #48c1ac; position: absolute;  transition: 0.5s;}

.dizhibox i:hover{ font-size: 24px; font-size: 2.4rem;}

.dizhibox1 { padding-right: 100px; width: 380px; height: 180px; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/xian1.png) no-repeat right 19px; left: 440px; top: 97px; }

.dizhibox1 i { right: -11px; bottom: -15px;  }

.dizhibox2 { padding-right: 78px; width: 394px; height: 64px; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/xian2.png) no-repeat right 28px; left: 530px; top: 339px; }

.dizhibox2 i { right: -18px; bottom: -7px; }

.dizhibox3 { padding-right: 52px; padding-top: 28px; width: 355px; height: 100px; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/xian3.png) no-repeat right top; left: 527px; top: 442px; }

.dizhibox3 i { right: -10px; top: -20px; }

.dizhibox4 { padding-left: 100px; width: 332px; height: 102px; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/xian4.png) no-repeat left 28px; left: 935px; top: 268px; }

.dizhibox4 i { left: -14px; bottom: -16px; }

.dizhibox5 { padding-left: 49px; width: 373px; height: 63px; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/xian5.png) no-repeat left 24px; left: 990px; top: 376px; }

.dizhibox5 i { left: -18px; bottom: 4px; }

.dizhibox6 { padding-left: 73px; padding-top: 124px; width: 355px; height: 190px; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../images/xian6.png) no-repeat left top; left: 945px; top: 424px; }

.dizhibox6 i { left: -8px; top: -19px; }

.aditu2 { display: none; }

@media screen and (max-width: 1419px) { .aditu { width: 980px; }
  .dizhibox1 { left: 213px; top: 20px; }
  .dizhibox2 { left: 262px; top: 230px; }
  .dizhibox3 { left: 281px; top: 315px; }
  .dizhibox4 { left: 676px; top: 150px; padding-left: 86px;}
  .dizhibox5 { left: 715px; top: 251px; }
  .dizhibox6 { left: 677px; top: 314px; } }

@media screen and (max-width: 1219px) { .dizhibox4 { width: 225px; }
  .dizhibox5 { width: 230px; }
  .dizhibox6 { width: 265px; }
  .dizhibox1 { width: 300px; left: 293px; }
  .dizhibox2 { width: 304px; left: 352px; }
  .dizhibox3 { width: 300px; left: 336px; } }

@media screen and (max-width: 999px) { .aditu { display: none; }
  .aditu2 { display: block; }
  .aditu2 img { display: block; width: 100%; } }

@media screen and (max-width: 767px) { .a_part1 { margin-bottom: 50px; }
  .abt span { font-size: 40px; font-size: 4rem; top: -13px; }
  .abt p { font-size: 18px; font-size: 1.8rem; }
  .abt span { background-size: 23px; padding-right: 25px; padding-bottom: 10px; }
  .abt { background: url(../images/hengxian.jpg) repeat-x center 32px; } }

.lsbox { padding-top: 22px; background: url(../images/lsjt.png) no-repeat 121px top; margin-top: 37px; }

.ls { padding-top: 46px; background: url(../images/lsxian.jpg) repeat-y 130px top; position: relative; }

.ls:before { content: ''; width: 3px; height: 30px; background: #ffff; position: absolute; left: 9px; top: 0; }

.ls li { background: url(../images/lsyuan1.png) no-repeat 118px center; position: relative; margin-bottom: 81px; cursor: pointer; }

.ls li span { font-size: 30px; font-size: 3rem; color: #666666; line-height: 34px; position: absolute; top: 50%; margin-top: -17px; left: 0px; }

.ls li .lsnr { background: #ecf9f7; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; margin-left: 205px; position: relative; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0); top: 0; }

.ls li .lsnr img { display: block; width: 100%; max-width: 747px; margin-right: 52px; }

.ls li .lsnr div { padding-top: 35px; padding-right: 30px; padding-bottom: 15px; overflow: hidden;}

.ls li .lsnr div strong { font-weight: normal; font-size: 18px; font-size: 1.8rem; line-height: 29px; text-transform: uppercase; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; color: #333333; }

.ls li .lsnr div p { text-indent: 2em; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; text-align: justify;}

.ls li:hover .lsnr { background: #48c1ac; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); top: -11px; }

.ls li:hover .lsnr div strong, .ls li:hover .lsnr div p { color: #fff; }

.ls li:hover span { color: #48c1ac; }

.ls li:hover { background: url(../images/lsyuan2.png) no-repeat 118px center; }

@media screen and (max-width: 1729px) { .ls li .lsnr img { width: 655px; }
  .ls li .lsnr div { padding-top: 35px; } 
  .ls li .lsnr div p{font-size:14px;font-size:1.4rem;line-height: 26px;margin-top: 10px;}
  .ls li .lsnr div strong{font-size:16px;font-size:1.6rem;}
}

@media screen and (max-width: 1419px) { .ls li .lsnr img { width: 400px; margin-right: 20px; }
  .ls li .lsnr div { padding-top: 20px; } }

@media screen and (max-width: 1219px) { .ls li span { font-size: 24px; font-size: 2.4rem; }
  .ls li .lsnr div strong { font-size: 16px; font-size: 1.6rem; }
  .ls li .lsnr div p { font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-top: 10px; }
  .ls { background: url(../images/lsxian.jpg) repeat-y 80px top; }
  .lsbox { background: url(../images/lsjt.png) no-repeat 70px top; }
  .ls li { background: url(../images/lsyuan1.png) no-repeat 68px center; margin-bottom: 50px; }
  .ls li:hover { background: url(../images/lsyuan2.png) no-repeat 68px center; }
  .ls li .lsnr { margin-left: 110px; } }

@media screen and (max-width: 999px) { .ls li span { font-size: 20px; font-size: 2rem; }
  .ls li .lsnr img { float: none; width: auto; max-width: 100%; }
  .ls li .lsnr div { padding: 20px; } }

@media screen and (max-width: 767px) { .ls li { margin-bottom: 35px; } }

@media screen and (max-width: 450px) { .ls li span { font-size: 16px; font-size: 1.6rem; }
  .ls { background: url(../images/lsxian.jpg) repeat-y 55px top; padding-top: 20px; }
  .lsbox { background: url(../images/lsjt.png) no-repeat 45px top; }
  .ls li { background: url(../images/lsyuan1.png) no-repeat 43px center; margin-bottom: 20px; }
  .ls li .lsnr { margin-left: 80px; }
  .ls li:hover { background: url(../images/lsyuan2.png) no-repeat 43px center; } }

.a_part2 { padding-bottom: 18px; }

#outer #tab { display: inline-block; }

#outer #tab li { float: left; margin-right: 25px; line-height: 48px; width: 268px; background: #ececec; border-top: 5px solid #eeeeee; text-align: center; font-size: 18px; font-size: 1.8rem; color: #999999; cursor: pointer; border-left: 1px solid #ececec; border-right: 1px solid #ececec; }

#outer #tab li.current { background: #fff; color: #333333; border-top: 5px solid #48c1ac; }

#outer #tab li:hover { background: #fff; color: #333333; border-top: 5px solid #48c1ac; }

#outer .ul { display: none; padding-top: 62px; }

.zspart{text-align: center;font-size: 0;letter-spacing: 0;}

.zsbox { width: 241px; display: inline-block; margin-left: 125px; margin-bottom: 26px; text-align: center; }

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

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

.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%; margin-left: -20px; top: 50%; margin-top: -20px; }

.zsbox span { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 18px; }

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

@media screen and (max-width: 1729px) { .zsbox { margin-left: 48px; } }

@media screen and (max-width: 1419px) { .zsbox { margin-left: 30px; width: 216px; } }

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

@media screen and (max-width: 999px) { .zsbox { width: 18%; margin: 0 1%; margin-bottom: 20px; }
  .zscover { display: none; }
  #outer .ul { padding-top: 40px; }
  #outer #tab li { width: 33.3333%; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
  #outer #tab { display: block; } }

@media screen and (max-width: 800px) { .zsbox { width: 31.333%; margin-bottom: 20px; }
  .zsbox span { font-size: 14px; font-size: 1.4rem; margin-top: 12px; }
  #outer #tab li { font-size: 16px; font-size: 1.6rem; line-height: 40px; } }

@media screen and (max-width: 450px) { .zsbox { width: 48%; }
  #outer #tab li { width: 100%; }
  #outer .ul { padding-top: 25px; } }

.ap2 { font-size: 22px; font-size: 2.2rem; line-height: 24px; margin-bottom: 27px; }

.ap3 { padding-top: 25px; }

.ap3 p { font-size: 18px; font-size: 1.8rem; color: #666666; line-height: 28px; }

.ap3 strong { font-weight: normal; font-size: 18px; font-size: 1.8rem; color: #333333; display: block; line-height: 28px; }

.ayou { margin-left: 50px; margin-right: 160px; }

.ayou img { display: block; width: 100%; max-width: 328px; max-height: 499px; }

@media screen and (max-width: 1419px) { .ayou { margin-right: 0; } }

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

@media screen and (max-width: 999px) { .ap2 { font-size: 16px; font-size: 1.6rem; }
  .ap3 p { font-size: 16px; font-size: 1.6rem; line-height: 26px; } }

@media screen and (max-width: 767px) { .ayou { margin-left: 25px; width: 250px; }
  .ap3 p { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 600px) { .ayou { float: none; width: auto; max-width: 328px; margin: 0 auto; }
  .ap2 { font-size: 14px; font-size: 1.4rem; }
  .ap3 strong { font-size: 16px; font-size: 1.6rem; } }

.ahang { margin-bottom: 58px; }

.ahang1 .azuo1 { margin-right: 25px; }

.ahang1 .azuo1 img { display: block; width: 100%; max-width: 855px; }

.ayou1 { padding-top: 15px; }

.ayou1 p { text-indent: 2em; font-size: 20px; font-size: 2rem; line-height: 40px; text-align: justify;}

.ahang2 .ayou2 { margin-left: 40px; }

.ahang2 .ayou2 img { display: block; width: 100%; max-width: 854px; }

.azuo2 { padding-top: 15px; }

.azuo2 p { text-indent: 2em; font-size: 20px; font-size: 2rem; line-height: 40px; text-align: justify;}

@media screen and (max-width: 1729px) { .ayou1 p { font-size: 18px; font-size: 1.8rem; line-height: 30px; }
  .azuo2 p { font-size: 18px; font-size: 1.8rem; line-height: 30px; } 
  .ahang1 .azuo1{width: 700px;}
  .ahang2 .ayou2{width: 700px;}
}

@media screen and (max-width: 1419px) { .ahang1 .azuo1, .ahang2 .ayou2 { width: 630px; }
  .ayou1 p { font-size: 16px; font-size: 1.6rem; }
  .azuo2 p { font-size: 16px; font-size: 1.6rem; } 
  .ahang1 .azuo1{width: 600px;}
  .ahang2 .ayou2{width: 600px;}
}

@media screen and (max-width: 1219px) { .ahang1 .azuo1, .ahang2 .ayou2 { width: 500px; }
  .ayou1 p { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .azuo2 p { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .ayou1, .azuo2 { padding-top: 0; } 
  .ahang1 .azuo1{width: 490px;}
  .ahang2 .ayou2{width: 490px;}
}

@media screen and (max-width: 999px) { .ahang1 .azuo1, .ahang2 .ayou2 { width: 50%; } }

@media screen and (max-width: 767px) { .ahang1 .azuo1, .ahang2 .ayou2 { width: auto; float: none; max-width: 855px; margin: 0 auto; margin-bottom: 20px; }
  .ahang { margin-bottom: 30px; } }

/**********  application1  **********/
.jtu img { width: 100%; max-width: 536px; max-height: 376px; display: block; }

.jcon { float: left; width: 536px; margin-left: 51px; margin-bottom: 86px; }

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

.jcover1 { position: absolute; line-height: 80px; text-align: center; background: url(../images/appcover.png); color: #333333; font-size: 26px; font-size: 2.6rem; left: 0; right: 0; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; bottom: 0px; }

.jcover2 { position: absolute; top: -100%; left: 19px; right: 19px; bottom: 100%; background: url(../images/appcover.png); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; text-align: center; }

.jp1 { font-size: 26px; font-size: 2.6rem; margin-top: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 34px; }

.jp1 a { color: #333333; }

.jp2 { line-height: 40px; font-size: 18px; font-size: 1.8rem; width: 152px; text-align: center; margin-top: 26px; margin: 0 auto; margin-top: 38px; }

.jp2 a { background: #86cdc1; display: block; color: #fff; }

.jp2 a i { font-size: 20px; font-size: 2rem; margin-left: 8px; vertical-align: middle; }

.jbox:hover .jcover1 { bottom: -80px; }

.jbox:hover .jcover2 { top: 14px; bottom: 14px; }

@media screen and (max-width: 1729px) { .jcon { width: 432px; } }

@media screen and (max-width: 1419px) { .jcon { margin-left: 30px; width: 380px; margin-bottom: 65px; }
  .jcover1 { font-size: 22px; font-size: 2.2rem; line-height: 60px; }
  .jp1 { font-size: 20px; font-size: 2rem; margin-top: 90px; } }

@media screen and (max-width: 1219px) { .jcover1 { font-size: 18px; font-size: 1.8rem; }
  .jp1 { font-size: 18px; font-size: 1.8rem; margin-top: 70px; }
  .jp2 { margin-top: 25px; font-size: 16px; font-size: 1.6rem; }
  .jcon { width: 306px; } }

@media screen and (max-width: 999px) { .jcon { width: 31.333%; margin: 0 1%; margin-bottom: 30px; }
  .jcover1 { display: none; }
  .jcover2 { position: static; background: none; }
  .jp1 { margin-top: 20px; font-size: 16px; font-size: 1.6rem; padding: 0; } }

@media screen and (max-width: 767px) { .jp2 { margin-top: 15px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 550px) { .jcon { width: 48%; }
  .jp2 { width: 130px; line-height: 32px; } }

/**********  news2  **********/
.news2 h1 { font-size: 24px; font-size: 2.4rem; font-family:"Microsoft YaHei","微软雅黑"; color: #333333; margin-bottom: 11px; text-align: center; line-height: 30px; }

.news2 h2 { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 24px; text-align: center; margin-bottom: 26px; }

.kejisj { text-align: center; }

.kejisj span { line-height: 30px; display: inline-block; color: #999999; }

.kejisj i { font-size: 16px; font-size: 1.6rem; color: #999999; margin-right: 5px; }

.nshare { display: inline-block; margin-left: 10px; }

.nshare1 { display: inline-block; color: #666666; }

.nshare2 { display: inline-block; vertical-align: top; }

.nshare2 img { vertical-align: middle; }

.nex { text-indent: 2em; line-height: 28px; font-size: 16px; font-size: 1.6rem; padding-top: 60px; padding-bottom: 63px; margin-bottom: 20px; border-bottom: 1px solid #e3e3e3; color: #666666; text-align: justify;}

.nex span, .nex li, .nex p, .nex b { color: #666666; }

.nex img, .nex iframe { max-width: 100%; }
@media screen and (max-width: 1499px) { 
.nex img, .nex iframe { display: inherit; }
}

.xwsx { line-height: 28px; margin-top: 18px; }

.xwsx span { display: inline-block; width: 77px; height: 24px; line-height: 24px; border: 1px solid #707070; text-align: center; margin-right: 10px; color: #666666; font-size: 16px; font-size: 1.6rem; }

.xwsx a { font-size: 16px; font-size: 1.6rem; color: #333333; }

.xwsx a:hover { color: #48c1ac; }

@media screen and (max-width: 767px) { .news2 h1 { font-size: 18px; font-size: 1.8rem; }
  .nex { font-size: 14px; font-size: 1.4rem; line-height: 26px; padding-top: 30px; padding-bottom: 40px; }
  .xwsx span { font-size: 14px; font-size: 1.4rem; }
  .xwsx a { font-size: 14px; font-size: 1.4rem; } }

/**********  application2  **********/
.application2 h1 { font-family:"Microsoft YaHei","微软雅黑"; margin-bottom: 30px; }

.application2 .nex { text-indent: 2em; padding-top: 30px; line-height: 30px; border-bottom: none; text-align: justify;}

/**********   download   **********/
.download .abt p { text-transform: unset; }

.dbox { display: inline-block;vertical-align: top;width: 310px; margin-left: 21px; margin-bottom: 47px; text-align: center; }

.dp1 { display: inline-block; min-width: 118px; box-sizing: border-box;padding: 0 10px;line-height: 26px; border-radius: 13px; text-align: center; color: #666666; text-transform: uppercase; border: 1px solid #858585; margin: 0 auto; margin-top: 20px; font-size:14px;font-size:1.4rem;}

.download .abt { margin-bottom: 25px; }

.dbox:hover .dp1 { background: #48c1ac; border: 1px solid #48c1ac; color: #fff; }

.down_part { margin-bottom: 63px; font-size: 0;letter-spacing: 0;}

.dcon{position: relative;max-width: 59px;margin: 0 auto;overflow: hidden;}

.dcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: #fff;background: rgba(255,255,255,0.5);transition: 0.5s;}

.dcover i{font-size:20px;font-size:2rem;position: absolute;left: 50%;margin-left: -10px;top: 50%;margin-top: -10px;color: #333;}

.dbox:hover .dcover{top: 0;}

@media screen and (max-width: 1729px) { .dbox { width: 244px;} }

@media screen and (max-width: 1419px) { .dbox { width: 206px;} }

@media screen and (max-width: 1219px) { .dbox { margin-left: 5px; width: 171px;}
  .down_part { margin-bottom: 40px; } 
  .dp1{font-size: 12px;font-size: 1.2rem;}
}

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

@media screen and (max-width: 850px) { .dbox { width: 31.3333%; } 
.dp1{border-radius: 8px;}
}
@media screen and (max-width: 660px) { .dbox { width: 48%; } }
@media screen and (max-width: 450px) {
  .dp1{word-break: break-all;}
}
@media screen and (max-width: 400px) {
  .down_part { margin-bottom: 25px; } 
}

/**********   contact   **********/
.lxp1 { text-align: center; font-size: 30px; font-size: 3rem; }

.lxp2 { font-size: 14px; font-size: 1.4rem; color: #666666; line-height: 30px; text-align: center; margin-top: 28px; margin-bottom: 57px; }

.lxzuo { width: 660px; }

.lxyou { width: 855px; }

.lxzuo form div { margin-bottom: 16px; }

.lxzuo form div span { float: left; width: 145px; text-align: right; margin-right: 9px; vertical-align: middle; color: #666666; line-height: 42px; }

.lxzuo form div span i { font-size: 20px; font-size: 2rem; color: #ff0000; margin-right: 5px; position: relative; top: 5px; }

.lxzuo form div p { overflow: hidden; }

.lxzuo form div input { padding-left: 10px; height: 40px; line-height: 40px; border: 1px solid #d2d2d2; background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #999; }

.lxzuo form div textarea { padding-left: 10px; height: 130px; line-height: 40px; border: 1px solid #d2d2d2; background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #999; }

.lxzuo form div.special input { width: 216px; }

.lxzuo form div.special img { vertical-align: middle; margin-left: 30px; cursor: pointer; }

.lxzuo form div.special2 input { width: 192px; height: 40px; line-height: 40px; background: #48c1ac; border: none; text-transform: uppercase; color: #fff; cursor: pointer; }

.lxzuo form div.special2 input:hover { background: #3aae9a; }

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

.lxlist { margin-top: 11px; }

.lxlist div { font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.lxlist div .iconfont { font-size: 16px; font-size: 1.6rem; color: #48c1ac; margin-right: 15px; float: left; }

.lxlist div p { overflow: hidden; }

.lxp3 { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 36px; }

.lxlist div p a:hover { color: #48c1ac; }

@media screen and (max-width: 1729px) { .lxyou { width: 690px; } }

@media screen and (max-width: 1419px) { .lxyou { width: 570px; }
  .lxzuo { width: 600px; } }

@media screen and (max-width: 1219px) { .lxzuo { width: 530px; }
  .lxyou { width: 425px; } }

@media screen and (max-width: 999px) { .lxzuo { width: 100%; }
  .lxyou { width: 100%; margin-top: 20px; }
  .lxp2 { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .lxp1 { font-size: 24px; font-size: 2.4rem; }
  .lxp2 { margin-top: 20px; line-height: 26px; }
  .lxzuo form div.special img { margin-left: 10px; } }

@media screen and (max-width: 550px) { .lxzuo form div span { float: none; width: 100%; }
  .lxzuo form div.special2 span { display: none; }
  .lxp3 { margin-top: 20px; } }

@media screen and (max-width: 400px) { .lxzuo form div.special input { width: 100%; }
  .lxzuo form div.special img { margin-left: 0; margin-top: 15px; } }

/**********   product1   **********/
.p1bt { text-align: center; font-size: 28px; font-size: 2.8rem; font-family:"Microsoft YaHei","微软雅黑"; text-transform: capitalize; margin-bottom: 133px; }

#main2 { display: none; }

@media screen and (max-width: 999px) { .p1bt { font-size: 22px; font-size: 2.2rem; margin-bottom: 60px; } }

@media screen and (max-width: 700px) { #main { display: none; }
  #main2 { display: block; }
  #main2 a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; font-family:"Microsoft YaHei","微软雅黑"; margin-bottom: 10px; }
  .pie_box { padding-top: 0 !important; }
  #main2 a:hover { color: #48c1ac; }
  .p1bt { margin-bottom: 45px; font-size: 20px; font-size: 2rem; } }

/***********  xiala  ***********/
.yiji { position: absolute; z-index: 9999; width: 180px; background: url(../images/yijibg.png); top: -9999px; left: 50%; margin-left: -90px; }

.yiji li { position: relative; }

.yiji li a { display: block; color: #333; line-height: 24px; padding-top: 5px; padding-bottom: 5px; padding-left: 25px; padding-right: 10px; }

.yiji li:hover > a { background: #48c1ac; color: #fff; }

.erji { position: absolute; left: 100%; top: -999px; width: 180px; background: url(../images/yijibg.png); }

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

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

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

.hdtop { position: fixed; right: 20px; bottom: -150px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 99999; width: 46px; height: 54px; line-height: 54px; text-align: center; border: 2px solid #a3e0d5; }

.hdtop i { color: #48c1ac; font-size: 30px; font-size: 3rem; }

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

/*********************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:"Microsoft YaHei","微软雅黑"; }

#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:"Microsoft YaHei","微软雅黑"; src: url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.eot") format("embedded-opentype"), url("../fonts/Montserrat-Light.svg") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family:"Microsoft YaHei","微软雅黑"; src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.eot") format("embedded-opentype"), url("../fonts/Montserrat-Bold.svg") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family:"Microsoft YaHei","微软雅黑"; src: url("../fonts/MontserratRegular.eot"); src: url("../fonts/MontserratRegular.eot") format("embedded-opentype"), url("../fonts/MontserratRegular.woff2") format("woff2"), url("../fonts/MontserratRegular.woff") format("woff"), url("../fonts/MontserratRegular.ttf") format("truetype"), url("../fonts/MontserratRegular.svg#MontserratRegular") format("svg"); }


.m-kefu-chat.mobile-hide {right: 6px!important; cursor: pointer;}
.ms_ye a.no:hover {color: #333!important;border: 1px solid #e5e5e5!important; background: #eee!important;}

.ppp{line-height: 30px;}
.actives{color: #d52c2c!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;}

    .xunpanc{margin-bottom: 20px;}
    .xunpanc .table table{margin-top: 20px;}
    .xunpanc table tr td{border: 1px solid #ccc;}
    .xunpanc table tr td a:hover{color: #3aae9a;}

.m-hdlang { position: absolute; width: 70px; overflow: visible; height: 27px; line-height: 27px; text-align: center;right: 0;top: 5px;}

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

.m-hdlang .lang-item { float: none; color: #fff; line-height: 25px; }

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

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

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

.m-hdlang > .lang-item i { vertical-align: middle; color: #333; margin-left: 5px; font-size: 12px; font-size: 1.2rem; vertical-align: middle; }

@media screen and (max-width: 1219px){
  .m-hdlang{top: 3px;}
}
@media screen and (max-width: 999px){
  .m-hdlang{right: auto;left: 0;}
}
@media screen and (max-width: 880px){
  .m-hdlang{top: 15px;}
}
@media screen and (max-width: 767px){
  .m-hdlang{top: 6px;}
}

@media screen and (max-width: 855px) { 
  .map{width:100%;overflow:scroll;}
}