@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:"微软雅黑";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:"微软雅黑";font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}


::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;}
@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{ padding-top:19px; background:#070707; padding-bottom:29px;}

.logo{ float:left; margin-left:9px;}
.logon{ display:block; text-align:center; float:left;}
.logon img{ width:100%; max-width:286px; max-height:58px;}
.slogen{ float:left; width:211px; margin-top:14px; margin-left:46px;}
.slogen img{ width:100%; max-width:211px; max-height:39px;}
.sousuozong{float:right;  margin-top:20px; margin-right:54px;}
.sousuozong p{ color:#fff; font-size:18px; font-size:1.8rem; margin-bottom:10px; letter-spacing:10px;}
.sousuo{ width:243px; height:26px; border:1px solid #a0a0a0; }
.sou{ width:210px; height:24px; float:left; padding-left:8px; background:none; color:#a0a0a0;}
.suo{ width:24px; height:24px; background:url(/img/sousuo.jpg) no-repeat left center; cursor:pointer; float:right;}

.head2{ background:#1b1c1c;}
.daohang{ position:relative;}
.daohang>li{ float:left; z-index:999; margin-left:42px;}
.daohang>li>a{ display:block; line-height:61px; font-size:16px; font-size:1.6rem; color:#fff; padding:0 38px;}
.daohang>li:hover>a{ background:#606160;}
.dangqiandao{ background:#606160 !important;}
.dao2{ position:relative;}

.yiji{ position:absolute; background:url(/img/xiala1.png) no-repeat 413px top; padding-top:11px; padding-bottom:8px; left:-21px;top:-9999px;z-index:99999}
.yijin{ background:#1b1b1b; border-radius:5px; overflow:hidden; padding:10px 5px;}
.yiji li{ width:140px; float:left; margin-left:8px; opacity:0.3; transition:0.5s;filter:alpha(opacity=30)}
.xialatu{ display:block; text-align:center;}
.xialatu img{ width:100%; max-width:383px; max-height:245px;}
.xialazi{ display:block; font-size:16px; font-size:1.6rem; color:#fff; line-height:26px; text-align:center;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.daohang>li:hover .yiji{ top:61px;}
.yiji li:hover{ opacity:1;filter:alpha(opacity=100)}

.yiji2{ position:absolute; top:-9999px; left:-21px; background:url(/img/xiala.png) no-repeat top center; padding-top:12px;}
.yiji2n{ background:#606160; background:rgba(96,97,96,0.8); width:180px; border-radius:5px; overflow:hidden;}
.yiji2n li a{ display:block; font-size:16px; font-size:1.6rem; color:#fff; line-height:40px; text-align:center; background:url(/img/xialaxian.jpg) repeat-x bottom;}
.yiji2n li:hover a{ background:#606160 url(/img/xialaxian.jpg) repeat-x center 42px;}
.daohang>li:hover .yiji2{ top:61px;}


/*lun bo
.index_focus {position: relative;width: 100%;height:737px;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:28px; left:50%; margin-left:-63px; z-index:9998 }
.index_focus .slide_nav a{ width:14px; height:14px; cursor:pointer;float:left; margin-right:9px; margin-left:9px; background:#a0a0a0;}

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


.index_focus2 {position: relative;width: 100%;height:320px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn2 {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus2 .bd li {display: none;position: absolute;left: 0;top: 0;width: 1920px;z-index: 999}
.index_focus2 .zong {position: absolute;left: 50%;margin-left: -600px;height: 19px;bottom:17px;z-index: 9999;}
.index_focus2 .slide_nav {position: absolute;left:56px;z-index: 99999;}
.index_focus2 .slide_nav a {width:19px;height:19px; border-radius:8px; cursor: pointer;float: left;margin-right:11px;background:#000000;}
.index_focus_post {z-index: 10;}
.index_focus2 .pic {height: auto;display: block;margin: 0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover, .index_focus2 .slide_nav .on {text-decoration: none;background:#fb3c4e;}
*/


@media screen and (min-width:1000px) and (max-width:1219px) {
.slogen{ margin-left:16px;}
.sousuozong{ margin-right:auto;}
.daohang>li{ margin-left:5px;}
/*.index_focus {height:589.6px;}
.index_focusn img {width: 80%;}
.index_focus2 {height:256px;}
.index_focusn2 img {width: 80%;}*/
.yiji li{ margin-left:21px;}
}
@media screen and (min-width:1000px) {.carousel{display: none}}
@media screen and (max-width:999px) {
.sousuozong{ margin-right:auto;}
.index_focus {display: none}
.index_focus2 {display: none}
.logon{ width:200px; margin:auto;}
.slogen{ display:none}
.daohang{ text-align:center;}
.daohang>li{ margin:auto; float:none; display:inline-block; *float:left;}
.daohang>li>a{ font-size:14px; font-size:1.4rem; padding:0 20px;}
.yiji,.yiji2{display: none}

.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top:0px;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;width: 110px;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: 20px;background-color:#a0a0a0;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (min-width:800px) {.clear2{ display:none}}
@media screen and (max-width:799px) {
.head{ padding-top:6px;}
.clear2{ clear:both;}
.daohang>li>a{ padding:0 15px;}
}
@media screen and (min-width:640px) {.container,.nav{ display:none}}
@media screen and (max-width:639px) {.daohang {display: none}
.head{ padding-bottom:10px; padding-top:2px;}
.logo{ float:none;}
.logon{ width:200px; margin-top:10px;}
.sousuozong{float:none; margin-top:20px;}
.sousuo{ width:90%; margin:auto; }
.sou{ width:75%;}

.carousel ul li{width: 100%;height: 100%;position: absolute;left: 0;}
.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:22px;right:10px;transition:all 0.4s ease 0s; z-index:9999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #dedede;}
.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;}
}

/*  main1  */
.main{ background:url(/img/mainbei.jpg) no-repeat center; padding-top:21px;}
.main1{ background:url(/img/m1bei.png) no-repeat center top; padding-top:80px; padding-bottom:105px;}

.m1biao{ display:block; background:url(/img/m1biao.png) no-repeat bottom center; text-align:center; padding-bottom:27px;}
.m1biao img{ width:128px; height:31px;}

.img-scroll { position:relative; margin-top:58px;}
.img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:26px;height:100%;}
.img-scroll .prev { left:0;cursor:pointer; background:url(/img/m1left.jpg) no-repeat center;}
.img-scroll .next { right:0;cursor:pointer; background:url(/img/m1right.jpg) no-repeat center;}
.img-list { position:relative; width:1087px; margin-left:56px; overflow:hidden}
.img-list ul { width:9999px;}
.img-list li { float:left; display:inline; width:341px; margin-right:32px; position:relative; height:231px;}
.m1tu{ width:100%; max-width:760px; max-height:515px;}
.bofang{ display:block; position:absolute; width:62px; height:62px; top:50%; margin-top:-41px; left:50%; margin-left:-31px; transition:0.5s;}
.xinghao{ display:block; position:absolute; left:0px; bottom:0px; width:100%; height:46px; background:#fff; background:rgba(59,59,59,0.8); font-size:18px; font-size:1.8rem; color:#ececec; text-align:center; line-height:46px;}
.m1fu{ position:absolute; width:100%; height:100%; left:0px; bottom:100%; background:#000; background:rgba(0,0,0,0.6); transition:0.5s;}
.m1fu>a{ display:block; font-size:18px; font-size:1.8rem; color:#ececec; line-height:26px; text-align:center; padding-top:38px;}
.m1fu p a{ margin:0 15px; display:block; font-size:16px; font-size:1.6rem; line-height:26px; height:78px; overflow:hidden; color:#ececec; margin-top:13px;}
.chakan{ display:block; position:absolute; left:0px; bottom:-46px; width:100%; height:46px; background:#fff; background:rgba(255,255,255,0.1); font-size:18px; font-size:1.8rem; color:#ececec; text-align:center; line-height:46px;}
.img-list li:hover .bofang{ top:-20px;}
.img-list li:hover .xinghao{ bottom:-46px;}
.img-list li:hover .m1fu{ bottom:0px;}
.img-list li:hover .chakan{ bottom:0px;}

.main11{ background:url(/img/m1bei.png) no-repeat center top; padding-top:80px; padding-bottom:105px;}

.m1biao{ display:block; background:url(/img/m1biao.png) no-repeat bottom center; text-align:center; padding-bottom:27px;}
.m1biao img{ width:128px; height:31px;}

.img-scroll2 { position:relative; margin-top:58px;}
.img-scroll2 .prev2,.img-scroll2 .next2{position:absolute;display:block;width:26px;height:100%;}
.img-scroll2 .prev2 { left:0;cursor:pointer; background:url(/img/m1left.jpg) no-repeat center;}
.img-scroll2 .next2 { right:0;cursor:pointer; background:url(/img/m1right.jpg) no-repeat center;}
.img-list2 { position:relative; width:1087px; margin-left:56px; overflow:hidden}
.img-list2 ul { width:9999px;}
.img-list2 li { float:left; display:inline; width:341px; margin-right:32px; position:relative; height:231px;}
.m1tu{ width:100%; max-width:760px; max-height:515px;}
.bofang{ display:block; position:absolute; width:62px; height:62px; top:50%; margin-top:-41px; left:50%; margin-left:-31px; transition:0.5s;}
.xinghao{ display:block; position:absolute; left:0px; bottom:0px; width:100%; height:46px; background:#fff; background:rgba(59,59,59,0.8); font-size:18px; font-size:1.8rem; color:#ececec; text-align:center; line-height:46px;}
.m1fu{ position:absolute; width:100%; height:100%; left:0px; bottom:100%; background:#000; background:rgba(0,0,0,0.6); transition:0.5s;}
.m1fu>a{ display:block; font-size:18px; font-size:1.8rem; color:#ececec; line-height:26px; text-align:center; padding-top:38px;}
.m1fu p a{ margin:0 15px; display:block; font-size:16px; font-size:1.6rem; line-height:26px; height:78px; overflow:hidden; color:#ececec; margin-top:13px;}
.chakan{ display:block; position:absolute; left:0px; bottom:-46px; width:100%; height:46px; background:#fff; background:rgba(255,255,255,0.1); font-size:18px; font-size:1.8rem; color:#ececec; text-align:center; line-height:46px;}
.img-list2 li:hover .bofang{ top:-20px;}
.img-list2 li:hover .xinghao{ bottom:-46px;}
.img-list2 li:hover .m1fu{ bottom:0px;}
.img-list2 li:hover .chakan{ bottom:0px;}


.main11{display: none;}





/*  main2  */
.main2{ background:url(/img/m2bei.png) no-repeat center bottom; padding-top:11px; padding-bottom:74px;}
.m2l{ width:770px; float:left; }
.m2r{ width:399px; float:right;}

.m2lbiao{ display:block; background:url(/img/m2lbiao.png) no-repeat left bottom; padding-bottom:20px;}
.m2lbiao img{ width:128px; height:31px; margin-left:9px;}
.m2ln{ position:relative; min-height:312px;margin-top:18px;}
.m2ltu{ display:block; width:456px; position:absolute; left:0px; top:2px;}
.m2ltu img{ width:100%; max-width:456px; max-height:310px;}
.m2lzi{ padding-left:473px;}
.m2la{ display:block; background:url(/img/yinhao.png) no-repeat right 5px; padding-right:55px; font-size:14px; font-size:1.4rem; line-height:26px; color:#f1f1f1; height:52px; overflow:hidden;}
.m2lzi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#f1f1f1; margin-top:25px; height:208px; overflow:hidden;}
.m2lmor{ display:block; float:right; font-size:14px; font-size:1.4rem; line-height:26px; color:#f1f1f1; margin-top:7px;}
.m2lzi a:hover{ color:#999;}

.m2rbiao{ background:url(/img/m2rbiao.png) no-repeat left bottom; padding-bottom:16px;}
.m2rbiaon{ display:block; float:left;}
.m2rbiaon img{ width:128px; height:31px; margin-left:12px;}
.m2rmor{ display:block; float:right; font-size:14px; font-size:1.4rem; line-height:26px; color:#f1f1f1;}

.m2r ul>a{ display:block; text-align:center; margin-top:20px; margin-bottom:8px;}
.m2r ul>a img{ width:100%; max-width:398px; max-height:188px;}
.m2r ul li a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#f1f1f1; margin-top:2px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m2r ul li a:hover,.m2rmor:hover{ color:#999;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.img-list { width:860px;}
.img-list li { width:280px; margin-right:10px; height:auto; margin-bottom:-3px;}
.m2l{ width:660px; float:left; }
.m2r{ width:309px; float:right;}
.m2ltu{ width:365px;}
.m2lzi{ padding-left:380px;}
.m2lzi p a{ height:156px;}
}
@media screen and (max-width:999px) {
.main{ background-attachment:fixed;}
.img-list { width:90%; margin-left:5%;}
.img-list ul { width:1000%;}
.img-list li { width:4.9%; margin-right:0.2%; height:auto; margin-bottom:-3px;}
.bofang{ display:none}
.m1fu{ bottom:0px;}
.m2l{ width:100%; float:none; }
.m2r{ width:100%; float:none;}
.m2ltu{ width:365px;}
.m2lzi{ padding-left:380px;}
.m2lzi p a{ height:156px;}
.m1fu>a{ font-size:16px; font-size:1.6rem; padding-top:15px;}
.m1fu p a{font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:639px) {
.main{ background: #000;}	
.main1{ padding-bottom:30px; padding-top:20px;}
.img-list { width:84%; margin-left:8%;}
.img-list li { width:10%; margin-right:0.2%;}
.m1fu p a{ height:52px;}
.m2ltu{ width:100%; position:relative; text-align:center;}
.m2lzi{ padding-left:0px; margin-top:20px; padding-bottom:30px;}
.main11{display: block;}
}


/*  foot  */
.foot{ background:#0d0e0d;}
.dibudao{ background:#1b1c1b; border-bottom:2px solid #0d0e0d; line-height:28px; padding:15px 0;}
.dibudao a{ display:block; font-size:14px; font-size:1.4rem; color:#fff; float:left; margin-left:133px;}
.dibudao a:hover{ color:#747474;}

.foot>.zong{ padding-bottom:11px;}
.ful1{ width:282px; float:left; padding-top:15px; background:url(/img/fogang.jpg) no-repeat right center;}
.ful2{ width:436px; float:left; margin-left:84px; padding-top:15px; background:url(/img/fogang.jpg) no-repeat right center;}
.ful3{ width:330px; float:right; padding-top:12px;}
.ful1 li{ color:#747474; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:11px; padding-left:30px;}
.ful2 li{ color:#747474; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:11px; padding-left:27px;}
.ful2 li a{color:#747474;}
.ful2 li a:hover{color:#fff;}

.fodianhua{ background:url(/img/fodianhua.jpg) no-repeat left 8px;}
.fodianhua2{ background:url(/img/fodianhua2.jpg) no-repeat left 4px;}
.fochuanzhen{ background:url(/img/fochuanzhen.jpg) no-repeat left 6px;}
.foyouxiang{ background:url(/img/foxinfeng.jpg) no-repeat left 8px;}
.fodizhi{ background:url(/img/fodingwei.jpg) no-repeat left 3px;}
.ful3 p{ color:#747474; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:14px;}
.ful3 p a{ color:#747474;}
.ful3 p a:hover{ color:#fff;}

.youlian{ background:#060706; line-height:24px; padding:10px 0;}
.youlian p{ font-size:14px; font-size:1.4rem; color:#747474; float:left;}
.youlian a{ display:block; float:left; font-size:14px; font-size:1.4rem; color:#747474; margin:0 10px;}
.youlian a:hover{ color:#fff;}

.ful1-1{ width:302px; float:left; padding-top:15px;}
.ful1-1 li{ color:#fff; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:-8px; padding-left:112px;}





@media screen and (min-width:1000px) and (max-width:1219px) {
.dibudao a{margin-left:100px;}
.ful1{ width:222px;}
.ful2{ width:386px; margin-left:20px;}
}
@media screen and (max-width:999px) {
.dibudao{ text-align:center;}
.dibudao a{margin:0 15px; float:none; display:inline-block; *float:left;}
.ful1{ width:45%; background:none;}
.ful2{ width:52%; background:none; float:right; margin-left:0px;}
.ful3{ width:100%; float:left;}
}
@media screen and (max-width:650px) {
.ful1-1{display: none;}
}
@media screen and (max-width:639px) {
.dibudao a{margin:0 10px;}
.youlian{ display:none}
.ful1{ width:100%; float:none;}
.ful2{ width:100%; float:none;}
.ful3{ width:100%; float:none;}
.foot{ padding-bottom:20px;}
}


/*****************************************************************************  product  ******************************************************************/
.banner{}
.banner a{ display:block; height:314px; background:url(/img/prbanner.jpg) no-repeat center;}
.banner a img{ display:none;}

@media screen and (max-width:999px) {
.banner a{ background:none; overflow:hidden; height:auto;}
.banner a img{ display:block; width:180%; margin-left:-40%;}
}

/*  mian bao xie  */
.mianbao{ border-bottom:1px solid #efefef; padding-bottom:3px;}
.mianbaon{ float:right; margin-right:26px; color:#999999; font-size:18px; font-size:1.8rem; line-height:23px; padding:15px 0; background:url(/img/fang.png) no-repeat left 20px; padding-left:28px;}
.mianbao a{ color:#999999; font-size:14px; font-size:1.4rem;}
.mianbao a:hover{ color:#c6c2c2;}
.co33{ color:#c6c2c2 !important;}

.prmain{ margin-top:1px; padding-bottom:49px;}
.chanlie{ width:385px; float:left; margin-left:22px; margin-top:19px;}
.chanlien{ border:1px solid #e5e5e5;}
.chantu{ background:#f6f6f6; position:relative; overflow:hidden;}
.chantu>a{ display:block; text-align:center;}
.chantu>a img{ width:100%; max-width:383px; max-height:245px;}
.chanfu{ position:absolute; width:100%; height:100%; left:0px; top:100%; transition:0.5s; background:#000; background:rgba(0,0,0,0.5);}
.chanfu a{ display:block; width:113px; height:40px; border-radius:20px; background:#fff; font-size:14px; font-size:1.4rem; text-align:center; line-height:40px; position:absolute; left:50%; margin-left:-56px; top:50%; margin-top:-20px;}
.chanzi{position:relative; background:url(/img/jianbian.jpg) repeat-x top;}
.chanzi a{ display:block; text-align:center; background:url(/img/chanjian.png) no-repeat right center; line-height:54px; font-size:16px; font-size:1.6rem; color:#f6f6f6; padding:0 70px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.chanzi input{ position:absolute; left:50px; top:17px;}
.chanlie:hover .chanzi a{ color:#bcbbbb;}
.chanlie:hover .chanfu{ top:0px;}
.chanfu a:hover{ background:#333; color:#fff;}

.fenye{ padding-top:28px;}
.fenyen{ float:left;}
.fenyen a{ display:block; float:left; width:19px; height:18px; border:1px solid #e0dede; text-align:center; line-height:18px; margin-right:5px; margin-bottom:10px;}
.fenyen a:hover{ border:1px solid #333; color:#fff; background:#333}
.sx{border:none !important; margin-right:24px !important; margin-left:4px !important; width:auto !important;}
.sx:hover{ background:none !important; color:#999 !important;}
.fenyen a.no,.fenyen a.no:hover{color:#e0dede !important;}
.dangqianfen{ border:1px solid #333 !important; color:#fff !important; background:#333 !important;}
.fuxuan{ background:url(/img/fuxuan.jpg) no-repeat left center; padding-left:30px; float:right; color:#4b4b4b; font-size:14px; font-size:1.4rem;}
.fuxuan input{ width:102px; height:32px; background:url(/img/inbei.jpg) no-repeat center; font-size:14px; font-size:1.4rem; color:#fff; cursor:pointer; margin-left:13px;}
.fuxuan input:hover{ background:#333;}
.fuxuan11{display: block; width:102px; height:32px; background:url(/img/inbei.jpg) no-repeat center; font-size:14px; font-size:1.4rem; color:#fff; cursor:pointer; margin-left:13px; text-align: center;line-height: 32px;}
.fuxuan:hover{ background:#333;}

.foot2{ padding-bottom:63px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.chanlie{ width:32.3333%; margin-left:0.5% !important; margin-right:0.5%;}
.chanzi input{left:5px;}
.chanzi a{ padding:0 35px;}
}
@media screen and (max-width:999px) {
.fenyen{ float:none;}
.fuxuan{ float:none;}
.chanlie{ width:32.3333%; margin-left:0.5% !important; margin-right:0.5%;}
.chanzi input{left:5px;}
.chanzi a{ padding:0 35px; font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:729px) {
.chanlie{ width:49%;}
.chanzi a{font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:399px) {
.chanlie{ width:99%;}
}

/*****************************************************************************  product2  ******************************************************************/
.mianbao2{ border-bottom:none; background:#0e0e0e;}

.prbanner{ position:relative; background:#0e0e0e;}
.prbiao{ text-align:center; padding-top:40px;}
.prbiao a{ display:block; font-size:35px; font-size:3.5rem; color:#fff;font-family: 'FuturaStdBook';}
.prbiao p{ font-size:16px; font-size:1.6rem; color:#999999; line-height:18px;}
.prbannera{ display:block;}
.prbannera img{ width:100%; max-width:1200px; max-height:692px;}
.xiangxia{ display:block; width:100px; height:100px; position:absolute; left:50%; margin-left:-50px; bottom:-50px;}
.xiangxia img{ width:100%; max-width:100px; max-height:100px;}

@media screen and (max-width:999px) {
.xiangxia{width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; bottom:-30px;}
.prbiao a{ font-size:25px; font-size:2.5rem;}
.prbiao p{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:639px) {
.prbiao a{ font-size:20px; font-size:2rem;}
.prbiao p{ font-size:12px; font-size:1.2rem;}
}


.chan1{ padding-top:137px; padding-bottom:82px;}
.chan1biao{ text-align:center;}
.chan1biao a{ display:block; font-size:24px; font-size:2.4rem; line-height:40px;}
.chan1biao p{ display:block; font-size:16px; font-size:1.6rem; line-height:35px;}
.chan1>p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:62px;}
.chan1lie{ margin-top:85px;}
.chan1lie a{ display:block; width:284px; text-align:center; float:left; margin-left:21px;}
.chan1lie a img{ width:100%; max-width:284px; max-height:174px;}

.chan2{ background:#f8f8f8;}
.chan3{}
.chan4{ background:#333;}
.chan5{}


.chanxtu{ width:50%; padding:35px 0;}
.chanxtu a{ display:block; text-align:center;}
.chanxtu a img{ width:100%; max-width:600px; max-height:592px;}
.chanxzi{ width:50%;}
.chanxzin{ padding-left:10px; height:662px;vertical-align: middle; display: table-cell;}
.chanxbiao{}
.chanxbiao a{ display:block; font-size:24px; font-size:2.4rem; line-height:37px;}
.chanxbiao p{ font-size:16px; font-size:1.6rem; line-height:35px;}
.chanxp{ margin-top:41px;}
.chanxp p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:27px; text-indent:2em;}
.chanxp p span{ color:#ff0000;}

.chan2 .chanxtu{ float:left;}
.chan2 .chanxzi{ float:right;}
.chan3 .chanxtu{ float:right;}
.chan3 .chanxzi{ float:left;}
.chan4 .chanxtu{ float:left;}
.chan4 .chanxzi{ float:right;}
.chan5 .chanxtu{ float:right;}
.chan5 .chanxzi{ float:left;}
.chan4 .chanxzi a,.chan4 .chanxzi p{ color:#fff;}
.chan7 .chanxtu{ float:left;}
.chan7 .chanxzi{ float:right;}

.chan6{ background:url(/img/chanbei.jpg) no-repeat center;}
.chan6n{ height:608px; text-align:center;vertical-align: middle; display: table-cell;}
.chan6n>p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:142px; padding:0 160px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.chan1lie a{ width:235px; margin-left:7px;}
.chanxtu{ padding-top:90px;}
.chan6n>p{ padding:0px;}
}
@media screen and (max-width:999px) {
.chan1lie a{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:20px;}
.chan1lie{ margin-top:10px;}
.chanxtu{ float:none; width:100%; padding:0px;}
.chanxzi{ width:100%; float:none;}
.chanxzin{ height:auto; padding-bottom:30px;}
.chan6n>p{ margin-top:42px;}
.chan6n{ height:508px; }
.chan1{ padding-top:57px; padding-bottom:32px;}
.chan6n>p{ padding:0px;}
}

/*****************************************************************************  news  ******************************************************************/
.nebanner{}
.nebanner a{ display:block; height:314px; background:url(/img/nebanner.jpg) no-repeat center;}
.nebanner a img{ display:none;}

@media screen and (max-width:999px) {
.nebanner a{ background:none; overflow:hidden; height:auto;}
.nebanner a img{ display:block; width:180%; margin-left:-40%;}
}

.nemain{ padding-top:45px; padding-bottom:27px;}
.nel{ width:250px; float:left; background:#fbfbfb;box-shadow:0px 0px 10px #ccc;}
.ner{ width:891px; float:right;}

.nel li{ margin-bottom:4px; text-align:center;}
.nel li a{ display:block; padding:10px 0; margin:0 21px; line-height:31px; font-size:16px; font-size:1.6rem; background:url(/img/nexian.jpg) repeat-x bottom;}
.beino{ background:none !important;}
.nel li:hover{ background:url(/img/nelbei.jpg) repeat-x bottom; background:url(/img/nejian.png) no-repeat right center,url(/img/nelbei.jpg) repeat-x bottom; *background:none;}
.nel li:hover a{ background:none; color:#fff; *color:#333;}
.dangqianne{background:url(/img/nelbei.jpg) repeat-x bottom !important;background:url(/img/nejian.png) no-repeat right center,url(/img/nelbei.jpg) repeat-x bottom !important;*background:none !important;}
.dangqianne a{ background:none !important; *background:url(/img/nexian.jpg) repeat-x bottom !important; color:#fff !important; *color:#333 !important;}

.nelie{ position:relative; border-bottom:1px dashed #d0cece; min-height:111px; padding-bottom:28px; margin-bottom:27px;}
.netu{ position:absolute; width:226px; left:0px; top:5px;}
.netu a{ display:block; text-align:center;}
.netu a img{ width:100%; max-width:398px; max-height:188px;}
.nezi{ padding-left:254px;}
.nezi>a{ display:block; font-size:16px; font-size:1.6rem; line-height:20px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-top:13px;}
.nezi span{ display:block; background:url(/img/shizhong.jpg) no-repeat 2px center; color:#c9c7c7; line-height:20px; font-family:Verdana, Geneva, sans-serif; padding-left:25px; margin-top:6px;}
.nezi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:20px; margin-top:10px; height:40px; overflow:hidden; text-indent:2em;}
.nezi a:hover{ color:#c9c7c7;}

.jvzhong{ float:none; text-align:center; margin-top:39px;}
.jvzhong a{ float:none; display:inline-block; *float:left;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.ner{ width:701px; float:right;}
}
@media screen and (max-width:999px) {
.nel{ width:100%; float:none;}
.ner{ width:100%; float:none; margin-top:20px;}
.nel li{ width:33.3333%; float:left; margin-bottom:auto;}
.nel li a{ background:none}
}
@media screen and (max-width:569px) {
.nezi{ padding-left:0px; padding-top:120px;}
.nel li:hover{background:url(/img/nelbei.jpg) repeat-x bottom;}
.nel li a{ margin:auto;}
.dangqianne{background:url(/img/nelbei.jpg) repeat-x bottom !important;}
.nezi p a{ height:auto;}
.netu{ position:absolute; width:226px; left:0px; top:5px; left: 50%; margin-left: -113px;}

}

/*****************************************************************************  news2  ******************************************************************/
.nemain2{ padding-top:48px; padding-bottom:70px;}
.nel2{ width:800px; float:left;}
.ner2{ width:361px; float:right;}

.nel2n{ border:1px solid #e6e6e6; padding:0 50px; padding-top:31px; padding-bottom:53px;}
.ner2n{ border:1px solid #e0e0e0; background:#fdfdfd;}

.nel2n h1{ text-align:center; color:#333; font-size:20px; font-size:2rem;}
.nespan{ position:relative; margin-top:6px;}
.riqi{ display:block; width:65px; margin:auto; padding-left:21px; background:url(/img/bi.jpg) no-repeat left center; color:#999999; line-height:30px;}
.nefen{ display:block; position:absolute; right:0px; top:0px; font-size:14px; font-size:1.4rem; color:#666666; line-height:30px;}
.nexiang{ padding-top:10px; font-size:14px; font-size:1.4rem; line-height:26px;}
.nexiang p,.nexiang span{ color:#333}
.nexiang a{ color:#999;}
.nexiang>p{ text-indent:2em;}
.nexiang img{max-width: 80%;}

.fenxiang{ margin-top:60px;}
.fenxiang p{ font-size:14px; font-size:1.4rem; color:#666666; line-height:43px; float:left;}
.fenxiang a{ display:block; width:53px; float:left; /*margin-left:10px;*/}
.fenxiang a img{ width:43px; height:43px;}

.fanpian{ border:1px solid #e6e6e6; border-top:none; padding:0 50px; padding-top:16px; padding-bottom:31px;}
.fanpian li{ font-size:14px; font-size:1.4rem; line-height:26px; color:#666666; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fanpian li a{ color:#666666;}
.fanpian li a:hover{ color:#333;}

.nerbiao{ display:block; font-size:20px; font-size:2rem; color:#416cbb; border-bottom:1px solid #e6e6e6; padding:17px 23px 13px 23px;}

.hotlie{ border-bottom:1px solid #e6e6e6; min-height:66px; position:relative; padding-top:17px; padding-bottom:21px;}
.hottu{ width:140px; position:absolute; left:23px; top:17px;}
.hottu a{ display:block; text-align:center;}
.hottu a img{ width:100%; max-width:398px; max-height:188px;}
.hotzi{ padding-left:180px; padding-right:20px; padding-top:6px;}
.hotzi a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color:#666666; height:52px; overflow:hidden;}
.hotzi a:hover{ color:#333;}
.hotmor{ text-align:center; display:block; padding-top:12px; padding-bottom:14px;}
.nel3{ display:none}

@media screen and (min-width:1000px) and (max-width:1219px) {
.nel2{ width:600px; float:left;}
.nel2n{ padding:0 20px; padding-top:31px; padding-bottom:53px;}
.fanpian{ padding:0 20px; padding-top:16px; padding-bottom:31px;}
}
@media screen and (max-width:999px) {
.nel2{ width:100%; float:none; margin-top:20px;}
.ner2{ width:100%; float:none; margin-top:20px;}
.nel2n{ padding:0 20px; padding-top:31px; padding-bottom:53px;}
.fanpian{ padding:0 20px; padding-top:16px; padding-bottom:31px;}
.nerbiao{ padding:17px 13px 13px 13px;}
.hottu{ left:13px;}
.hotzi{ padding-left:160px; padding-right:10px; padding-top:6px;}
.nel3{ display:block}
}

@media screen and (max-width:400px) {
.fenxiang a{ display:block; width:37px; float:left; /*margin-left:10px;*/}
.fenxiang a img{ width:30px; height:30px;}
.fenxiang p{ font-size:14px; font-size:1.4rem; color:#666666; line-height:43px;}

}
/*****************************************************************************  video  ******************************************************************/
.vibanner{}
.vibanner a{ display:block; height:314px; background:url(/img/vibanner.jpg) no-repeat center;}
.vibanner a img{ display:none;}

@media screen and (max-width:999px) {
.vibanner a{ background:none; overflow:hidden; height:auto;}
.vibanner a img{ display:block; width:180%; margin-left:-40%;}
}

.vimain{ padding-top:32px; padding-bottom:28px;}
.vil{ width:251px; float:left; margin-left:10px;}
.vir{ width:913px; float:right;}

.vilbiao{ padding-top:9px;}
.vilbiao a{ display:block; font-size:24px; font-size:2.4rem; line-height:30px; text-align:center;}
.vilbiao p{ font-size:18px; font-size:1.8rem; line-height:25px; color:#666666; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.jifen{ background:#fbfbfb; margin-top:16px;box-shadow:0px 0px 10px #ccc;}
.jifen li{ margin-bottom:4px; text-align:center;}
.jifen li a{ display:block; padding:10px 0; margin:0 21px; line-height:31px; font-size:16px; font-size:1.6rem; background:url(/img/nexian.jpg) repeat-x bottom;}
.jifen li:hover{background:url(/img/nelbei.jpg) repeat-x bottom; background:url(/img/nejian.png) no-repeat right center,url(/img/nelbei.jpg) repeat-x bottom;}
.jifen li:hover a{ background:none; color:#fff;}
.mat1{ margin-top:30px;}
.mat2{ margin-top:10px;}

.vilie{ width:294px; float:left; margin-left:13px; margin-bottom:36px;}
.vitu{ position:relative;}
.vitun{ display:block; text-align:center;}
.shipin{ width:100%; max-width:760px; max-height:515px;}
.shipin2{ display:block; text-align:center; position:relative;}
.shipin22{ width:100%; max-width:939px; max-height:515px;}
.bofang2{ width:53px; height:56px; position:absolute; top:50%; margin-top:-43px; left:50%; margin-left:-26px;}
.via{ display:block; line-height:41px; position:absolute; width:100%; left:0px; bottom:0px; background:#fff; background:rgba(255,255,255,0.1); font-size:16px; font-size:1.6rem; color:#ececec; text-align:center;}
.vizi{ background:#f9f9f9; border:1px solid #e3e3e3; border-top:none; padding-bottom:2px;}
.vizi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; padding-left:12px; padding-right:16px; height:72px; overflow:hidden;}
.vizi>a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#999999; float:right; margin-right:16px;}
.vizi p a:hover{ color:#999;}
.vizi>a:hover{ color:#333;}
.mat3{ margin-top:20px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.vil{ margin-left:0px;}
.vir{ width:713px; float:right;}
.vilie{ width:224px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.vil{ margin-left:0px; width:100%; float:none; margin-top:20px;}
.vir{ width:100%; float:none;}
.vilie{ width:31.3333%; margin-left:1% !important; margin-right:1%;}
.jifen li{ width:33.3333%; float:left; margin-bottom:auto;}
.jifen li a{ background:none; margin:auto; font-size:14px; font-size:1.4rem;}
.jifen li:hover{ background:url(/img/nelbei.jpg) repeat-x bottom;}
.jifen .dangqianne{ background:url(/img/nelbei.jpg) repeat-x bottom !important;}
.vizi a,.vizi p a{ font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:639px) {
.vilie{ width:48%; margin-left:1% !important; margin-right:1%;}
.jifen li{ width:50%;}
}
@media screen and (max-width:449px) {
.vilie{ width:98%; margin-left:1% !important; margin-right:1%;}
.jifen li{ width:100%;}
}

/*****************************************************************************  video2  ******************************************************************/
.vimain2{ padding-top:42px; padding-bottom:57px;}
.shipin2{ display:block; text-align:center; position:relative;}
.shipin22{ width:100%; height:515px;}
.shipin2 img{ width:100%; max-width:939px; max-height:515px;}
.bofang3{ position:absolute; width:62px !important; height:62px !important; top:50%; margin-top:-31px; left:50%; margin-left:-31px;}
.vibiao{ display:block; text-align:center; font-size:22px; font-size:2.2rem; margin-top:57px;}
.vix{ font-size:14px; font-size:1.4rem; line-height:26px; padding-top:29px;}
.vix p,.vix span{ color:#333;}
.vix a{ color:#999;}
.vix p{text-indent:2em;}
.vix iframe{  display:block; margin:0 auto; max-width:100%;}
.vix img{  display:block; margin:0 auto; max-width:100%;}
@media screen and (max-width:640px) {
.shipin22{ width:100%;  height:300px;}
}
@media screen and (mix-width:320px) {
.shipin22{ width:100%;  height:300px;}
}

/*****************************************************************************  project  ******************************************************************/
.pjbanner{}
.pjbanner a{ display:block; height:314px; background:url(/img/pjbanner.jpg) no-repeat center;}
.pjbanner a img{ display:none;}

@media screen and (max-width:999px) {
.pjbanner a{ background:none; overflow:hidden; height:auto;}
.pjbanner a img{ display:block; width:180%; margin-left:-40%;}
}

.pjmain{ padding-top:49px; padding-bottom:98px;}
.pjlie{ width:50%; float:left; position:relative; min-height:177px;}
.pjtu{ width:300px; position:absolute;}
.pjtu a{ display:block; text-align:center;}
.pjtu a img{ width:100%; max-width:300px; max-height:177px;}
.pjzi{}

.pjlie1{ background:#f19643}
.pjlie2{ background:#333333}
.pjlie3{ background:#87c97f}
.pjlie4{ background:#54841f}

.pjlie1 .pjtu,.pjlie2 .pjtu{ top:0px; right:0px;}
.pjlie3 .pjtu,.pjlie4 .pjtu{ top:0px; left:0px;}
.pjlie1 .pjzi,.pjlie2 .pjzi{ padding-left:16px; padding-right:317px;}
.pjlie3 .pjzi,.pjlie4 .pjzi{ padding-right:16px; padding-left:317px;}

.pjzi>a{ display:block; font-size:16px; font-size:1.6rem; color:#fff; line-height:27px; background:url(/img/pjbiao.jpg) no-repeat 14px center; padding-left:27px; margin-top:30px;}
.pjzi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:20px; color:#fff; margin-top:24px; height:80px; overflow:hidden; text-indent:2em;}
.pjzi a:hover{ color:#e3e1e1;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.pjlie{min-height:159px;}
.pjtu{ width:270px;}
.pjlie1 .pjzi,.pjlie2 .pjzi{ padding-left:16px; padding-right:280px;}
.pjlie3 .pjzi,.pjlie4 .pjzi{ padding-right:16px; padding-left:280px;}
.pjzi>a{ margin-top:15px;}
.pjzi p a{ margin-top:14px;}
}
@media screen and (max-width:999px) {
.pjmain{ padding-top:29px; padding-bottom:28px;}
.pjlie{ width:100%; float:none;}
.pjzi{ padding-top:20px;}
.pjzi>a{ margin-top:auto;}
.pjlie1 .pjtu,.pjlie2 .pjtu{ top:0px; left:0px;}
.pjlie1 .pjzi,.pjlie2 .pjzi{ padding-right:16px; padding-left:317px;}
}
@media screen and (max-width:599px) {
.pjtu{ position:relative; left:auto; top:auto; right:auto; width:100%;}
.pjzi{ padding:20px !important;}
}

/*****************************************************************************  project2  ******************************************************************/
.pjmain2{ padding-top:30px; padding-bottom:156px;}
.pjbiao{ display:block; font-size:20px; font-size:2rem; line-height:30px; padding-left:21px; padding-bottom:20px;}
.pjnlie{ position:relative; min-height:421px; margin-top:52px;}
.pjntu{ width:544px; position:absolute; left:0px; /*top:50%; margin-top:-161px;*/}
.pjntu a{ display:block; text-align:center;}
.pjntu a img{ width:100%; max-width:544px; /*max-height:321px;*/}
.pjnzi{ padding-left:600px; font-size:14px; font-size:1.4rem; line-height:26px;vertical-align: middle; display: table-cell; height:321px;}
.pjnzi p{ text-indent:2em;}
.pjxian{ height:2px; width:100%; background:url(/img/pjxian.jpg) repeat-x; margin-top:46px;}
.pjnzi img{max-width: 95%;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.pjnzi{ padding-left:560px;}
.pjnzi img{max-width: 95%;}
}
@media screen and (max-width:999px) {
.pjmain2{ padding-top:20px; padding-bottom:36px;}
.pjbiao{ padding-bottom:0px;}
.pjntu{ width:100%; position:relative; top:auto; left:auto; margin-top:auto;}
.pjnzi{ padding-left:0px; height:auto; padding-top:30px;}
.pjnzi img{max-width: 95%;}
}

/*****************************************************************************  about  ******************************************************************/
.abbanner{}
.abbanner a{ display:block; height:314px; background:url(/img/abbanner.jpg) no-repeat center;}
.abbanner a img{ display:none;}

@media screen and (max-width:999px) {
.abbanner a{ background:none; overflow:hidden; height:auto;}
.abbanner a img{ display:block; width:100%; }
}

.abmain{ padding-top:12px; padding-bottom:68px;}
.abl{ width:250px; float:left; margin-left:10px;}
.abl .nel{ float:none;}
.abdiqiu{ display:block; text-align:center; margin-top:38px;}
.abdiqiu img{ width:100%; max-width:250px; max-height:121px;}

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

.abr{ width:896px; float:right;}
.abbiao{ padding-top:24px;}
.abbiao>a{ display:block; font-size:35px; font-size:3.5rem; line-height:45px; text-align:center;}
.abbiaon{ background:url(/img/abxian.jpg) no-repeat center; margin-top:7px;}
.aba1{ font-size:18px; font-size:1.8rem; color:#666666; line-height:30px; display:block; margin:auto; background:#fff; width:134px; text-align:center; margin:auto;font-family: 'FuturaStdBook';}
.abn{ font-size:14px; font-size:1.4rem; line-height:26px; padding-top:23px;}
.abn p{ text-indent:2em;}
.abn img{ max-width:100%;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.abr{ width:700px; float:right;}
}
@media screen and (max-width:999px) {
.abl{ width:100%; float:none; margin-left:auto;}
.abr{ width:100%; float:none;}
.abdiqiu{ display:none}
.abn img{ max-width:85%;}
}
@media screen and (max-width:359px) {
.abl li{ width:50%;}
}

/*****************************************************************************  comain  ******************************************************************/
.cobanner{}
.cobanner a{ display:block; height:314px; background:url(/img/cobanner.jpg) no-repeat center;}
.cobanner a img{ display:none;}

@media screen and (max-width:999px) {
.cobanner a{ background:none; overflow:hidden; height:auto;}
.cobanner a img{ display:block; width:180%; margin-left:-40%;}
}

.comain{ padding-top:35px; padding-bottom:67px;}
.cobiao{ display:block; text-align:center;}
.cobiao img{ width:286px; max-height:58px;}

.cot{ margin-top:64px;}
.cot ul{ width:240px; margin:0 30px; float:left; text-align:center;}
.cotu{ display:block;}
.cotu img{ width:143px; height:143px;}
.cot ul li{ font-size:16px; font-size:1.6rem; line-height:24px; margin-top:23px;}
.mat4{ margin-top:14px !important;}
.cot ul li a:hover{ color:#999;}

.cubiao{ display:block; text-align:center; font-size:36px; font-size:3.6rem; background:url(/img/liuyanban.jpg) no-repeat bottom center; padding-top:76px; padding-bottom:16px;}

.xing{ background:url(/img/xing.jpg) no-repeat left top;}
.coxin{ width:889px; margin:auto; margin-top:34px;}
.coxin .int1{ width:403px; height:46px; line-height:46px; padding-left:22px; font-size:14px; font-size:1.4rem; border:1px solid #d2d2d2; margin-top:21px;}
.coxin textarea{ width:865px; height:119px; line-height:46px; padding-left:22px; font-size:14px; font-size:1.4rem; border:1px solid #d2d2d2; margin-top:24px;}
.coxin .int2{ width:223px; height:46px; line-height:46px; padding-left:22px; font-size:14px; font-size:1.4rem; border:1px solid #d2d2d2; margin-top:20px; float:left;}
.coyanzheng{ width:137px; height:50px; float:left; margin-top:20px; margin-left:15px; cursor:pointer;}
.coxin .int3{ width:426px; height:48px; float:right; margin-top:20px; background:url(/img/tijao.jpg) repeat-x bottom; font-size:18px; font-size:1.8rem; color:#fff; cursor:pointer;}
.coxin .int3:hover{ background:#0099e6;}

.ditu{ display:block; width:100%; max-width:1200px; max-height:433px; margin-top:68px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.cot ul{ width:230px; margin:0 5px;}
}
@media screen and (max-width:999px) {
.cot ul{ width:48%; margin:10px 1%;}
.coxin{ width:100%;}
.coxin .int1{ width:95%; float:none;}
.coxin textarea{ width:95%;}
.coxin .int2{ width:30%;}
.coxin .int3{ width:30%; float:left; margin-left:12px;}
.cot ul li{ margin-top:14px !important;}
}
@media screen and (max-width:499px) {
.cot ul{ width:98%; margin:10px 1%;}
.coxin .int1{ width:90%; float:none;}
.coxin textarea{ width:90%;}
.coxin .int2{ width:90%;}
.coyanzheng{ margin-left:auto;}
.coxin .int3{ width:30%; float:left; margin-left:12px;}
.ditu{ margin-top:20px;}
.comain{ padding-top:35px; padding-bottom:20px;}
.cot{ margin-top:14px;}
}

















#container, #content {width: 100%;height: 100%;}
#container {position: relative;background:url(/img/mainbei.jpg) no-repeat center;}
#stages, .stage {width: 100%;height: 100%;position: relative}
#stages {font-size: 32px;z-index: 0}
#header{width: 100%;position: absolute;left: 0;z-index: 1}
#header {top: 0}
.headz{ width:100%; position:absolute; left:0px; top:0px; height:200px; z-index:99999}


/*  左侧导航  */
#slidebar { width:20px; position:fixed; right:10px; top:50%; margin-top:-20px; z-index:99999999}
#slidebar li {width:10px;height:10px; background:#fff; margin:10px 0; border-radius:50%;}
#slidebar a {display: block;width:10px;height:10px; background:#fff; border-radius:50%;}
#slidebar .slidebar-text {display: block;width: 100%;height: 100%;font-size: 12px;text-align: center;line-height: 18px;color: #fff;opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity .2s linear 0s;-moz-transition: opacity .2s linear 0s;-ms-transition: opacity .2s linear 0s;-o-transition: opacity .2s linear 0s;transition: opacity .2s linear 0s}
#slidebar .slidebar-active{ background:#5cc2ff;}
#slidebar a:hover{color:#1367af}
#slidebar .slidebar-active .slidebar-text {opacity: 1;filter: alpha(opacity=100);-webkit-transition: opacity .2s linear .2s;-moz-transition: opacity .2s linear .2s;-ms-transition: opacity .2s linear .2s;-o-transition: opacity .2s linear .2s;transition: opacity .2s linear .2s}

#slidebar {
-webkit-transform: translateX(80px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-moz-transform: translateX(80px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-ms-transform: translateX(80px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-o-transform: translateX(80px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
transform: translateX(80px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-webkit-animation: slidebar .8s ease-out 1.6s 1 normal forwards;
-moz-animation: slidebar .8s ease-out 1.6s 1 normal forwards;
-ms-animation: slidebar .8s ease-out 1.6s 1 normal forwards;
-o-animation: slidebar .8s ease-out 1.6s 1 normal forwards;
animation: slidebar .8s ease-out 1.6s 1 normal forwards}
@-webkit-keyframes slidebar {0% {-webkit-transform:translateX(80px)}100% {-webkit-transform:translateX(0)}}
@-moz-keyframes slidebar {0% {-moztransform:translateX(80px)}100% {-moztransform:translateX(0)}}
@-ms-keyframes slidebar {0% {-ms-transform:translateX(80px)}100% {-ms-transform:translateX(0)}}
@-o-keyframes slidebar {0% {-o-transform:translateX(80px)}100% {-o-transform:translateX(0)}}
@keyframes slidebar {0% {transform:translateX(80px)}100% {transform:translateX(0)}}


#stage-1 .stage-content {width:100%;height:100%; position:relative; top:0px;}
#stage-1.stage-state-default {z-index: 1}
.stage-1-icon {width:100%;height:100%;position: relative;}



/*lun bo*/
.index_focus {position: relative;width: 100%;height:810px;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{ height:100%;}
.index_focus .bd ul{ height:100%;}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px; height:100%;z-index:999}
.index_focus .bd li a{ display:block; height:100%;}
.index_focus .slide_nav {position: absolute; bottom:28px; left:50%; margin-left:-63px; z-index:9998 }
.index_focus .slide_nav a{ width:14px; height:14px; cursor:pointer;float:left; margin-right:9px; margin-left:9px; background:#a0a0a0;}

.index_focus_post {z-index: 10;}
.index_focus .pic {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:#626262;}



/* yi ping  */

#stage-1.stage-state-default .stage-1-icon {
opacity: 0;
-webkit-animation: first-1 .8s ease-out 0s 1 forwards;
-moz-animation: first-1 .8s ease-out 0s 1 forwards;
-ms-animation: first-1 .8s ease-out 0s 1 forwards;
-o-animation: first-1 .8s ease-out 0s 1 forwards;
animation: first-1 .8s ease-out 0s 1 forwards}
@-webkit-keyframes first-1 {0% {opacity:0;-webkit-transform:scale(0.1)}100% {opacity:1;-webkit-transform:scale(1)}}
@-moz-keyframes first-1 {0% {opacity:0;-moz-transform:scale(0.1)}100% {opacity:1;-moz-transform:scale(1)}}
@-ms-keyframes first-1 {0% {opacity:0;-ms-transform:scale(0.1)}100% {opacity:1;-ms-transform:scale(1)}}
@-o-keyframes first-1 {0% {opacity:0;-o-transform:scale(0.1)}100% {opacity:1;-o-transform:scale(1)}}
@keyframes first-1 {0% {opacity:0;transform:scale(0.1)}100% {opacity:1;transform:scale(1)}}


#stage-1.stage-state-in .stage-1-icon {
opacity: 1;
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-o-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-webkit-animation: none 0s linear 0s infinite normal none;
-moz-animation: none 0s linear 0s infinite normal none;
-ms-animation: none 0s linear 0s infinite normal none;
-o-animation: none 0s linear 0s infinite normal none;
animation: none 0s linear 0s infinite normal none}
#stage-1.stage-state-in .stage-1-icon {
-webkit-transition: opacity .8s ease-out 0s, -webkit-transform .8s ease-out 0s;
-moz-transition: opacity .8s ease-out 0s, -moz-transform .8s ease-out 0s;
-ms-transition: opacity .8s ease-out 0s, -ms-transform .8s ease-out 0s;
-o-transition: opacity .8s ease-out 0s, -o-transform .8s ease-out 0s;
transition: opacity .8s ease-out 0s, transform .8s ease-out 0s}
#stage-1.stage-state-out .stage-1-icon{
opacity: 0;
-webkit-transform: translateX(0) translateY(-300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-moz-transform: translateX(0) translateY(-300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-ms-transform: translateX(0) translateY(-300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-o-transform: translateX(0) translateY(-300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
transform: translateX(0) translateY(-300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1)}
#stage-1.stage-state-out .stage-1-icon {
-webkit-transition: opacity .8s ease-in 0s, -webkit-transform .8s ease-in 0s;
-moz-transition: opacity .8s ease-in 0s, -moz-transform .8s ease-in 0s;
-ms-transition: opacity .8s ease-in 0s, -ms-transform .8s ease-in 0s;
-o-transition: opacity .8s ease-in 0s, -o-transform .8s ease-in 0s;
transition: opacity .8s ease-in 0s, transform .8s ease-in 0s}


/*  san ping  */

.stage-2-icon {width:100%;height: 100%;margin:auto;position: relative;z-index: 2;}
#stage-2 .stage-content{ width:100%; height:100%;}
#stage-2 .main1{ position:absolute;width:100%; padding-top:0px; left:0px; top:50%; margin-top:-180px;}
#stage-2.stage-state-wait .stage-2-icon .main1 {
opacity: 0;
-webkit-transform: translateX(300px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-moz-transform: translateX(300px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-ms-transform: translateX(300px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-o-transform: translateX(300px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
transform: translateX(300px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-webkit-transition: opacity 1.2s ease-out 0s, -webkit-transform 1.2s ease-out 0s;
-moz-transition: opacity 1.2s ease-out 0s, -moz-transform 1.2s ease-out 0s;
-ms-transition: opacity 1.2s ease-out 0s, -ms-transform 1.2s ease-out 0s;
-o-transition: opacity 1.2s ease-out 0s, -o-transform 1.2s ease-out 0s;
transition: opacity 1.2s ease-out 0s, transform 1.2s ease-out 0s}
#stage-2.stage-state-in .stage-2-icon .main1 {
opacity: 1;
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-o-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-webkit-transition: opacity 1.2s ease-out 1.4s, -webkit-transform 1.2s ease-out 1.4s;
-moz-transition: opacity 1.2s ease-out 1.4s, -moz-transform 1.2s ease-out 1.4s;
-ms-transition: opacity 1.2s ease-out 1.4s, -ms-transform 1.2s ease-out 1.4s;
-o-transition: opacity 1.2s ease-out 1.4s, -o-transform 1.2s ease-out 1.4s;
transition: opacity 1.2s ease-out 1.4s, transform 1.2s ease-out 1.4s}
#stage-2.stage-state-out .stage-2-icon .main1 {
opacity: 0;
-webkit-transform: translateX(-300px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-moz-transform: translateX(-300px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-ms-transform: translateX(-300px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-o-transform: translateX(-300px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
transform: translateX(-300px) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-webkit-transition: opacity 1.2s ease-out 0s, -webkit-transform 1.2s ease-out 0s;
-moz-transition: opacity 1.2s ease-out 0s, -moz-transform 1.2s ease-out 0s;
-ms-transition: opacity 1.2s ease-out 0s, -ms-transform 1.2s ease-out 0s;
-o-transition: opacity 1.2s ease-out 0s, -o-transform 1.2s ease-out 0s;
transition: opacity 1.2s ease-out 0s, transform 1.2s ease-out 0s}





/*  si ping  */
.stage-3-title {width:100%;height:100%;position:absolute;z-index: 1; top:0px; left:0px; background:url(/img/siping.jpg) no-repeat center; background-size:100% auto;}
#stage-3 .stage-content {width:100%;height:100%; top:0px; left:0px;}
#stage-3 .main2{ position:absolute; width:100%; left:0px; top:50%; margin-top:-200px;}
#stage-3 .foot{ position:absolute; bottom:0px; width:100%; left:0px;}
.stage-3-icon {margin:auto;position: relative;z-index: 1;}
.stage-3-icon-chameleon {z-index: 3;}
.stage-3-description {position: relative;z-index: 2}
#stage-3.stage-state-wait .main2 {
opacity: 0;
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(0.3);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(0.3);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(0.3);
-o-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(0.3);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(0.3);
-webkit-transition: opacity .6s ease-in 0s, -webkit-transform .6s ease-in 0s;
-moz-transition: opacity .6s ease-in 0s, -moz-transform .6s ease-in 0s;
-ms-transition: opacity .6s ease-in 0s, -ms-transform .6s ease-in 0s;
-o-transition: opacity .6s ease-in 0s, -o-transform .6s ease-in 0s;
transition: opacity .6s ease-in 0s, transform .6s ease-in 0s}
#stage-3.stage-state-in .main2 {
opacity: 1;
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-o-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-webkit-transition: opacity .8s ease-out 1.4s, -webkit-transform .8s ease-out 1.4s;
-moz-transition: opacity .8s ease-out 1.4s, -moz-transform .8s ease-out 1.4s;
-ms-transition: opacity .8s ease-out 1.4s, -ms-transform .8s ease-out 1.4s;
-o-transition: opacity .8s ease-out 1.4s, -o-transform .8s ease-out 1.4s;
transition: opacity .8s ease-out 1.4s, transform .8s ease-out 1.4s}
#stage-3.stage-state-out .main2 {
opacity: 0;
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(0.3);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(0.3);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(0.3);
-o-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(0.3);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(0.3);
-webkit-transition: opacity .6s ease-in 0s, -webkit-transform .6s ease-in 0s;
-moz-transition: opacity .6s ease-in 0s, -moz-transform .6s ease-in 0s;
-ms-transition: opacity .6s ease-in 0s, -ms-transform .6s ease-in 0s;
-o-transition: opacity .6s ease-in 0s, -o-transform .6s ease-in 0s;
transition: opacity .6s ease-in 0s, transform .6s ease-in 0s}



/*  si ping  */
#stage-4 {}
#stage-4 .stage-content {width:100%;height:100%;top:0px;margin-left:0px;left:0%;}
#stage-4 .footz{ width:100%; height:100%; background:url(/img/foottu.jpg) no-repeat top center;}
#stage-4 .foot{ position:absolute; bottom:0px; width:100%; left:0px;}
#stage-4.stage-state-wait .footz {
opacity: 0;
-webkit-transform: translateX(0) translateY(300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-moz-transform: translateX(0) translateY(300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-ms-transform: translateX(0) translateY(300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-o-transform: translateX(0) translateY(300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
transform: translateX(0) translateY(300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-webkit-transition: opacity .6s ease-in 0s, -webkit-transform .6s ease-in 0s;
-moz-transition: opacity .6s ease-in 0s, -moz-transform .6s ease-in 0s;
-ms-transition: opacity .6s ease-in 0s, -ms-transform .6s ease-in 0s;
-o-transition: opacity .6s ease-in 0s, -o-transform .6s ease-in 0s;
transition: opacity .6s ease-in 0s, transform .6s ease-in 0s}
#stage-4.stage-state-in .footz {
opacity: 1;
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-o-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-webkit-transition: opacity .8s ease-out 1.4s, -webkit-transform .8s ease-out 1.4s;
-moz-transition: opacity .8s ease-out 1.4s, -moz-transform .8s ease-out 1.4s;
-ms-transition: opacity .8s ease-out 1.4s, -ms-transform .8s ease-out 1.4s;
-o-transition: opacity .8s ease-out 1.4s, -o-transform .8s ease-out 1.4s;
transition: opacity .8s ease-out 0.8s, transform .8s ease-out 0.8s}
#stage-4.stage-state-out .footz {
opacity: 0;
-webkit-transform: translateX(0) translateY(-300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-moz-transform: translateX(0) translateY(-300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-ms-transform: translateX(0) translateY(-300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-o-transform: translateX(0) translateY(-300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
transform: translateX(0) translateY(-300px) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) rotate(0) scale(1);
-webkit-transition: opacity .6s ease-in 0s, -webkit-transform .6s ease-in 0s;
-moz-transition: opacity .6s ease-in 0s, -moz-transform .6s ease-in 0s;
-ms-transition: opacity .6s ease-in 0s, -ms-transform .6s ease-in 0s;
-o-transition: opacity .6s ease-in 0s, -o-transform .6s ease-in 0s;
transition: opacity .6s ease-in 0s, transform .6s ease-in 0s}








#stages, .stage {width: 100%;height: 100%;position: relative}
#stages {font-size: 32px;z-index: 0}
.stage {position: absolute;top: 0;left: 0;overflow: hidden}
.stage-content {position: absolute;}
.package-info {width: 100%;text-align: center;line-height: 12px}
.package-info li {display: inline;margin: 0 5px;font-size: 12px;color: #b7b7b7}
.button-download {display: block;width: 240px;height: 70px;margin: 0 auto 15px;overflow: hidden;text-indent: -999px;background-repeat: no-repeat;}
.button-next {width: 128px;height: 64px;position: absolute;bottom: 85px;z-index: 1;text-align: center;cursor: pointer;background: url(http://liulanqi.www.zgqcapp.com/mainsite/theme/img/home/bg-scroll-arrow_95a71ba.png) no-repeat center bottom;opacity: 0;margin-left: -64px;left: 50%}
.button-next-text {font-size: 16px;color: #787878}
.button-next-icon {width: 100%;height: 24px;position: absolute;bottom: 0;left: 0}
.button-next-weixin {width: 380px;margin-left: -190px}
.button-next-weixin .button-next-guide {padding-left: 22px;position: relative;color: #00c500}
.button-next-weixin .button-next-guide-icon {width: 16px;height: 16px;margin: -8px 0 0 -22px;position: absolute;top: 50%;background: url(http://liulanqi.www.zgqcapp.com/mainsite/theme/img/home/icon-weixin_a81e328.png) no-repeat 0 -16px}
.button-next-weixin .button-next-link {text-decoration: underline;color: #1cadf0}

.stage-state-wait {z-index: 0}
.stage-state-in {z-index: 1}
.stage-state-out {z-index: 0}



.img-scroll2 { position:relative; margin-top:58px;}
.img-scroll2 .prev2,.img-scroll2 .next2{position:absolute;display:block;width:26px;height:100%;}
.img-scroll2 .prev2 { left:0;cursor:pointer; background:url(/img/m1left.jpg) no-repeat center;}
.img-scroll2 .next2 { right:0;cursor:pointer; background:url(/img/m1right.jpg) no-repeat center;}
.img-list2 { position:relative; width:1087px; margin-left:56px; overflow:hidden}
.img-list2 ul { width:9999px;}
.img-list2 li { float:left; display:inline; width:341px; margin-right:32px; position:relative; height:231px;}
.img-list2 li:hover .bofang{ top:-20px;}
.img-list2 li:hover .xinghao{ bottom:-46px;}
.img-list2 li:hover .m1fu{ bottom:0px;}
.img-list2 li:hover .chakan{ bottom:0px;}



@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus { height:648px;}
.index_focus .bd li a img{ width:80%;}
}
@media screen and (min-width:1000px){
.xiaoping{ display:none}
}
@media screen and (max-width:999px){
#container{ display:none}
.img-list2 { width:90%; margin-left:5%;}
.img-list2 ul { width:1000%;}
.img-list2 li { width:4.9%; margin-right:0.2%; height:auto; margin-bottom:-3px;}
}
@media screen and (max-width:639px) {
.img-list2 { width:84%; margin-left:8%;}
.img-list2 li { width:10%; margin-right:0.2%;}
}

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

.headf{ width:100%; left:0px; top:0px; z-index:999}
.head2f{ width:100%; left:0px; top:106px; z-index:999}
.index_focus{ }

.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative; z-index:99999999;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;z-index:999999;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;z-index:9999;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
	
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}


.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}


.owl-theme .owl-controls .owl-page{float:left;}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px ; height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);
	opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);
	opacity: 1;}

.index-fixed-wrap{width: 100%;left: 0;top:0px; z-index:3}
.pack-up{width: 80px;height: 69px;background:url(/img/top.png);position: absolute;bottom: 20px;left: 50%;margin-left: -41px;z-index: 9999999999;cursor: pointer;}


#index-top-slides{position: relative;z-index:99;overflow: hidden;}
#index-top-slides .owl-pagination{margin: 0;position: absolute; z-index:9999999999;right: 30px;bottom: 20px;}
#index-top-slides .item{ width:100%; overflow:hidden;}
#index-top-slides .item a{height: 70px;width: 1200px; text-align: center; color: #fff;display: block;line-height: 70px;font-size: 22px;position: absolute;bottom: 320px;left: 50%;margin-left: -600px;background: rgba(0,0,0,0.6);transition: 500ms;-webkit-transition: 500ms;-moz-transition: 500ms;}
#index-top-slides .item a:hover{color: #FF8004;background: rgba(0,0,0,0.8);}
.itema{ height:100% !important; position: relative !important; text-align:center;  bottom:0px !important; left: auto !important; margin-left: auto !important; width: auto !important;}

#index-top-slides .item img{ width:auto; position:relative;/* left:50%; margin-left:-960px;*/ height: 100%;}
#index-top-slides .owl-buttons{position: absolute;bottom: 390px;height: 70px;width: 1200px;left: 50%;margin-left: -600px; display: none;}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #fff;}
@media screen and (min-width:1000px) and (max-width:1219px) {
#index-top-slides .item img{ width:1536px; position:relative; left:50%; margin-left:-768px;}
}
@media screen and (max-width:999px){
.headf{ position:relative; width:100%; left:0px; top:0px; z-index:999}
.head2f{ position:relative; width:100%; left:0px; top:auto; z-index:999}
#index-top-slides,.pack-up,.item img{ display:none !important;}
.index-fixed-wrap{position:relative;width: 100%;left: 0;top:0px; z-index:3}
}


/*  ke fu  */
#online_qq_layer{ z-index:9999; position:fixed; left:0px; top:50%; margin-top:-113px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); }
#online_qq_tab{ width:24px; float:right; margin:0px; margin-top:68px; position:relative; z-index:9; }
#online_qq_tab a{ display:none; 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:none;float:left;width:153px;  background:#737373; display:block; border-radius:8px; padding:6px; padding-bottom:5px;}
.kefubiao{ display:block; text-align:center; line-height:27px; color:#fff; font-size:14px;font-family:Arial, Helvetica, sans-serif}
.kefun{ background:#fff; padding-bottom:5px;}
.kefutu{ display:block; margin-bottom:8px; text-align:center; padding-top:11px;}
.kefutu img{ width:117px; height:106px;}
.kes{ background:url(/img/kes.jpg) no-repeat left center; display:block; line-height:26px; padding-left:25px; margin-left:15px; margin-right:14px; font-family:Arial, Helvetica, sans-serif}
.keqq{background:url(/img/keqq.jpg) no-repeat left center; display:block; line-height:26px; padding-left:25px; margin-left:15px; margin-right:14px; font-family:Arial, Helvetica, sans-serif}
.keweixin{background:url(/img/keweixin.jpg) no-repeat left center; display:block; line-height:26px; padding-left:25px; margin-left:15px; margin-right:14px; font-family:Arial, Helvetica, sans-serif}
.kes:hover,.keqq:hover,.keweixin:hover{color:#dd0000;}

@media screen and (max-width:639px) {
#online_qq_layer{display: none;}
}





#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)}}


@media screen and (min-width:640px){
.kefu{ display:none}
}
@media screen and (max-width:639px){
.foot{ padding-bottom:75px;}
.kefu{ background:#fff url(../img/kebei.jpg) repeat-x; height:64px; width:100%; position:fixed; bottom:0px; left:0px; z-index:99999}
.kefu a{ width:25%; float:left; text-align:center;}
.kefu a img{ width:65px; height:64px;}
.pjlie{ background:#fff;}
.pjzi a{ color:#333 !important;}
}

.gongzhonghao{float: right; margin-top: -123px; margin-right: 75px;}
@media screen and (max-width: 999px){
.gongzhonghao{float: right; margin-top: -123px; margin-right: 8%;}
}
@media screen and (max-width: 750px){
.gongzhonghao{display: none;}
}


























<!--ºÄʱ1752918065.3788Ãë-->