@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%; }
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}


::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}
 
@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}



/*  head  */
.head{ border-bottom:4px solid #5ab6b2;}
.head .zong{ position:relative; z-index:999}
.logo{ padding-top:9px;float:left; width:265px; margin-left:4px;}
.logo a{ display:block; text-align:center;}
.logo a img{ width:100%; max-width:265px; max-height:90px;}

.yvzhong{ float:right; background:url(../img/yvzhong.jpg) no-repeat 41px center; line-height:106px;}
.yvzhong a{ display:block; font-size:14px; font-size:1.4rem; color:#666666; float:left; margin-left:14px;}
.yvzhong a:hover{ color:#38b0ab;}


/*  sousuo  */
.search{width:30px;z-index:9999999; position:absolute;background:none; top:38px; right:67px;}
.sb-icon-search {color: #fff;z-index: 99;width:30px;height:30px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none; z-index:99999999;}
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 30px;height: 30px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; z-index:99; border:none;}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 30px;line-height:30px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:Arial, Helvetica, sans-serif; color:#fff; border-radius:6px; background:none;}
.sb-icon-search,.sb-search-submit{width:30px;height: 30px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background: url(../img/sousuo.jpg) no-repeat center; border-radius:6px;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:30px;line-height:30px;position:relative;right:0px;top:0px; z-index: 999999; background:#38b0ab; border-radius:6px; color:#fff;}
.no-js .sb-search .sb-icon-search {position:absolute;background:url(../img/sousuo.jpg) no-repeat center;z-index: 15;right:0px;top:0px;}
.no-js .sb-search .sb-search-submit{z-index:91;}

.daohang{ float:right; margin-right:47px;}
.daohang>li{float:left; position:relative; z-index:99999; margin-left:0px;}
.daohang>li>a{ display:block; font-size:16px; font-size:1.6rem; line-height:60px; text-transform:uppercase; line-height:106px; padding:0 24px;}
.daohang>li:hover>a{ color:#fff; background:#38b0ab;}
.dangqiandao{background:#38b0ab !important; color:#fff !important;}

.yiji{ width:248px; position:absolute; top:-9999px; left:0px; background:#000; background:rgba(0,0,0,0.7); text-align:left; z-index:999999}
.yiji li{ position:relative; z-index:9999}
.yiji li a{ display:block; font-size:14px; font-size:1.4rem; line-height:28px; color:#fff; padding:5px 0; padding-left:21px;}
.yiji li:hover>a{ background:#38b0ab; background:rgba(56,176,171,0.5)}
.daohang>li:hover .yiji{ top:106px;}
.erji{ width:248px; position:absolute; top:-9999px; left:248px;  background:#000; background:rgba(0,0,0,0.7);text-align:left; z-index:999999}
.yiji li:hover .erji{ top:0px;} 


/*lun bo*/
.index_focus {position: relative;width: 100%;height:760px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus .bd li {display: none;position: absolute;left: 0;top: 0;width: 1920px;z-index: 999}
.index_focus .slide_nav{ position:absolute; bottom:35px; left:50%; margin-left:-63px; z-index:9999}
.index_focus .slide_nav a {width: 17px;height:17px;cursor: pointer;float: left;margin-right: 14px; background:#fff; border-radius:50%;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;margin: 0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {text-decoration: none;background:#38b0ab;}
.index_focus_pre, .index_focus_next {display: none;position: absolute;top: 50%;margin-top: -35px;width:47px;height:68px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 9999}
.index_focus_pre {left: 0px;background: url(../img/baleft.png) no-repeat;}
.index_focus_next {right: 0px;background: url(../img/baright.png) no-repeat;}



.daohang2{ display:none}
.banner{ position:relative; padding-bottom:245px; z-index:999}

@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:608px;}
.index_focusn img {width: 80%;}
.index_focus2 {height:428px;}
.index_focusn2 img {width: 80%;}
.daohang>li>a{ padding:0 10px; font-size:14px; font-size:1.4rem;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.clear2{ clear:both;}
.index_focus {display: none}
.index_focus2 {display: none}
.yiji {display: none}

.logo{ padding-top:4px;}

.daohang{ float:none; text-align:center; margin-right:auto; margin-top:5px;}
.daohang li{ float:none; display:inline-block; *float:left;}
.daohang>li>a{ font-size:14px; font-size:1.4rem; line-height:35px; padding:0 10px;}

.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;width: 120px;height:5px;bottom: 5px;left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#38b0ab;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (min-width:640px) {.container,.nav{ display:none}}
@media screen and (max-width:639px) {
.logo{ width:160px; padding-top:13px;}
.search{ top:28px; right:45px;}
.yvzhong{ line-height:30px;}

.container{ width:5px; height:100%;position:absolute; right:0px;transition:all 0.4s ease 0s; z-index:999999; cursor:pointer;}
.menubtn{width: 35px;height: 30px;position: absolute;top:30px;right:10px;transition:all 0.4s ease 0s; z-index:9999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #38b0ab;}
.nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.nav ul {display: none; margin-top:10px;}
.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}

.daohang{ display:none;}
.daohang2{ display:block; width:100%; text-align:center; margin-top:10px;}
.daohang2 a{ display:inline-block; padding:0 10px; font-size:14px; font-size:1.4rem; line-height:30px; padding-bottom:10px; text-align:center;}
}

/*  main1  */
@font-face {
    font-family: 'ITCAvantGardeStdDemi';
    src: url('../fonts/ITCAvantGardeStdDemi.eot');
    src: url('../fonts/ITCAvantGardeStdDemi.eot') format('embedded-opentype'),
         url('../fonts/ITCAvantGardeStdDemi.woff2') format('woff2'),
         url('../fonts/ITCAvantGardeStdDemi.woff') format('woff'),
         url('../fonts/ITCAvantGardeStdDemi.ttf') format('truetype'),
         url('../fonts/ITCAvantGardeStdDemi.svg#ITCAvantGardeStdDemi') format('svg');
}

.main1{ padding-top:42px; padding-bottom:60px;}
.m1biao{ display:block; font-size:36px; font-size:3.6rem; text-transform:uppercase; line-height:66px; text-align:center;font-family: 'ITCAvantGardeStdDemi'; background:url(../img/m1biao.jpg) no-repeat center bottom;}
.main1 p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; text-align:center; margin-top:13px;}
.m1lie{ width:270px; float:left; margin-left:40px; position:relative; overflow:hidden; margin-top:38px;}
.m1tu{ display:block;}
.m1tu img{ display:block; margin:auto; width:100%; max-width:666px; max-height:508px;}
.m1fu{ display:block; position:absolute; height:38px; width:100%; left:0px; bottom:28px; background:#000; background:rgba(0,0,0,0.5);}
.m1fu span{ display:block; text-align:center; padding:0 5px; font-size:14px; font-size:1.4rem; color:#fff; line-height:38px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m1lie:hover .m1fu{ background:#38b0ab; background:rgba(56,176,171,0.5);}
.main1 p a:hover{ color:#38b0ab;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m1lie{ width:237px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.m1lie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
.m1biao{ font-size:26px; font-size:2.6rem;}
}
@media screen and (max-width:429px) {
.m1lie{ width:99%; margin-left:0.5% !important; margin-right:0.5%;}
}

/*  main2  */
.main2{ background:url(../img/m2bei.jpg) no-repeat center;  padding-top:83px; padding-bottom:79px;}
.m2biao{ display:block; font-size:36px; font-size:3.6rem; text-transform:uppercase; color:#ffffff;font-family: 'ITCAvantGardeStdDemi'; text-align:center; line-height:45px;}
.m2p a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#fff; text-align:center; margin-top:4px;}
.m2lie{ width:260px; float:left; margin-left:50px; margin-top:55px;}
.m2lie a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#fff; text-align:center; padding-top:151px;}
.m2lie1{ margin-left:auto !important; background:url(../img/m2tu1.png) no-repeat center top;}
.m2lie2{ background:url(../img/m2tu2.png) no-repeat center top;}
.m2lie3{ background:url(../img/m2tu3.png) no-repeat center top;}
.m2lie4{ background:url(../img/m2tu4.png) no-repeat center top;}
.m2lie1:hover{ background:url(../img/m2tu1h.png) no-repeat center top;}
.m2lie2:hover{ background:url(../img/m2tu2h.png) no-repeat center top;}
.m2lie3:hover{ background:url(../img/m2tu3h.png) no-repeat center top;}
.m2lie4:hover{ background:url(../img/m2tu4h.png) no-repeat center top;}
.m2mor{ display:block; width:164px; height:45px; border-radius:17px; background:#38b0ab; text-align:center; line-height:45px; font-size:16px; font-size:1.6rem; color:#fff; margin:auto; margin-top:53px;}
.m2mor:hover{ background:#fff; color:#333;}
.m2p a:hover{ color:#38b0ab;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m2lie{ width:237px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.main2{ background: url(../img/m2bei1.jpg) center;  padding-top:83px; padding-bottom:79px;}
.m2lie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}
.m2biao{ font-size:26px; font-size:2.6rem;}
}
@media screen and (max-width:429px) {
.m2lie{ width:99%; margin-left:0.5% !important; margin-right:0.5%;}
}

/*  main3  */
.main3{ background:#f5f5f5; padding-top:44px; padding-bottom:55px;}
.m3biao{ display:block; font-size:36px; font-size:3.6rem; text-align:center;font-family: 'ITCAvantGardeStdDemi'; text-transform:uppercase; background:url(../img/m3biao.jpg) no-repeat center bottom; line-height:60px;}
.m3lie{ margin-left:52px; float:left; width:365px; margin-top:37px;}
.m3tu{ display:block;}
.m3tu img{ display:block; margin:auto; width:100%; max-width:365px; max-height:226px;}
.m3zi{ display:block; border-bottom:1px dashed #d2d2d2; font-size:14px; font-size:1.4rem; line-height:32px; font-weight:bold; padding-bottom:6px; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m3lie span{ display:block; font-size:14px; font-size:1.4rem; color:#38b0ab; line-height:28px; background:url(../img/m3shijian.jpg) no-repeat left center; padding-left:18px; margin-top:9px;}
.m3lie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#4d4d4d; margin-top:6px; height:78px; overflow:hidden;}
.m3lie a:hover{ color:#38b0ab;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m3lie{ margin-left:10px; float:left; width:320px; margin-top:37px;}
}
@media screen and (max-width:999px) {
.m3lie{ margin-left:0.5% !important; margin-right:0.5%; float:left; width:32.333%; margin-top:37px;}
.m3biao{ font-size:26px; font-size:2.6rem;}
}
@media screen and (max-width:639px) {
.m3lie{ margin-left:0.5% !important; margin-right:0.5%; float:left; width:99%; margin-top:37px;}
}

/*  main4  */
.main4{ padding-top:46px; padding-bottom:60px;}
.m4lie{ width:270px; float:left; margin-left:40px; margin-top:34px;}
.m4tu{ display:block;}
.m4tu img{ display:block; margin:auto; width:100%; max-width:666px; max-height:508px;}
.m4zi{ display:block; line-height:38px; margin-top:2px; text-align:center; background:#eeeeee; font-size:14px; font-size:1.4rem;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m4lie:hover .m4zi{ background:#38b0ab; color:#fff;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m4lie{ width:237px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.m4lie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
}
@media screen and (max-width:639px) {
.m4lie{ width:49%; margin-left:0.5% !important; margin-right:0.5%; margin-top:20px;}
}

/*  youlian  */
.youlian{ background:#38b0ab; line-height:36px; padding:5px 0;}
.youlian p{ font-size:18px; font-size:1.8rem; color:#fff; text-transform:uppercase; float:left;font-family: 'ITCAvantGardeStdDemi';}
.youlian a{ display:block; float:left; font-size:14px; font-size:1.4rem; color:#fff; margin:0 10px;}
.youlian a:hover{ color:#333;}

/*  foot  */
.foot{ background:#333; padding-bottom:36px;}
.flogo{ display:block; width:307px; float:left; margin-top:37px;}
.flogo a{ display:block;}
.flogo a img{ display:block; margin:auto; width:100%; max-width:307px; max-height:109px;}
.shejiao{ width:206px; float:right; padding-top:38px;}
.shejiao p{ font-size:18px; font-size:1.8rem; color:#fff; text-transform:uppercase; line-height:40px;font-family: 'ITCAvantGardeStdDemi';}
.shejiao2{ margin-top:16px;}
.shejiao2 a{ display:block; float:left; width:29px; margin-left:14px;}
.shejiao2 a img{ display:block; width:100%; max-width:29px; max-height:29px;}
.ful2{ width:500px; float:left; margin-left:89px;}
.fuln{ padding-top:41px;}
.fyouxiang{ background:url(../img/fxinfeng.jpg) no-repeat left center; padding-left:30px; font-size:14px; font-size:1.4rem; line-height:32px; color:#fff; float:left;}
.fdianhua{ background:url(../img/fdianhua.jpg) no-repeat left center; padding-left:30px; font-size:14px; font-size:1.4rem; line-height:32px; color:#fff; float:right;}
.fyouxiang a{ color:#fff;}
.ful2 p{ font-size:14px; font-size:1.4rem; color:#fff; line-height:24px; margin-top:20px;}
.ful2 p a{ color:#fff;}
.fyouxiang a:hover,.ful2 p a:hover{ color:#38b0ab;}


/*  hui dao ding bu  */
#returnTop {_display:none;position:fixed;_position:absolute;z-index:999999999999999999999;right:30px;bottom:53px;_bottom:auto;width:38px;height:38px;text-indent:-999px;overflow:hidden;background:url(../img/top.png) no-repeat;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.flogo{ width:260px; margin-top:55px;}
.ful2{ width:460px; margin-left:20px;}
}
@media screen and (max-width:999px) {
.ful2{ width:100%; margin-left:0px;}
.fuln li{ float:none;}
}
@media screen and (max-width:639px) {
.foot{ padding-bottom:70px;}
.ful2{ width:100%; margin-left:0px;}
.fuln li{ float:none;}
.flogo{ float:none; margin-top:auto; padding-top:20px; width:auto;}
.shejiao{ float:none;}
.youlian{ display:none;}
}

/*  ke fu  */
#online_qq_layer{ z-index:9999; position:fixed; right:0px; top:50%; margin-top:-160px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); }
#online_qq_tab{ width:24px; float:left; margin:0px; margin-top:68px; position:relative; z-index:9; }
#online_qq_tab a{ display:block; height:90px; line-height:999em; overflow:hidden; }
#online_qq_tab a#floatShow{ background:url(../img/erduo.png) no-repeat;}
#online_qq_tab a#floatHide{ background:url(../img/erduo.png) no-repeat; }
#onlineService{ display:inline;float:left;width:153px; display:block; background:#333333; border-radius:8px; padding:6px; padding-bottom:7px;}
.kefubiao{ display:block; line-height:23px; color:#fff; font-size:14px; padding-left:22px;font-family:Arial, Helvetica, sans-serif; margin-bottom:4px;}
.kefun{ background:#fff; padding-bottom:19px;}
.kefutu{ display:block; margin-bottom:21px; text-align:center; padding-top:10px;}
.kefutu img{ width:117px; height:106px;}
.kes{ background:url(../img/kes.jpg) no-repeat 16px center; display:block; line-height:26px; padding-left:43px;}
.kes:hover{color:#38b0ab;}

@media screen and (min-width:640px){
.kefu2{ display:none}
}
@media screen and (max-width:639px){
#online_qq_layer{ display:none}
.kefu2 a img{ max-width:100%;}
.kes2{ background:#0177b5}
.kexin2{ background:#98c01b}

.kefu2{ position:fixed; bottom:0px; width:100%; left:0px;z-index:999; border-top:1px solid #ccc}
.kefu2 a{display:block; float:left; width:100%; background:#fff; text-align:center; height:40px; padding-top:15px;}
}

/**********************************************************************  product  **************************************************************/
.mianbao{ font-size:14px; font-size:1.4rem; line-height:30px; font-style:italic; padding-top:20px;}
.mianbao a:hover{ color:#38b0ab;}
.co38{ color:#38b0ab !important;}

.prmain{ padding-bottom:71px;}
.prl{ width:270px; float:left; margin-top:30px;}
.prr{ width:880px; float:right;}

.subNavBox{}
.prltbiao{ display:block; background:#666666;}
.prltbiao img{ display:block; width:100%; max-width:224px; max-height:50px;}
.subNav{cursor:pointer; margin-top:3px; background:#f1f1f1 url(../img/prltjian.png) no-repeat 16px 15px; font-size:14px; font-size:1.4rem; line-height:30px; font-weight:bold; line-height:42px; padding-left:38px;}
.subNav:hover{background:#38b0ab url(../img/prltjianh.png) no-repeat 16px 15px;}
.subNav:hover a{color:#fff;}
.currentDd a{color:#fff}
.currentDt{background:#38b0ab url(../img/prltjianh.png) no-repeat 16px 15px;}
.navContent{display: none; background:#f1f1f1; padding:8px 0; margin-top:3px;}
.navContent>li a{display:block; padding-left:27px; font-size:14px; font-size:1.4rem; line-height:30px;}
.navContent>li a:hover{color:#38b0ab;}

.xuanzhong{color:#38b0ab;}

.prlb{ margin-top:38px;}
.prlbbiao{ display:block; border-bottom:1px solid #333333; padding-bottom:10px;}
.prlbbiao img{ display:block; width:100%; max-width:94px; max-height:28px;}
.prlbnav{ position:absolute; width:46px; height:14px; bottom:24px; *bottom:5px; right:0px; background:#fff}
.img-scroll {position: relative; background:#fff; padding-bottom:12px; *padding-bottom:22px; z-index:9}
.img-scroll .prev, .img-scroll .next {position: absolute;display: block;width: 17px;height: 14px; z-index:99}
.img-scroll .prev {left: 0;cursor: pointer; background:url(../img/prlbleft.jpg)}
.img-scroll .next {right: 0;cursor: pointer; background:url(../img/prlbright.jpg)}
.img-scroll .prev:hover { background:url(../img/prlblefth.jpg)}
.img-scroll .next:hover { background:url(../img/prlbrighth.jpg)}
.img-list {position: relative;width: 100%;overflow: hidden; z-index:90}
.img-list ul {width: 10000%;}
.img-list li {float: left;display: inline;width: 1%;margin-right: 10px; padding-top:12px;}
.prlba{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:24px; margin-top:3px;}
.img-list li span{ display:block; color:#999999; font-size:14px; font-size:1.4rem; line-height:28px; color:#38b0ab; background:url(../img/prlbriqi.jpg) no-repeat left center; margin-top:6px; padding-left:21px;}
.img-list li p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; height:96px; overflow:hidden; color:#666666; margin-top:4px;}
.prlbmor{ display:block; font-size:14px; font-size:1.4rem; font-weight:bold; color:#999999; line-height:37px; background:url(../img/prlbmor.jpg) no-repeat 42px center; margin-top:6px;}
.img-list li a:hover{color:#38b0ab;}

.chanlie{ width:270px; float:left; margin-left:35px; position:relative; margin-top:30px; margin-bottom:30px;}
.chantu{ display:block;}
.chantu img{ display:block; margin:auto; width:100%; max-width:666px; max-height:508px;}
.chanzi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; text-align:center; line-height:30px; margin-top:7px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.chanlie input{ position:absolute; left:0px; bottom:5px;}
.chanmor{ display:block; width:113px; height:30px; border:1px solid #38b0ab; border-radius:15px; text-align:center; line-height:30px; font-size:14px; font-size:1.4rem; color:#38b0ab; margin:auto; margin-top:11px;}
.chanmor:hover{ background:#38b0ab; color:#fff}
.chanzi:hover{ color:#38b0ab;}

.fenye{ padding-top:26px;}
.fenyen{ float:right;}
.fenyen a{ display:block; float:left; width:33px; height:28px; background:#f8f8f8; border:1px solid #ededed; text-align:center; line-height:28px; margin-left:9px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif}
.fenyen a:hover{ border:1px solid #38b0ab; color:#fff; background:#38b0ab}
.fenyen a.no,.fenyen a.no:hover{border:1px solid #f3f3f3; color:#333; background:#f8f8f8}
.sx{ width:59px !important;}
.dangqianfen{ border:1px solid #38b0ab !important; color:#fff !important; background:#38b0ab !important;}
.fuxuan{ background:url(../img/fuxuan.jpg) no-repeat left center; padding-left:26px; float:left; margin-bottom:10px;}
.fuxuan input{ width:150px; height:30px; background:#38b0ab; color:#fff; cursor:pointer;}
.fuxuan input:hover{ background:#333}
.fuxuan11{display:block; line-height: 30px; text-align: center; float: left; margin-right: 10px; width:150px; height:30px; background:#38b0ab; color:#fff; cursor:pointer;}
.fuxuan11:hover{ background:#333}

@media screen and (min-width:1000px) and (max-width:1219px) {
.prr{ width:700px;}
.chanlie{ width:226px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.prl{ width:35%;}
.prr{ width:63%;}
.chanlie{ width:49%; margin-left:0.5% !important; margin-right:0.5%; margin-bottom:auto;}
.fenyen{ float:none;}
.fuxuan{ float:none;}
.prmain{ padding-bottom:21px;}
}
@media screen and (max-width:639px) {
.prl{ width:100%;}
.prr{ width:100%;}
.chanmor{ width:90px;}
.chanzi{ font-size:12px; font-size:1.2rem;}
}


/******************************************************************  product2  **************************************************************************/
.prmain2{ padding-bottom:50px;}

.prr h1{ font-size:24px; font-size:2.4rem; font-weight:bold; line-height:30px; margin-top:23px;}
.box2{width:100%; margin-top:30px; position:relative;}
.left-pro{width:100%;text-align:left;}
.left-pro .t1{width:178px;float:right;}
.left-pro .t2{width:666px;text-indent:0;float:left;}
.left-pro .t2 a{ display:block;}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:20px;width:177px;height:135px;}
#showArea a{ display:block;}
#main_img{cursor:pointer;display:block;}
#gotop{cursor:pointer;display:block; margin:auto; margin-top:0px;}
#gobottom{cursor:pointer;display:block; margin:auto;}
#showArea{height:442px; margin-top:20px; margin-bottom:20px;overflow:hidden;}

.MagicZoomBigImageCont,.MagicZoomBigImageCont img { display:none !important}
.MagicZoomPup {background:rgba(255,255,255,0)}

.inno{ margin-top:36px; float:left;}
.inno a{ display:block; width:127px; height:31px; border:3px solid #38b0ab; text-align:center; line-height:31px; border-radius:19px; font-size:14px; font-size:1.4rem; float:left; margin-right:18px;}
.share{ margin-top:39px; float:left; margin-left:138px;}
.share span{ display:block; float:left; font-size:14px; font-size:1.4rem; line-height:26px; color:#0093e3;}
.share a{ display:block; float:left; margin-left:6px;}
.inno a:hover{ background:#38b0ab; color:#fff;}

.chanxbiao{ background:#f1f1f1 url(../img/chanxbiao.jpg) no-repeat left center; line-height:42px; padding-left:37px; font-size:22px; font-size:2.2rem; color:#fff; text-transform:uppercase; margin-top:52px;font-family: 'ITCAvantGardeStdDemi';}
.chanx{ font-size:14px; font-size:1.4rem; line-height:26px; color:#666666; padding-top:24px;}
.chanx p,.chanx span,.chanx li{ color:#666666;}
.chanx a{ font-weight:bold;}
.chanx img{ max-width:100%;}
.chanxa{ font-size:16px; font-size:1.6rem; display:block; margin-bottom:10px;}
.chanx table,.nex table{ width:97%; border-collapse:collapse; line-height:24px; }
.chanx tr td,.nex tr td{ line-height:24px; padding:2px;}

.biaogez{ width:100%; overflow-x:auto; margin-top:27px;}
.biaoge{ border-collapse:collapse; width:660px;}
.biaoge td{ border:1px solid #d9d9d9; padding:7px 0 6px 0; padding-left:21px; color:#000}
.biaotou{ background:#f2f2f2;}
.biaotou td{ font-weight:bold;}

.hotmain{ padding-bottom:80px;}
.rebiao{ display:block; background:#f1f1f1 url(../img/rebiao.jpg) no-repeat left center; line-height:42px; padding-left:37px; font-size:22px; font-size:2.2rem; color:#fff; text-transform:uppercase;font-family: 'ITCAvantGardeStdDemi';}
.img-scroll3 {position: relative; z-index:9}
.hotnav{ width:58px; height:25px; position:absolute; right:9px; top:9px; z-index:99}
.img-scroll3 .prev3, .img-scroll3 .next3 {position: absolute;display: block;width:25px;height:25px;}
.img-scroll3 .prev3 {left: 0;cursor: pointer; background:url(../img/hotleft.png)}
.img-scroll3 .next3 {right: 0;cursor: pointer; background:url(../img/hotright.png)}
.img-scroll3 .prev3:hover { background:url(../img/hotlefth.png)}
.img-scroll3 .next3:hover { background:url(../img/hotrighth.png)}
.img-list3 {position: relative;width: 100%;overflow: hidden; z-index:15}
.img-list3 ul {width: 9999px;}
.img-list3 li {float: left;display: inline;width:270px;margin-right:40px; margin-top:17px;}
.hottu{ position:relative; overflow:hidden;}
.hottun{ display:block;}
.hottu img{ display:block; margin:auto; width:100%; max-width:426px; max-height:455px;}
.hotzi{ display:block; line-height:28px; padding:5px 10px; text-align:center; background:#eeeeee; font-size:14px; font-size:1.4rem; margin-top:2px;}
.img-list3 li:hover .hotzi{ background:#38b0ab; color:#fff}
.box3{display:none}

@media screen and (min-width:1000px) and (max-width:1219px){
.box2{display:none}
.box3{ display:block;width:100%; margin-top:15px;}
.box3 a{display:block; width:49%; margin-left:0.5%; margin-right:0.5%; float:left; margin-top:10px; }
.box3 a img{width:100%; max-width:666px; max-height:508px;border:1px solid #ccc;}

.jianjie{ width:400px; float:right; margin-top:49px;}
.img-list3 li {width:237px;margin-right: 10px;}
.box2{ margin-left:auto;}
}
@media screen and (max-width:999px){
.prmain2{ padding-bottom:30px;}
.box2{display:none}
.box3{ display:block;width:100%; margin-top:15px;}
.box3 a{display:block; width:49%; margin-left:0.5%; margin-right:0.5%; float:left; margin-top:10px; }
.box3 a img{width:100%; max-width:666px; max-height:508px;border:1px solid #ccc;}

.inno{ float:none;}
.share{ float:none; margin-left:auto; margin-top:15px;}
.biaoge{ width:auto;}
.biaoge td{ font-size:12px; font-size:1.2rem; padding-left:4px;}

.img-list3 ul {width: 10000%;}
.img-list3 li {width: 0.3233%;margin-right: 0.015%; margin-top:20px;}
.inno{ margin-top:20px;}
#tab li { font-size:14px; font-size:1.4rem; width:150px;}
#content .ul { font-size:14px; font-size:1.4rem;}
#content .ul li{ padding-left:20px;}
.hotmain{ padding-top:30px; padding-bottom:30px; margin-top:0px;}
}
@media screen and (max-width:599px){
.box3 a{width:48%; margin-left:1%; margin-right:1%;}
#tab a { margin-left:12px;}
.img-list li {width: 0.5%;margin-right: 0.015%;}
.img-list3 li {width: 0.49%;}
.inno a{ width:120px; margin-right:10px; height:40px; line-height:40px;}
#tab li { width:100%; float:none;}
}
@media screen and (max-width:399px) {
.img-list3 li {width: 1%; margin-top:60px;}
.img-list li {width: 1%; margin-top:60px;}
.hotnav{ top:60px;}
}

/****************************************************************************  about1  *********************************************************************/
#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,.8);-webkit-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;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(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,.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,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;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%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-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}}
 @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)}}
 @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)}}


.ab1main1{ margin-top:33px;}
.ab1l{ width:601px; float:left;}
.img-scroll1 {position: relative; padding:6px; z-index:9;box-shadow:0 2px 4px #adadad;}
.img-scroll1 .prev1, .img-scroll1 .next1 {position: absolute;display: block;width: 38px;height: 40px; z-index:99; top:50%; margin-top:-20px;}
.img-scroll1 .prev1 {left: 8px;cursor: pointer; background:url(../img/ableft.png) no-repeat;}
.img-scroll1 .next1 {right: 8px;cursor: pointer; background:url(../img/abright.png) no-repeat;}
.img-list1 {position: relative;width: 100%; overflow: hidden; z-index:90}
.img-list1 ul {width: 10000%;}
.img-list1 li {float: left;display: inline;width: 1%;margin-right: 10px;}
.img-list1 li img{ display:block; margin: auto;width:100%; max-width:585px; max-height:364px;}

.ab1r{ width:557px; float:right; padding-top:18px;}
.ab1biao1{ display:block; font-size:36px; font-size:3.6rem; line-height:50px; text-transform:uppercase;font-family: 'ITCAvantGardeStdDemi'; background:url(../img/abbiao.jpg) no-repeat left bottom; padding-bottom:8px;}
.ab1a{ display:block; font-size:20px; font-size:2rem; font-weight:bold; line-height:24px; margin-top:46px;}
.ab1r p{ font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-top:23px;}

.abmain2{ padding-top:10px;}
.abmain2 p{ font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-top:25px;}


.ab1main2{ padding-bottom:67px; margin-top:30px;}
.img-scroll2 { position:relative; z-index:9; padding-top:31px;}
.img-scroll2 .prev2,.img-scroll2 .next2{position:absolute;display:block;width:42px;height:46px; top:50%; margin-top:-28px; z-index:999}
.img-scroll2 .prev2 { left:0px;cursor:pointer; background:url(../img/baleft.jpg) no-repeat center;}
.img-scroll2 .next2 { right:0px;cursor:pointer; background:url(../img/baright.jpg) no-repeat center;}
.img-scroll2 .prev2:hover { left:0px;cursor:pointer; background:url(../img/balefth.jpg) no-repeat center;}
.img-scroll2 .next2:hover { right:0px;cursor:pointer; background:url(../img/barighth.jpg) no-repeat center;}
.img-list2 { position:relative; width:1100px; margin-left:49px; overflow:hidden; z-index:99}
.img-list2 ul { width:9999px;}
.img-list2 li { float:left; display:inline; width:246px; margin-right:39px;}
.zhengshu{ padding:10px; /*background:url(../img/muban.jpg) no-repeat center;*/ }
.zhengshun{ position:relative; overflow:hidden; max-width:226px; margin:auto;}
.zhegntu{ width:100%; max-width:226px; max-height:314px;}
.zhengfangda{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#000; background:rgba(0,0,0,0.5);}
.zhengfangda img{ width:34px; height:34px; position:absolute; left:50%; margin-left:-17px; top:50%; margin-top:-17px;}
.img-list2 li:hover .zhengfangda{ top:0px;}
.zhengzi{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:41px; text-transform:uppercase;}

@media screen and (min-width:1000px) and (max-width:1219px){
.ab1l{ width:483px; float:left; margin-top:20px;}
.ab1r{ width:480px; float:right; padding-top:0px;}
.img-list2 { position:relative; width:880px;}
.img-list2 li { margin-right:70px;}
.img-list2 li { background:none}
.ab1a{ margin-top:20px;}
}
@media screen and (max-width:999px){
.ab1l{ width:100%; max-width:603px; margin:auto; float:none; margin-top:20px;}
.ab1r{ width:100%; float:none; padding-top:20px;}
.img-list2 { position:relative; width:100%; margin-left:auto;}
.img-list2 ul { width:1000%;}
.zhengshu{ background:none}
.img-list2 li { width:1.85%; margin-right:0.2%;}
.zhengshu{ padding:0px;}
.zhengfangda{ top:0px; background:rgba(0,0,0,0.2);}
.img-list2 li p a{ font-size:18px; font-size:1.8rem; margin:0 15px;}
.ab1main2{ padding-bottom:37px;}
}
@media screen and (max-width:740px){
.img-list2 li { width:3.20%; margin-right:0.2%;}
}
@media screen and (max-width:500px){
.img-list2 li { width:4.7%; margin-right:0.5%;}
}

/******************************************************************  video  **************************************************************/
.sunav{ background:url(../img/huixian.jpg) repeat-x center; text-align:center; margin-top:30px;}
.sunav a{ display:inline-block; *float:left; width:190px; height:42px; border:1px solid #dcdcdc; background:#fff; text-align:center; line-height:42px; border-radius:21px; font-size:16px; font-size:1.6rem; margin:0 8px;font-family: 'ITCAvantGardeStdDemi';}
.sunav a:hover{ background:#38b0ab; border:1px solid #38b0ab; color:#fff;}
.dangqiansu{ background:#38b0ab !important; border:1px solid #38b0ab !important; color:#fff !important;}

.vimain{}
.vil{ width:600px; float:left; margin-top:67px;}
.vir{ width:568px; float:right; padding-top:12px; background:url(../img/lankuai.jpg) no-repeat right top; margin-top:56px;}

.vil p{ font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-top:23px;}
.ab1a2{ display:block; font-size:24px; font-size:2.4rem; font-weight:bold; line-height:24px; margin-top:46px;}
.virn{ position:relative; max-width:555px; margin:auto; margin-right:13px;}
.shipin{ display:block;}
.shipin img{ display:block; width:100%; max-width:555px; max-height:351px;}
.vifu{ display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.4);}
.vifu img{ display:block; width:89px; height:89px; position:absolute; left:50%; margin-left:-45px; top:50%; margin-top:-45px;}

.vimain2{ margin-top:52px; padding-bottom:75px;}
.vilie{ width:379px; float:left; margin-left:31px; margin-bottom:60px;}
.vitu{ position:relative; max-width:379px; margin:auto;}
.vitun{ display:block;}
.vitun img{ display:block; width:100%; max-width:379px; max-height:240px;}
.vifu2{ display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.4);}
.vifu2 img{ display:block; width:71px; height:71px; position:absolute; left:50%; margin-left:-35px; top:50%; margin-top:-35px;}
.vizi{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:24px; text-align:center; margin-top:13px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.vil{ width:500px; float:left; margin-top:67px;}
.vir{ width:468px; float:right; padding-top:12px; background:url(../img/lankuai.jpg) no-repeat right top; margin-top:56px;}
.vilie{ width:320px; margin-left:10px; margin-bottom:30px;}
}
@media screen and (max-width:999px){
.sunav{ background:none}
.sunav a{ float:left; width:48%; margin-left:0.5%; margin-right:0.5%; margin-bottom:10px;}
.vil{ width:100%; float:none; margin-top:30px;}
.vir{ width:100%; float:none; padding-top:12px; background:none; margin-top:30px;}
.virn{ margin:auto;}
.vilie{ width:320px; margin-left:10px; margin-bottom:30px;}
.vilie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%; margin-bottom:30px;}
.vizi{ font-size:14px; font-size:1.4rem; font-weight:normal;}
}
@media screen and (max-width:599px){
.vimain2{ padding-bottom:20px;}
.sunav a{ width:98%;}
.vilie{ width:49%;}
}

/******************************************************************  accessories  **************************************************************/
.acmain{ padding-top:52px; padding-bottom:75px;}
.acmain>p{ font-size:14px; font-size:1.4rem; line-height:24px; color:#4d4d4d; text-align:center;}

.zhanshi_tp2{position:relative; width:759px; margin:auto; margin-top:38px; margin-bottom:4px;}
.zhanshi_tp2 .ulBigPic{width:759px; overflow:hidden;}
.zhanshi_tp2 .ulBigPic li{width:759px;display:none; position:relative;}
.abfu{ position:absolute; width:100%; font-size:16px; font-size:1.6rem; color:#fff; font-weight:bold; text-align:center; line-height:42px; bottom:0px; left:0px; background:#000; background:rgba(0,0,0,0.5); font-family:Tahoma, Geneva, sans-serif;}
.zhanshi_tp2 .ulBigPic .liSelected{display:block;}
.zhanshi_tp2 .ulBigPic img{ display:block;width:759px;height:474px;}
.zhanshi_tp2 .dSmallPicBox{width:759px; height:130px; position:relative; margin-top:16px;  }
.zhanshi_tp2 .dSmallPic{width:651px;height:130px; position:absolute; left:51px; top:0px;overflow:hidden;}
.zhanshi_tp2 .dSmallPic ul{position:absolute;}
.zhanshi_tp2 .dSmallPic li{width:205px; height:130px;float:left; display:inline;cursor:pointer;overflow:hidden; margin-right:14px;}
.zhanshi_tp2 .dSmallPic .sPic{width:205px; height:130px; display:block;}
.zhanshi_tp2 .dSmallPic .sPic img{width:201px;height:126px; border:2px solid #fff;}
.zhanshi_tp2 .dSmallPic .sPic img:hover{ border:2px solid #38b0ab;}
.zhanshi_tp2 .sLeftBtnB,.zhanshi_tp2 .sLeftBtnBSel,.zhanshi_tp2 .sLeftBtnBBan,.zhanshi_tp2 .sRightBtnB,.zhanshi_tp2 .sRightBtnBSel,.zhanshi_tp2 .sRightBtnBBan{width:34px; height:34px;display:block;position:absolute;top:48px;}
.zhanshi_tp2 .sLeftBtnB,.zhanshi_tp2 .sLeftBtnBSel,.zhanshi_tp2 .sRightBtnB,.zhanshi_tp2 .sRightBtnBSel{cursor:pointer;}
.zhanshi_tp2 .sRightBtnB,.zhanshi_tp2 .sRightBtnBSel,.zhanshi_tp2 .sRightBtnBBan{right:0px; background:url(../img/qubright.jpg) no-repeat center;}
.zhanshi_tp2 .sRightBtnB,.zhanshi_tp2 .sRightBtnBSel,.zhanshi_tp2 .sRightBtnBBan:hover{right:0px; background:url(../img/qubrighth.jpg) no-repeat center;}
.zhanshi_tp2 .sLeftBtnB,.zhanshi_tp2 .sLeftBtnBSel,.zhanshi_tp2 .sLeftBtnBBan{left:0px; background:url(../img/qubleft.jpg) no-repeat center;}
.zhanshi_tp2 .sLeftBtnB,.zhanshi_tp2 .sLeftBtnBSel,.zhanshi_tp2 .sLeftBtnBBan:hover{left:0px; background:url(../img/qublefth.jpg) no-repeat center;}

@media screen and (min-width:1000px){
.gongchang2{ display: none}
}
@media screen and (max-width:999px){
.acmain{ padding-top:32px; padding-bottom:35px;}
.zhanshi_tp2{ display:none}
.gongchang2{ width:100%}
.gonglie2{ display:block; width:45%; float:left; margin-left:2.5%; margin-right:2.5%; margin-top:30px;}
.gongtu2 img{ width:100%; max-width:759px; max-height:474px;}
.gongzi2{ display:block; text-align:center; line-height:30px; margin-top:5px;}
}
@media screen and (max-width:639px){
.gonglie2{width:95%;}
.wenav a{ width:135px; font-size:12px; font-size:1.2rem; font-weight:normal; margin:0 2px;}
}

/******************************************************************  support3  **************************************************************/
.vemain{ padding-top:23px; padding-bottom:70px;}
.velie{ border-bottom:1px dashed #c9c9c9; position:relative; padding-bottom:28px; margin-top:29px;}
.vebiao{ display:block; padding-left:16px; background:url(../img/landian.jpg) no-repeat left 10px; font-size:18px; font-size:1.8rem; line-height:24px; padding-right:85px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.vemor{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#38b0ab; position:absolute; right:0px; top:0px;}
.velie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-left:15px; margin-top:15px; height:48px; overflow:hidden;}
.velie a:hover{ color:#38b0ab;}
.jvzhong{ float:none; text-align:center; padding-top:25px;}
.jvzhong a{ float:none; display:inline-block; *float:left;}
@media screen and (max-width:639px){
.vemor{ display:none}
.vebiao{ padding-right:0px;}
.vemain{ padding-top:3px; padding-bottom:30px;}
}

/******************************************************************  support32  **************************************************************/
.vemain2{ padding-top:52px; padding-bottom:73px;}
.vemain2 h1{ font-size:18px; font-size:1.8rem; line-height:24px; text-align:center;}
.ven{ font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-top:15px;}
.ven p,.ven li,.ven span{ color:#666666;}
.ven a{ color:#38b0ab;}
.ven img{ max-width:100%;}
.fanpian{ border-top:1px solid #c9c9c9; padding-top:22px; margin-top:33px;}
.fanpian li{ padding-left:24px; font-size:16px; font-size:1.6rem; line-height:32px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.pr{ background:url(../img/pr.jpg) no-repeat left center;}
.ne{ background:url(../img/ne.jpg) no-repeat left center;}
.fanpian li a:hover{ color:#38b0ab;}
.ven table,.nex table{ width:97%; border-collapse:collapse; line-height:24px;}
.ven tr td,.nex tr td{ line-height:24px; padding:2px;}



/************************************************************************************  download  *******************************************************************/
.domain{ margin-top:53px; padding-bottom:70px;}
.dolie{ border-bottom:1px dashed #d7d7d7; margin-top:30px; padding-bottom:31px;}
.dobiao{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:24px; background:url(../img/xiazai.jpg) no-repeat left center; padding-left:36px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.dozi{ position:relative; padding-right:300px; margin-top:18px; min-height:50px;}
.domor{ display:block; width:91px; height:40px; border-radius:5px; background:#fff url(../img/yun.png) no-repeat left center; border:1px solid #38b0ab; border-radius:5px; padding-left:59px; color:#38b0ab; font-weight:bold; line-height:42px; font-family:Tahoma, Geneva, sans-serif; position:absolute; right:0px; top:8px;}
.pdf{ display:block; position:absolute; right:170px; width:35px; top:8px;}
.pdf img{width:35px; height:42px;}
.dozi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666;}
.dobiao:hover{ color:#38b0ab;}
.dozi p a:hover{ color:#38b0ab;}
.domor:hover{ background:#38b0ab url(../img/yunh.png) no-repeat left center; color:#fff;}
.mat{ padding-top:19px;}
@media screen and (max-width:999px){
.dozi{ position:relative; padding-right:220px;}
}
@media screen and (max-width:639px){
.dozi{ position:relative; padding-right:0px; padding-top:80px;}
.domor{ left:50px;}
.pdf{ left:0px;}
}

/************************************************************************************  news  *******************************************************************/
.hotbiao{ display:block; background:#f1f1f1 url(../img/rebiao.jpg) no-repeat left center; line-height:42px; padding-left:60px; font-size:22px; font-size:2.2rem; color:#fff; text-transform:uppercase;font-family: 'ITCAvantGardeStdDemi';}

.nemain{ padding-top:1px; padding-bottom:57px;}
.nebiao{ display:block; font-size:46px; font-size:4.6rem; text-transform:uppercase; text-align:center; line-height:46px; margin-bottom:50px;}
.nelie{ position:relative; min-height:161px; border-bottom:1px solid #c9c9c9; margin-top:28px; padding-bottom:29px;}
.neshijian{ width:132px; height:132px; border:1px solid #c9c9c9; position:absolute; left:0px; top:14px;}
.neshijian a{ display:block; text-align:center; font-size:70px; font-size:7rem; text-transform:uppercase; font-weight:bold; line-height:70px; margin-top:19px; color:#38b0ab;}
.neshijian p{ font-size:14px; font-size:1.4rem; text-transform:uppercase; font-weight:bold; text-align:center; line-height:15px;}
.netu{ width:230px; position:absolute; right:0px; top:0px;}
.netu a{ display:block; text-align:center;}
.netu a img{ width:100%; max-width:365px; max-height:226px;}
.nezi{ margin-left:167px; margin-right:290px; padding-top:16px;}
.nezi>a{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:26px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; background:url(../img/nexian.jpg) no-repeat left bottom; padding-bottom:11px;}
.nezi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-top:13px; height:72px; overflow:hidden;}
.nezi a:hover{color:#38b0ab;}
@media screen and (max-width:999px) {
.nezi{ margin:auto; padding-top:160px;}
.nezi p a{ height:auto;}
.netu{ width:160px; top:12px;}
.neshijian{ top:0px; width:100px;}
.nemain{ margin-top:0px; padding-bottom:30px;}
}

/************************************************************************************  news2  *******************************************************************/
.nemain2{ padding-top:23px; padding-bottom:50px;}
.nemain2 h1{ font-size:16px; font-size:1.6rem; font-weight:bold; line-height:24px; text-align:center;}
.riqi{ display:block; font-size:14px; font-size:1.4rem; color:#38b0ab; width:90px; margin:auto; padding-left:17px; background:url(../img/neshizhong.jpg) no-repeat left center; margin-top:12px; margin-bottom:20px;}

/*************************************************************************  contact  *****************************************************************/
.comain{ padding-bottom:80px;}
.colie{ margin-top:30px;}
.colie ul{ float:left; margin-left:90px; text-align:center;}
.cotu{ display:block; text-align:center; text-align:center;}
.cotu img{ width:100%; max-width:90px; max-height:90px;}
.colie ul li{ font-size:16px; font-size:1.6rem; line-height:24px; margin-top:19px;}
.colie ul li a:hover{ color:#38b0ab;}
.codingwei{ font-size:16px; font-size:1.6rem; line-height:24px; padding:9px 0; padding-left:41px; background:url(../img/dingwei.jpg) no-repeat left center; color:#333; margin-top:22px;}

.cobiao{ display:block; background:url(../img/cobiao.jpg) no-repeat top center; font-size:36px; font-size:3.6rem; text-transform:uppercase; font-family: 'ITCAvantGardeStdDemi'; text-align:center; padding-top:42px; margin-top:40px;}

.foxin{ width:645px; margin:auto; padding-top:4px;}
.foxin .xing{ background:url(../img/xing.jpg) no-repeat left 20px;}
.foxin .int1{ line-height:47px; width:630px; height:45px; border-bottom:1px dashed #c9c9c9; padding-left:14px; font-size:16px; font-size:1.6rem; margin-top:21px;}
.foxin textarea{ line-height:47px; width:630px; height:187px; border-bottom:1px dashed #c9c9c9; padding-left:14px; font-size:16px; font-size:1.6rem; margin-top:21px;background:url(../img/xing.jpg) no-repeat left 20px;}
.coren{}
.foxin .int2{ line-height:47px; width:245px; height:45px; border-bottom:1px dashed #c9c9c9; padding-left:16px; font-size:16px; font-size:1.6rem; margin-top:20px; background:url(../img/xing.jpg) no-repeat left 20px; float:left;}
.coyanzheng{ width:148px; height:50px; float:left; margin-left:29px; margin-top:18px; cursor:pointer}
.foxin .int3{ width:184px; height:50px; margin-top:45px; background:#38b0ab; font-size:18px; font-size:1.8rem; text-transform:uppercase; color:#fff; cursor:pointer}
.foxin .int3:hover{ background:#333;}
.ditu{ display:block; border:2px solid #e5e5e5; margin-top:47px;}
.ditu img{ display:block; margin:auto; width:100%; max-width:1196px; max-height:502px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.colie ul{ margin-left:35px; text-align:center;}
}
@media screen and (max-width:999px) {
.colie ul{ width:32.3333%; margin-left:0.5% !important; margin-right:0.5%; margin-bottom:30px; text-align:center;}
.colie ul li{ font-size:14px; font-size:1.4rem;}
.foxin{ width:auto;}
.foxin .int1,.foxin textarea{ width:95%;}
}
@media screen and (max-width:639px) {
.foxin .int1,.foxin textarea{ width:90%;}
.foxin .int2{ width:90%;}
.coyanzheng{ margin-left:auto;}
.comain{ padding-bottom:30px;}
.cobiao{ font-size:26px; font-size:2.6rem;}
.colie ul{ width:49%;}
.foxin .int3{ margin-top:20px;}
}
@media screen and (max-width:439px) {
.colie ul{ width:99%;}
}