@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:Tahoma, Geneva, 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,select {font-family:Tahoma, Geneva, sans-serif; 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;}
 
 
.main4  input::-webkit-input-placeholder,.main4 textarea::-webkit-input-placeholder {/* WebKit browsers */
 color:#fff;}
.main4  input:-o-placeholder,.main4 textarea:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#fff;}
.main4  input::-moz-placeholder,.main4 mtextarea ::-moz-placeholder{/* Mozilla Firefox 19+ */
 color:#fff;}
.main4  input:-ms-input-placeholder,.main4 textarea:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#fff;}
 
@media screen and (min-width:1420px) {.zong {width: 1400px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1419px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}

@font-face { font-family: "AVENIRNEXTLTPRO-DEMI";
  src: url("../fonts/AVENIRNEXTLTPRO-DEMI.woff2") format("woff2"),
       url("../fonts/AVENIRNEXTLTPRO-DEMI.woff") format("woff"),
       url("../fonts/AVENIRNEXTLTPRO-DEMI.ttf") format("truetype"),
       url("../fonts/AVENIRNEXTLTPRO-DEMI.eot") format("embedded-opentype"),
       url("../fonts/AVENIRNEXTLTPRO-DEMI.svg") format("svg"),
       url("../fonts/AVENIRNEXTLTPRO-DEMI.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

/*  head  */
.head{ position:fixed; width:100%; left:0px; top:0px; z-index:999}
.het{ background:#353535;}
.hexin{ float:right; line-height:24px; padding:5px 0;}
.hexin li{ font-size:14px; font-size:1.4rem; color:#fff; float:left;}
.hexin li a{ color:#fff;}
.hexin span{ display:block; float:left; width:2px; height:24px; background:url(../img/hexin.jpg) no-repeat center; margin:0 19px;}
.hexin li a:hover{ color:#e96711;}

.heb{ background:#fff; position:relative; z-index:999; padding-top:4px; margin-top:1px; padding-bottom:9px;}
.logo{ float:left; margin-left:29px;}
.logon{ display:block; float:left; width:122px; margin-top:5px;}
.logon img{ display:block; margin:auto; width:100%; max-width:122px; max-height:60px;}
.slogen{ display:block; width:188px; float:left; margin-top:27px; margin-left:20px;}
.slogen img{ display:block; margin:auto; width:100%; max-width:188px; max-height:17px;}
.her{ float:right;}

.shejiao{ float:right;}
.shejiao a{ display:block; float:left; margin-left:15px; margin-right:1px;}

/*  sousuo  */
.search{width:78px;z-index:9999999; position:absolute;background:none; top:0px; right:0px;}
.sb-icon-search {color: #fff;z-index: 99;width:78px;height:78px;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: 78px;height: 78px; 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: 78px;line-height:78px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:Arial, Helvetica, sans-serif; color:#fff; background:none;}
.sb-icon-search,.sb-search-submit{width:78px;height: 78px;display: block;position: absolute; right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:#e96711 url(../img/sousuo.jpg) no-repeat center;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:78px;line-height:78px;position:relative;right:0px;top:0px; z-index: 999999; background:#e96711;color:#fff;}
.no-js .sb-search .sb-icon-search {position:absolute;background:#1d893b 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-top:17px; margin-right:55px;}
.daohang>li{float:left; position:relative; z-index:999; margin-right:55px; margin-left:9px;}
.daohang>li>a{ display:block; font-size:14px; font-size:1.4rem; text-transform:uppercase; line-height:38px;font-family: "AVENIRNEXTLTPRO-DEMI"; background:url(../img/daohang.jpg) no-repeat center 42px;}
.daohang>li:hover>a{ background:url(../img/daohang.jpg) no-repeat bottom center;}
.dangqiandao{ background:url(../img/daohang.jpg) no-repeat bottom center !important;}

.yiji{ position:absolute; width:178px; background:#fff; top:-9999px; left:-60px; box-shadow:0 0 3px rgba(0,0,0,0.3); padding:5px 0 4px 0;}
.yiji li{ position:relative; transition:0.5s;}
.yiji li a{ display:block; font-size:14px; font-size:1.4rem; line-height:20px; padding:10px; padding-left:26px;}
.yiji li:hover>a{ color:#e96711;}
.erji{ position:absolute; width:178px; background:#fff; top:-9999px; left:178px; box-shadow:0 0 3px rgba(0,0,0,0.3); padding:5px 0 1px 0;}
.sanji{ position:absolute; width:178px; background:#fff; top:-9999px; left:178px; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.daohang>li:hover .yiji{ top:38px;}
.yiji>li:hover .erji{ top:0px;}
.erji>li:hover .sanji{ top:0px;}
.matn{ margin-top:auto !important;}

/*lun bo*/
.index_focus {position: relative;width: 100%;/*height:931px;*/margin: 0 auto;overflow: hidden;z-index: 9; background:#f4f3f1;}
.index_focusn {width: 1920px;position: absolute;/*left: 50%;*/top: 0px;/*margin-left: -960px;*/height: 100%;z-index: 99}
.index_focus .slide_nav{ position:absolute; bottom:76px; right:50%; margin-right:-700px; z-index:9999}
.index_focus .slide_nav a { cursor: pointer; float: left; width:24px; height:7px; margin-left:15px; background:url(../img/dian.png);}
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;margin: 0 auto;width:100%}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {text-decoration: none; background:url(../img/dianh.png);}
.baanniu{ display:block; width:90px; position:absolute; z-index:9999; bottom:142px; left:50%; margin-left:-45px;}
.baanniu img{ width:100%; max-width:90px; max-height:90px;}
.guanjianci{ width:650px; position:absolute; font-size:14px; font-size:1.4rem; line-height:26px; height:78px; overflow:hidden; bottom:19px; left:50%; margin-left:-700px;}
.guanjianci p{ font-size:18px; font-size:1.8rem; font-style:italic; float:left;}
.guanjianci a{ display:block; float:left; margin:0 3px;}
.guanjianci a:hover{ color:#e96711;}

.index_focus2 {position: relative;width: 100%;height:561px;margin: 0 auto;overflow: hidden;z-index: 9; margin-top:121px;}
.index_focusn2 {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus2 .slide_nav{ position:absolute; bottom:76px; right:50%; margin-right:-700px; z-index:9999}
.index_focus2 .slide_nav a { cursor: pointer; float: left; width:24px; height:7px; margin-left:15px; background:url(../img/dian.png);}
.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:url(../img/dianh.png);}

.daohang2{ display:none}

@media screen and (min-width:1000px) and (max-width:1419px) {
.index_focus {height:651px;}
.index_focusn img {width:100%; margin-left:-50%;}
.index_focus2 {height:392px;}
.index_focusn2 img {width:100%;}
.logo{ margin-left:10px;}
.daohang{ margin-right:70px;}
.daohang>li{float:left; position:relative; z-index:999; margin-right:20px; margin-left:0px;}
.index_focus .slide_nav,.index_focus2 .slide_nav{ bottom:56px; margin-right:-490px; z-index:9999}
.guanjianci{ margin-left:-490px; bottom:9px; height:52px;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.clear2{ clear:both;}
.index_focus,.yiji,.index_focus2{display: none}

.head{ position:relative;}
.logo{ margin-left:0px; }
.logon{ width:90px;}
.slogen{ display:none}
.heb{ margin-top:0px;}
.daohang{ margin-right:40px; padding-top:10px; margin-top:auto;}
.daohang li{ margin-right:15px;}
.daohang>li>a{ font-size:12px; font-size:1.2rem; line-height:30px;}

.search{width:38px; top:10px;}
.sb-icon-search {width:38px;height:38px;}
.sb-search {min-width: 38px;height: 38px;}
.sb-search-input {height: 38px;line-height:38px;}
.sb-icon-search,.sb-search-submit{width:38px;height: 38px;}

.sb-search.sb-search-open,
.no-js .sb-search {height:38px;line-height:38px;}


.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;height:10px;bottom:0px;left: 50%; margin-left:-80px;}
.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:#e96711;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (min-width:640px) {.container,.nav,clear3{display: none}}
@media screen and (max-width:639px) {
.daohang,.daohang1{display: none}
.clear3{ clear:both;}

.logo{}
.hexin li{ font-size:12px; font-size:1.2rem;}
.search{ right:40px;}
.hexin span{ margin:0 5px;}

.container{ width:5px; height:100%;position:absolute; right:0px;transition:all 0.4s ease 0s; z-index:99999999; cursor:pointer;}
.menubtn{width: 35px;height: 30px;position: absolute;top:50px;right:6px;transition:all 0.4s ease 0s; z-index:999999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #e96711;}
.nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.container .nav > ul { display: none; margin-top: 10px; overflow: scroll; }
.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }
.container .nav > ul > li a{ margin-right:60px;}
.container .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 40px; top: 10px; background: url("../fonts/shizi.png") no-repeat center center; background-size: 100% 100%; }
.container .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }
.container .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }
.container .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }
.container .nav > ul > li .c-show { display: none; width: 100%; }
.container .nav > ul > li .c-show .c-s1 { position: relative; }
.container .nav > ul > li .c-show .c-s1 > a { text-indent: 20px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }
.container .nav > ul > li .c-show .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }
.container .nav > ul > li .c-show .c-s1 .c-s2 { display: none; }
.container .nav > ul > li .c-show .c-s1 .c-s2 a { text-indent: 30px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }
.container .nav > ul > li .c-show .c-s1 .c-s2 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.daohang2{ display:block; text-align:center; margin-top:0px; background:#e96711;}
.daohang2 a{ float:left; width:25%; font-size:12px; font-size:1.2rem; color:#fff; line-height:24px; text-align:center; font-family:Tahoma, Geneva, sans-serif;}
.daohang2 .dangqiandao{ background:#fff !important; color:#e96711 !important;}
}
@media screen and (max-width:349px) {
.hexin{ float:none;}
.hexin li{ float:none;}
.hexin span{ display:none;}
.menubtn{ top:75px;}
}

/*  main1  */
@font-face { font-family: "AVENIRNEXTLTPRO-BOLDCN";
  src: url("../fonts/AVENIRNEXTLTPRO-BOLDCN.woff2") format("woff2"),
       url("../fonts/AVENIRNEXTLTPRO-BOLDCN.woff") format("woff"),
       url("../fonts/AVENIRNEXTLTPRO-BOLDCN.ttf") format("truetype"),
       url("../fonts/AVENIRNEXTLTPRO-BOLDCN.eot") format("embedded-opentype"),
       url("../fonts/AVENIRNEXTLTPRO-BOLDCN.svg") format("svg");
  font-weight: normal;
  font-style: normal;font-display:swap;
}
.main1z{ background:url(../img/m1bei.jpg) no-repeat top center;}
.main1{ padding-top:60px;}
.m1biao{ display:block; font-size:32px; font-size:3.2rem; line-height:45px;font-family: "AVENIRNEXTLTPRO-BOLDCN";}
.m1ul{ width:805px; margin-top:19px;}
.m1ul li a{ display:block; font-size:18px; font-size:1.8rem; line-height:40px; padding-left:34px; background:url(../img/m1zhangpeng.png) no-repeat left center;}
.m1ul p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:8px; margin-bottom:10px;}
.m1ul a:hover,.m1biao:hover{ color:#e96711;}
.m1mor{ margin-left:4px; background:url(../img/m1mor.png) no-repeat 6px 7px; padding-bottom:7px; margin-top:27px;}
.m1mor a{ display:block; width:209px; height:52px; background:#e96810; text-align:center; line-height:52px; font-size:16px; font-size:1.6rem; color:#fff; text-transform:uppercase;}
@media screen and (min-width:1000px) and (max-width:1419px) {
.m1ul{ width:680px; margin-top:19px;}
}
@media screen and (max-width:999px) {
.main1z{ background:#f4f3f1;}
.m1ul{ width:100%; margin-top:19px;}
.m1biao{ font-size:24px; font-size:2.4rem; line-height:35px;}
.m1ul li a{ font-size:16px; font-size:1.6rem;}
.m1ul p a{ font-size:14px; font-size:1.4rem; line-height:24px;}
}

/*  main2  */
.main2{ padding-top:199px; padding-bottom:30px;}
.m2biao{ display:block; font-size:36px; font-size:3.6rem; line-height:45px; text-align:center;font-family: "AVENIRNEXTLTPRO-BOLDCN";}
.m2p a{ display:block; width:940px; margin:auto; font-size:16px; font-size:1.6rem; line-height:30px; text-align:center; margin-top:13px;}
.m2lie{ width:458px; float:left; margin-left:13px; margin-top:49px;}
.m2tu{ position:relative; overflow:hidden;}
.m2tun{ display:block;}
.m2tun img{ display:block; margin:auto; width:100%; max-width:469px; max-height:347px;}
.m2fu{ position:absolute; width:100%; height:100%; left:0px; top:100%; background:#000; background:rgba(0,0,0,0.5); transition:0.5s;}
.m2fu a{ display:block; width:98%; position:absolute; left:1%; top:50%; margin-top:-54px; font-size:36px; font-size:3.6rem; color:#ffffff; line-height:40px; background:url(../img/m2lianjie.png) no-repeat top center; text-align:center; padding-top:48px;}
.m2zi{ background:#e5ded6; padding:19px 25px 37px 25px; transition:0.5s;}
.m2zi>a{ display:block; font-size:18px; font-size:1.8rem; line-height:30px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m2zi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; height:90px; overflow:hidden; margin-top:2px;}
.m2lie:hover{box-shadow:5px 5px 10px rgba(0,0,0,0.36);}
.m2lie:hover .m2fu{ top:0px;}
.m2lie:hover .m2zi{ background:#e96810;}
.m2lie:hover .m2zi a{ color:#fff;}
.m2biao:hover,.m2p a:hover{ color:#e96810;}
@media screen and (min-width:1000px) and (max-width:1419px) {
.m2lie{ width:320px; margin-left:10px; margin-top:20px;}
.m2fu a{ font-size:24px; font-size:2.4rem;}
}
@media screen and (max-width:999px) {
.main2{ padding-top:29px;}
.m2biao{ font-size:24px; font-size:2.4rem;}
.m2p a{ width:auto; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:5px;}
.m2lie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:20px;}
.m2fu{ display:none}
.m2zi{ padding:10px;}
.m2zi>a{ font-size:16px; font-size:1.6rem; line-height:24px;w}
.m2zi p a{ font-size:14px; font-size:1.4rem; line-height:24px; height:72px;}
}
@media screen and (max-width:529px) {
.m2lie{ width:98%;}
}

/*  main3  */
.main3{ padding-top:122px;}
.m3l{ width:760px; float:left;}
.m3r{ width:613px; float:right;}
.m3biao{ display:block; font-size:36px; font-size:3.6rem; line-height:45px;font-family: "AVENIRNEXTLTPRO-BOLDCN";}
.m3ln{ position:relative; min-height:233px; margin-top:37px; padding-bottom:4px;}
.m3ltu{ display:block; position:absolute; width:315px; left:0px; top:0px;}
.m3ltu img{ display:block; margin:auto; width:100%; max-width:339px; max-height:251px;}
.m3lr{ margin-left:341px;}
.m3la{ display:block; font-size:18px; font-size:1.8rem; line-height:30px; padding-top:10px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m3lr span{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:6px;}
.m3lr p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:12px; height:90px; overflow:hidden;}
.m3lmor{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:8px;}
.m3lr a:hover{ color:#e96810;}

.m3r p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:28px;}
.m3shipin{ display:block; max-width:612px; margin:auto; position:relative; margin-top:27px;}
.m3shipin2{ display:block; margin:auto; width:100%; max-width:610px; max-height:393px;}
.m3rfu{ display:block; position:absolute; top:0px; left:0px; width:100%; max-width:612px; max-height:395px;}
.m3r p a:hover,.m3biao:hover{color:#e96810;}

@media screen and (min-width:1000px) and (max-width:1419px) {
.main3{ padding-top:42px;}
.m3l{ width:550px; float:left;}
.m3r{ width:410px; float:right;}
.m3ln{ min-height:150px;}
.m3ltu{ width:200px;}
.m3lr{ margin-left:220px;}
.m3la{ padding-top:0px; line-height:24px;}
.m3lr span{ margin-top:2px;}
.m3lr p a{ font-size:14px; font-size:1.4rem; line-height:24px; height:72px; margin-top:0px;}
.m3lmor{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:0px;}
.m3r p a{ font-size:14px; font-size:1.4rem; margin-top:5px;}
.m3shipin{ margin-top:5px;}
}
@media screen and (max-width:999px) {
.main3{ padding-top:42px;}
.m3biao{ font-size:26px; font-size:2.6rem;}
.m3l{ width:auto; float:none;}
.m3r{ width:auto; float:none; margin-top:20px;}
.m3ln{ min-height:150px; margin-top:10px;}
.m3ltu{ width:200px;}
.m3lr{ margin-left:220px;}
.m3la{ padding-top:0px; line-height:24px;}
.m3lr span{ margin-top:2px;}
.m3lr p a{ font-size:14px; font-size:1.4rem; line-height:24px; height:72px; margin-top:0px;}
.m3lmor{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:0px;}
.m3r p a{ font-size:14px; font-size:1.4rem; margin-top:5px;}
.m3shipin{ margin-top:5px;}
}
@media screen and (max-width:519px) {
.m3ltu{ width:200px; position:relative; margin:auto;}
.m3lr{ margin-left:0px; margin-top:20px;}
}

/*  main4  */
.foot{ background:url(../img/fobei.jpg) no-repeat bottom center;}
.main4{ padding-top:85px; border-bottom:2px solid #fff; border-bottom:2px solid rgba(255,255,255,0.5); padding-bottom:143px;}
.m4biao{ display:block; font-size:36px; font-size:3.6rem; line-height:45px; text-align:center;font-family: "AVENIRNEXTLTPRO-BOLDCN";}
.m4p a{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:9px; margin-bottom:10px;}
.m4l{ float:left; margin-left:15px;}
.m4r{ float:right; margin-right:12px;}
.main4 .xing{ background:url(../img/m4xing.png) no-repeat left 22px;}
.main4 .int1{ padding-left:13px; margin-top:11px;}
.main4 .int1 input{ width:573px; height:48px; padding-left:41px; font-size:16px; font-size:1.6rem; color:#fff; line-height:48px;}
.m4ren{ background:#000 url(../img/m4ren.png) no-repeat left top;  background:rgba(0,0,0,0.4) url(../img/m4ren.png) no-repeat left top;}
.m4xinfeng{ background:#000 url(../img/m4xinfeng.png) no-repeat left top; background:rgba(0,0,0,0.4) url(../img/m4xinfeng.png) no-repeat left top;}
.main4 .int1 textarea{ width:660px; height:111px; padding-left:40px; font-size:16px; font-size:1.6rem; color:#fff; line-height:50px; background:#000 url(../img/m4biji.png) no-repeat left top; background:rgba(0,0,0,0.4) url(../img/m4biji.png) no-repeat left top;}
.main4 .int2{ padding-left:13px; margin-top:35px; float:left; margin-left:15px;}
.main4 .int2 input{ width:231px; height:48px; padding-left:11px; font-size:16px; font-size:1.6rem; color:#fff; line-height:48px; background:#000; background:rgba(0,0,0,0.4)}
.m4yanzheng{ width:161px; height:50px; float:left; margin-left:210px; cursor:pointer; margin-top:36px;}
.main4 .int3{ width:161px; height:50px; background:#45bae0 url(../img/m4at.jpg) repeat-x bottom; font-size:16px; font-size:1.6rem; color:#fff; margin-left:46px; margin-top:36px; cursor:pointer; transition:0.5s; float:left;}
.main4 .int3:hover{ background:#04759a;}
.main4 .int4{ width:209px; height:49px; border-radius:20px; font-size:14px; font-size:1.4rem; color:#fff; background:#e96810 url(../img/m4se.png) no-repeat center; float:right; margin-top:36px; cursor:pointer; transition:0.5s; margin-right:12px;}
.main4 .int4:hover{ background:#af4903; border-radius:20px;}

/*  foot  */
.foot1{ padding-top:54px; padding-bottom:44px;}
.foot2{ padding-bottom:34px;}
.ful1{ width:200px; float:left;}
.ful2{ width:200px; float:left; margin-left:141px;}
.ful3{ width:300px; float:left; margin-left:143px;}
.ful4{ width:281px; float:right;}

.fbiao{ display:block; font-size:30px; font-size:3rem; color:#fffefe; line-height:45px;font-family: "AVENIRNEXTLTPRO-BOLDCN";}
.f1n{ margin-top:5px;}
.f1n a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; color:#ffffff;}
.f2n{ margin-top:4px;}
.f2n a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; color:#ffffff; padding-left:16px; background:url(../img/ffang.jpg) no-repeat 1px 14px;}
.f3n{ margin-top:5px;}
.f3n li{ font-size:14px; font-size:1.4rem; line-height:30px; color:#ffffff; margin-left:2px;}
.f3n li a{ color:#fff;}
.ali{ display:block; margin-left:2px; margin-top:14px;}
.ali img{ display:block; width:145px; height:24px;}
.shejiao2{ padding-left:4px;}
.shejiao2 a{ display:block; width:52px; float:left; margin-left:51px; margin-top:23px;}
.shejiao2 a img{ display:block; width:100%; max-width:52px; max-height:52px;}
.ful4 p{ font-size:14px; font-size:1.4rem; line-height:30px; color:#ffffff; margin-top:31px;}

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

@media screen and (min-width:1000px) and (max-width:1419px) {
.main4 .int1 input{ width:373px;}
.main4 .int1 textarea{ width:460px;}
.m4yanzheng{ margin-left:10px;}
.main4 .int3{ margin-left:25px;}

.ful1{ width:180px; float:left;}
.ful2{ width:180px; float:left; margin-left:20px;}
.ful3{ width:280px; float:left; margin-left:20px;}
.ful4{ width:281px; float:right;}
}
@media screen and (max-width:999px) {
.main4{ padding-top:25px; padding-bottom:25px;}
.m4l{ float:none; margin-left:0px;}
.m4r{ float:none; margin-right:0px;}
.main4 .int1 input{ width:90%;}
.main4 .int1 textarea{ width:90%;}
.m4yanzheng{ margin-left:13px;}
.main4 .int3{ margin-left:10px;}
.main4 .int2{ margin-left:0px; margin-top:11px; float:none;}
.main4 .int2 input{ width:90%; padding-left:41px;}
.main4 .int4{ margin-right:auto; float:left; margin-left:10px;}

.foot1{ padding-top:24px; padding-bottom:24px;}
.ful1{ width:48%; float:left;}
.ful2{ width:48%; float:right; margin-left:0px;}
.ful3{ width:48%; float:left; margin-left:0px; margin-top:20px;}
.ful4{ width:48%; float:right; margin-top:20px;}
.shejiao2 a{ width:32.333%; float:left; margin-left:0.5% !important; margin-right:0.5%; margin-top:10px;}
.ful4 p{ margin-top:10px;}
}
@media screen and (max-width:639px) {
.youlian{ display:none}
.foot1{ padding-bottom:70px;}
}
@media screen and (max-width:599px) {
.foot{ background:none}
.fbiao{ font-size:24px; font-size:2.4rem;}
.main4 .int3{ width:100px;}
.main4 .int1 input{ width:85%;}
.main4 .int1 textarea{ width:85%;}
.main4 .int2 input{ width:85%;}
.foot1{ background:#82674d;}
.ful1{ width:100%; float:none;}
.ful2{ width:100%; float:none; margin-left:0px; margin-top:20px;}
.ful3{ width:100%; float:none; margin-left:0px; margin-top:20px;}
.ful4{ width:100%; float:none; margin-top:20px;}
}

/*  ke fu  */
#online_qq_layer{ z-index:9999; position:fixed; right:0px; top:50%; margin-top:-140px; _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:#e96810; border-radius:8px; padding:6px; padding-bottom:12px;}
.kefubiao{ display:block; line-height:23px; color:#fff; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding-left:22px; margin-bottom:6px;}
.kefun{ background:#fff; padding-bottom:5px;}
.kefutu{ display:block; padding-bottom:7px; text-align:center; padding-top:10px; padding-left:0px !important; margin:auto !important}
.kefutu img{ width:117px; height:106px;}
.kefun{}
.kefun a,.kefun span{ display:block; line-height:30px; padding-left:31px; margin-left:16px;}
.keweixin{ background:url(../img/keweixin.jpg) no-repeat left center;}
.kexinfeng{ background:url(../img/kexinfeng.jpg) no-repeat left center;}
.kes{ background:url(../img/kes.jpg) no-repeat left center;}
.keapp{ background:url(../img/keapp.jpg) no-repeat left center;}
.kefun a:hover{ color:#e05800;}

.kefu_skype1{ background:url(../img/keweixin.jpg) no-repeat 13px center;;    }

.kefu1{display: none;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999999;}

@media screen and (min-width:640px){
.kefu2{ display:none}
}
@media screen and (max-width:639px){
#online_qq_layer{ display:none}

.kefu2{ position:fixed; bottom:0px; width:100%; left:0px; background:#fff; padding:10px 0;z-index:999}
.kefu2 a{display:block; float:left; width:33.333%; text-align:center;}
}

/*******************************************************************  product  ***************************************************************/
.mianbao{ position:relative; z-index:99}
.mianbaon{ position:absolute; left:0px; top:-73px; font-size:16px; font-size:1.6rem; text-transform:uppercase; line-height:26px; z-index:999}
.mianbaon a:hover{ color:#e96711;}
.coe9{ color:#e96711;}

.prmain{ padding-top:47px; padding-bottom:108px;}
.prl{ width:289px; float:left;}
.prr{ width:1072px; float:right;}

.subNavBox{ margin-top:14px;}
.prltbiao{ display:block; border-top:6px solid #353535; padding-top:10px; padding-bottom:13px;}
.prltbiao img{ display:block; width:100%; max-width:281px; max-height:18px;}
.subNav{cursor:pointer; margin-bottom:4px; font-size:16px; font-size:1.6rem; padding:1px 0; padding-left:39px; background:#eeeeee url(../img/prltjia.png) no-repeat left center;}
.subNav a{ display:block; border-left:1px solid #d2d2d2; line-height:24px; padding:8px 0; padding-left:9px;}
.subNav:hover{background:#e96711 url(../img/prltjiah.png) no-repeat left center;}
.subNav:hover a{color:#fff;}
.currentDd a{color:#fff;}
.currentDd{background:#e96711 url(../img/prltjiah.png) no-repeat left center;}
.navContent{display: none;border:solid 1px #dcdcdc; border-top:none; margin-bottom:4px; margin-top:-4px; padding-top:7px; padding-bottom:9px;}
.navContent>li a{display:block; font-size:16px; font-size:1.6rem; line-height:30px; color:#353535; background:url(../img/prjian.jpg) no-repeat 17px 12px; padding-left:48px;}
.navContent>li a:hover{color:#e96711; background:url(../img/prjianh.jpg) no-repeat 17px 15px;}
.dangqianpr{color:#e96711 !important; background:url(../img/prjianh.jpg) no-repeat 17px 15px !important;}

.prlb{ margin-top:38px;}
.prlbbiao{ display:block; border-top:6px solid #353535; border-bottom:2px solid #353535; padding-left:7px; background:url(../img/prlbbiao.jpg) no-repeat right center; padding-right:30px; padding-top:14px; padding-bottom:13px; margin-bottom:2px;}
.prlbbiao img{ width:100%; max-width:149px; max-height:16px;}
.prlblie{ padding-top:10px; padding-bottom:22px;}
.prlblie p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; color:#666666;}
.prlblie span{ display:block; font-size:14px; font-size:1.4rem; color:#999999; line-height:30px; margin-top:3px;}
.bo1{ border-bottom:1px solid #dcdcdc;}
.prlblie p a:hover{ color:#fb6464;}

.prra{ display:block; font-size:30px; font-size:3rem; color:#000; line-height:40px; margin-top:12px;}
.prlie{ width:338px; float:left; margin-left:29px; position:relative; margin-top:22px; margin-bottom:17px;}
.prtu{ position:relative; overflow:hidden;}
.prtun{ display:block; border:1px solid #e3e3e3;}
.prtun img{ display:block; margin:auto; width:100%; max-width:469px; max-height:347px;}
.prfu{ display:block; position:absolute; width:100%; height:100%; background:#000000; background:rgba(0,0,0,0.4); left:0px; top:100%;}
.prfu span{ display:block; position:absolute; width:98%; left:1%; top:50%; margin-top:-46px; font-size:36px; font-size:3.6rem; color:#fff; text-align:center; background:url(../img/prlianjie.png) no-repeat top center; padding-top:48px;}
.przi{ background:#f3f2f2; padding:9px 19px; padding-bottom:14px;}
.pra{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:30px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.przi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; height:48px; overflow:hidden; margin-top:2px;}
.prmor{ display:block; width:96px; height:37px; border:1px solid #333333; margin:auto; background:url(../img/prxinfeng.png) no-repeat 23px center; padding-left:55px; line-height:37px; font-size:14px; font-size:1.4rem; margin-top:10px;}
.prlie input{ position:absolute; left:9px; top:11px; cursor:pointer}
.prlie:hover{box-shadow:0px 3px 8px rgba(0,0,0,0.35);}
.prlie:hover .prfu{ top:0px;}
.prlie:hover .przi{ background:#e96810;}
.prlie:hover .przi a{ color:#fff;}
.prlie:hover .prmor{ border:1px solid #fff; background:url(../img/prxinfengh.png) no-repeat 23px center;}

.fenye{ padding-top:55px;}
.fenyen{ float:left; margin-top:35px;}
.fenyen a{ display:inline-block; width:23px; height:23px; border:1px solid #333333; background:#333333; text-align:center; line-height:23px; border-radius:50%; margin:0 5px 0 6px; font-size:14px; font-size:1.4rem; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; color:#f5f5f5;}
.sx{ width:auto !important; border:none !important; background:none !important; font-size:12px !important; font-size:1.2rem !important; color:#333 !important; font-family:Tahoma, Geneva, sans-serif !important;}
.fenyen a:hover{ background:#e96711; color:#fff; border:1px solid #e96711;}
a.sx:hover{ color:#e96711 !important; background:none !important;}
.dangqianfen{ background:#e96711 !important; color:#fff !important;border:1px solid #e96711 !important;}
.fuxuan{ float:right; font-size:16px; font-size:1.6rem; color:#4b4b4b; margin-top:34px; font-family:Verdana, Geneva, sans-serif;}
.fuxuan input{ width:175px; height:30px; background:#000000; border:none; color:#fff; margin-left:10px; cursor:pointer; font-size:14px; font-size:1.4rem; font-family:Verdana, Geneva, sans-serif;}
.fuxuan input:hover{ background:#e96711;}
.fenyen a.no:hover{ color: #333 !important; }


@media screen and (min-width:1000px) and (max-width:1419px) {
.mianbaon{ top:-60px; font-size:14px; font-size:1.4rem;}
.prl{ width:230px; float:left;}
.prr{ width:730px; float:right;}
.prlie{ width:236px; margin-left:10px;}
.prfu span{ font-size:26px; font-size:2.6rem;}
.przi{ padding:9px; padding-bottom:14px;}
}
@media screen and (max-width:999px){
.prmain{ padding-top:20px; padding-bottom:28px;}
.mianbaon{ position:relative; left:auto; top:auto; font-size:14px; font-size:1.4rem; margin-top:20px;}
.prl{ width:35%; float:left;}
.prr{ width:62%; float:right;}
.prlie{ width:48%; margin-left:1% !important; margin-right:1%;}
.prfu span{ font-size:26px; font-size:2.6rem;}
.przi{ padding:9px; padding-bottom:14px;}
.prfu{ display:none}
.fenye{ padding-top:5px;}
.fenyen{ float:none;}
.fuxuan{ float:none; margin-top:20px;}
.prra{ font-size:2px; font-size:2rem;}
}
@media screen and (max-width:639px){
.prl{ width:100%; float:none; margin-top:40px;}
.prr{ width:100%; float:none;}
}
@media screen and (max-width:399px){
.prlie{ width:98%;}
}

/*************************************************************************  product2  *****************************************************************/
.prmain2{ padding-top:47px; padding-bottom:97px;}

#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:469px;position:relative; float:left; margin-top:14px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; padding:0px !important;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:65px;position:relative; border-radius:4px;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:7px;width:1px; left:0px;height:65px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:95px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block;width:88px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:88px;height:65px;}
.fangda{ position:absolute; bottom:0px; right:0px;}

.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.MagicZoomMain{text-align:center !important;width: 92px;}

.jianjie{ width:560px; float:right; margin-top:10px;}
.jianjie h1{ font-size:20px; font-size:2rem; color:#e96711; line-height:35px;}
.jianjie h1 i{ padding-left:15px; cursor:pointer}
.jianjie h1 i img{ width:23px; height:22px; vertical-align:middle}
.jianjie h1 span{ position:relative;}
.erweima{ width:150px; position:absolute; right:0px; top:35px; border:1px solid #eee; background:#fff; display:none}
.erweima a{ display:block;}
.erweima a img{ display:block; margin:auto; width:100%; max-width:260px; max-height:260px;}
.erweima p{ font-size:14px; font-size:1.4rem; text-align:center;}
.erds{ display:block;}

.jiann{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:37px; min-height:180px;}
.jiann strong{ display:block;}
.inno{ margin-top:36px;}
.inno a{ display:block; width:158px; height:48px; float:left; text-align:center; line-height:48px; background:#e96711; text-align:center; line-height:48px; font-size:16px; font-size:1.6rem; color:#fff; margin-right:43px; border-radius:24px;}
.inno a:hover{ background:#333; color:#fff;}

.share{ float:right; margin-top:50px;}
.share1{ font-size:16px; font-size:1.6rem; line-height:26px; float:left;}
.share2{ float:right; margin-left:4px;}

.chanxbiao{ display:block; background:url(../img/huixian.jpg) repeat-x bottom; margin-top:48px;}
.chanxbiao a{ display:block; font-size:26px; font-size:2.6rem; text-transform:uppercase; font-weight:bold; background:url(../img/chanxbiao.jpg) no-repeat left bottom; line-height:40px; padding-bottom:3px;}
.chanxiang {line-height:30px; font-size:16px; font-size:1.6rem; padding-top:24px;}
.chanxiang a{ color:#e05800;}
.chanxiang img{ max-width:100%;}
.chanxiang table{ width:97%; border-collapse:collapse; line-height:24px;}
.chanxiang tr td{ line-height:24px; padding:2px; border:1px solid #ccc;}
.chanxiang tr td a{ color:#333;}

.remain{ padding-top:12px;}
.remain .chanxbiao{}
.remain .prlie{ margin-top:40px; margin-bottom:auto;}

@media screen and (min-width:1000px) and (max-width:1419px){
#tsShopContainer{ float:none; margin:auto; margin-top:36px;}
.MagicZoomBigImageCont,.MagicZoomPup{ display:none !important;}
.jianjie{ width:100%; float:none; margin-top:20px; background:none;}
.jiann{ min-height:auto;}
.inno{ text-align:center; margin-top:20px;}
.inno a{ float:none; display:inline-block; *float:left;}
}
@media screen and (min-width:1000px){
.chanx{ display:none}
}
@media screen and (max-width:999px){
.prmain2{ padding-top:27px; padding-bottom:37px;}
#tsShopContainer{ display:none}
.chanx{ width:100%; margin-top:0px;}
.chanx a{ display:block; width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:9px; margin-bottom:10px;}
.chanx a img{ width:100%; max-width:469px; max-height:347px; border:1px solid #ddd}
.jianjie{ width:100%; float:none; margin-top:20px; background:none}
.jiann{ margin-top:20px; min-height:auto;}
.inno{ text-align:center; margin-top:20px;}
.inno a{ float:none; display:inline-block; *float:left; margin:0 3px; width:100px; font-size:14px; font-size:1.4rem;}
.remain .m3lie{ width:48%; margin-left:1% !important; margin-right:1%;}
.chanxbiao{ margin-top:20px; font-size:20px; font-size:2rem;}
.chanxbiao a{ font-size:20px; font-size:2rem;}
}
@media screen and (max-width:379px){
.chanx a{ width:97%;}
.remain .m3lie{ width:98%;}
}

/*************************************************************************  news  *****************************************************************/
.nemain{ padding-top:38px; padding-bottom:96px;}
.nelie{ position:relative; min-height:256px; border-bottom:1px solid #d2d2d2; padding-bottom:28px; margin-top:20px;}
.netu{ display:block; width:339px; position:absolute; left:0px; top:5px;}
.netu img{ display:block; margin:auto; width:100%; max-width:339px; max-height:251px;}
/*.nezi{ margin-left:364px;}*/
.nea{ display:block; font-size:22px; font-size:2.2rem; color:#e96711; line-height:35px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nezi span{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; color:#666666; margin-top:9px;}
.nezi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; color:#666666; margin-top:12px; height:90px; overflow:hidden;}
.nemor{ display:block; font-size:18px; font-size:1.8rem; color:#e96711; line-height:30px; margin-top:38px; margin-left:5px;}
.nea:hover,.nemor:hover{ text-decoration:underline;}
.nezi p a:hover{color:#e96711;}
.jvzhong{ float:none; text-align:center; padding-top:61px;}
@media screen and (max-width:999px){
.nemain{ padding-top:18px; padding-bottom:26px;}
.nea{ font-size:16px; font-size:1.6rem;}
.nezi p a{ font-size:14px; font-size:1.4rem;}
.nemor{ font-size:16px; font-size:1.6rem;}
.jvzhong{ padding-top:10px;}
}
@media screen and (max-width:699px){
.netu{ width:auto; position:relative; left:auto; top:auto;}
.nezi{ margin-left:0px; padding-top:20px;}
.nemor{ margin-top:10px;}
}

/***********************************************************************  news2  ****************************************************************/
.nemain2{ padding-bottom:49px; padding-top:79px;}
.nel{ width:939px; float:left;}
.ner{ width:343px; float:right; padding-left:55px; border-left:1px solid #d9d9d9; margin-top:97px;}

.nel h1{ font-size:24px; font-size:2.4rem; color:#e96711; line-height:35px;}
.riqi{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:13px;}
.nex{ font-size:16px; font-size:1.6rem; line-height:30px; color:#666666; padding-top:8px;}
.nex p,.nex span,.nex strong{ color:#666666;}
.nex a{ color:#1d893b;}
.nex img{ display:block; margin:auto; max-width:100%;}
.nex table{ width:97%; border-collapse:collapse; line-height:24px;}
.nex tr td{ line-height:24px; padding:2px; border:1px solid #d0cece;}
.fanpian{ border-top:1px solid #cccccc; padding-top:17px; margin-top:58px; padding-top:50px;}
.fanpian li{ width:45%;}
.pr{ float:left; text-align:left;}
.ne{ float:right; text-align:right}
.fanpian li span{ display:block; width:120px; height:42px; text-align:center; line-height:42px; font-size:16px; font-size:1.6rem; color:#fff; border-radius:5px;}
.pr span{ background:#e96711 url(../img/pr.jpg) no-repeat left center; padding-left:50px;}
.ne span{ background:#e96711 url(../img/ne.jpg) no-repeat right center; padding-right:50px;}
.fanpian li p{ font-size:16px; font-size:1.6rem; line-height:30px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; margin-top:41px;}
.fanpian li p:hover a{ color:#e96711;}
.ne span{ float:right;}

.back{ display:block; width:237px; height:60px; border-radius:8px; background:#e96711; text-transform:uppercase; text-align:center; line-height:60px; font-size:18px; font-size:1.8rem; color:#fff;}
.share3{ margin-top:46px; padding-left:5px;}
.share4{ float:left; font-size:16px; font-size:1.6rem; color:#0093d8; line-height:26px; font-family:Arial, Helvetica, sans-serif;}
.share5{ float:left; vertical-align:middle; margin-left:6px;}
.nern{ margin-top:53px;}
.nera{ display:block; font-size:30px; font-size:3rem; text-transform:uppercase; color:#58ac5c; padding-left:7px; line-height:35px;}
.nerlie{ margin-top:49px; padding-bottom:19px; margin-right:29px;}
.nertu{ display:block;}
.nertu img{ display:block; margin:auto; width:100%; max-width:339px; max-height:251px;}
.nerlie p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; color:#666666; margin-top:10px; height:90px; overflow:hidden;}
.nerlie a:hover,.nera:hover{ color:#e96711;}
.back:hover{ border-radius:15px;}
@media screen and (min-width:1000px) and (max-width:1419px) {
.nel{ width:630px;}
.ner{ width:310px; padding-left:20px; margin-top:auto;}
}
@media screen and (max-width:999px) {
.nemain2{ padding-bottom:45px; padding-top:10px;}
.nel h1{ font-size:20px; font-size:2rem;}
.nel{ width:62%;}
.ner{ width:35%; padding-left:0px; border-left:none; margin-top:auto;}
.nern{ padding:0 10px;}
.fanpian li{ width:100%; float:none; text-align:left; margin-bottom:20px;}
.ne span{ float:none;}
.ne span{ background:#e96711 url(../img/ne.jpg) no-repeat left center; padding-left:50px; padding-right:0px;}
.fanpian li p{ margin-top:5px;}
.nerlie{ margin-right:0px; padding-bottom:0px; margin-top:20px;}
.nex,.nerlie p a,.fanpian li p{ font-size:14px; font-size:1.4rem;}
.nera{ font-size:20px; font-size:2rem;}
}
@media screen and (max-width:729px) {
.nel{ width:100%; float:none; padding-top:20px;}
.ner{ width:100%; float:none; padding-top:20px;}
.nel h1{ font-size:16px; font-size:1.6rem; line-height:24px;}
}

/***********************************************************************  about  ****************************************************************/
.abmain{ padding-bottom:94px;}
.abtu1{ width:699px; float:right; margin-left:30px;}
.abtu1 img{ display:block; margin:auto; width:100%; max-width:699px; max-height:389px;}
.abl{ padding-top:85px;}
.abbiao{ display:block; font-size:60px; font-size:6rem; text-transform:uppercase; color:#1b12e9; line-height:40px;font-family: "AVENIRNEXTLTPRO-BOLDCN"; width:415px;}
.abbiao img{ display:block; width:100%; max-width:415px; max-height:83px;}
.abl span{ display:block; font-size:24px; font-size:2.4rem; line-height:40px; margin-top:30px;}
.abl p{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top:8px;}
.abtu2{ display:block; width:648px; float:left; margin-right:50px; margin-top:41px;}
.abtu2 img{ display:block; margin:auto; width:100%; max-width:648px; }
.abr{ padding-top:17px;}
.abr a{ display:block; font-size:24px; font-size:2.4rem; line-height:30px; margin-top:29px;}
.abr p{ font-size:14px; font-size:1.4rem; line-height:30px; margin-top:12px;}
.abr span{ display:block; font-size:24px; font-size:2.4rem; line-height:30px; color:#e96711;font-family: "AVENIRNEXTLTPRO-BOLDCN"; margin-top:52px;}
.ablie{ width:330px; float:left; margin-left:26px; margin-top:72px;}
.ablie a{ display:block;}
.ablie a img{ display:block; margin:auto; width:100%; max-width:330px; max-height:222px;}
.ablie p{ font-size:14px; font-size:1.4rem; line-height:28px; font-family:Verdana, Geneva, sans-serif; margin-left:6px; margin-top:8px;}
@media screen and (min-width:1000px) and (max-width:1419px) {
.abtu1{ width:599px;}
.abl{ padding-top:30px;}
.abbiao{ width:300px;}
.abl span{ font-size:20px; font-size:2rem; line-height:30px; margin-top:20px;}
.abtu2{ width:548px; margin-right:30px;}
.abr{ padding-top:7px;}
.abr a{ font-size:20px; font-size:2rem; line-height:30px; margin-top:10px;}
.abr p{ margin-top:5px;}
.abr span{ font-size:20px; font-size:2rem; margin-top:10px;}
.ablie{ width:237px; margin-left:10px; margin-top:72px;}
}
@media screen and (max-width:999px) {
.abmain{ padding-bottom:34px;}
.abtu1{ width:100%; float:none; margin:auto;}
.abl{ padding-top:30px;}
.abbiao{ width:250px;}
.abl span{ font-size:20px; font-size:2rem; line-height:30px; margin-top:20px;}
.abtu2{ width:100%; float:none; margin:auto; padding-top:20px;}
.abr{ padding-top:7px;}
.abr a{ font-size:20px; font-size:2rem; line-height:30px; margin-top:10px;}
.abr p{ margin-top:5px;}
.abr span{ font-size:20px; font-size:2rem; margin-top:10px;}
.ablie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:30px;}
.ablie p{ margin-left:0px;}
}
@media screen and (max-width:459px) {
.ablie{ width:98%;}
}

/***********************************************************************  video  ****************************************************************/
.vimain{ padding-bottom:68px;}
.vilie{ width:434px; float:left; margin-left:48px; margin-top:33px; margin-bottom:13px;}
.vitu{position: relative; padding-bottom: 56.22%;height: 0;overflow: hidden;}
.vitu iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.vitu iframe body{ margin:0px !important;}
.vizi{ background:#ededed; border-bottom:2px solid #e96711; padding:17px 10px; padding-top:21px;}
.vizi p{ padding-left:61px; background:url(../img/bofang.jpg) no-repeat left center; font-size:16px; font-size:1.6rem; line-height:23px; height:46px; overflow:hidden;}
.mat{ padding-top:26px;}
@media screen and (min-width:1000px) and (max-width:1419px) {
.vilie{ width:320px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.vimain{ padding-bottom:28px;}
.vilie{ width:31.333%; margin-left:1% !important; margin-right:1%; margin-bottom:0px;}
.vizi p{ font-size:14px; font-size:1.4rem;}
.mat{ padding-top:6px;}
}
@media screen and (max-width:749px) {
.vilie{ width:48%;}
.vizi p{ background:none; padding-left:0px;}
}
@media screen and (max-width:399px) {
.vilie{ width:98%;}
}

/******************************************************************  contact  *****************************************************/
.comain{ padding-top:16px; padding-bottom:89px;}

.coxin{ padding-top:45px;}
.cobiao2{ display:block; font-size:26px; font-size:2.6rem; text-align:center; color:#000000; line-height:40px; margin-bottom:41px;}
.coxin .int1{ padding-left:18px; background:url(../img/xing.jpg) no-repeat left 14px;}
.mat4{ margin-top:21px;}
.coxin .int1 input{ width:362px; height:30px; line-height:30px; border:1px solid #cccccc; float:left; padding-left:10px; margin-left:126px; font-size:14px; font-size:1.4rem;}
.coxin .int5{ padding-left:18px; background:url(../img/xing.jpg) no-repeat left 14px; float:left; margin-right:110px;}
.coxin .int5 input{ width:362px; height:30px; line-height:30px; border:1px solid #cccccc; padding-left:10px; font-size:14px; font-size:1.4rem;}
.coxin .int2{ padding-left:18px; background:url(../img/xing.jpg) no-repeat left 6px; margin-top:20px;}
.coxin .int2 textarea{ width:1369px; height:131px; line-height:30px; border:1px solid #cccccc; padding-left:10px; font-size:14px; font-size:1.4rem;}
.coxin .int3{ padding-left:18px; background:url(../img/xing.jpg) no-repeat left 14px; margin-top:20px; float:left; margin-right:50px;}
.coxin .int3 input{ width:362px; height:30px; line-height:30px; border:1px solid #cccccc; padding-left:10px; font-size:14px; font-size:1.4rem;}
.coxin .int4{ width:323px; height:34px; float:right; margin-top:21px; background:#e96711; font-size:16px; font-size:1.6rem; color:#fff; text-transform:uppercase; cursor:pointer;}
.coxin .int4:hover{ background:#fcc506;}

.con2{ margin-top:93px;}
.con2 p{ font-size:30px; font-size:3rem; line-height:40px;}
.con2 li p  { font-size: 20px;font-size: 2rem;color: #999999;line-height: 30px;margin-top: 6px; }
.con2 p span{ font-size:18px; font-size:1.8rem;}
.con2 li{ font-size:20px; font-size:2rem; color:#999999; line-height:30px; margin-top:6px;}
.con2 li a{ color:#999; font-size: 20px;font-size: 2rem;}
.con2 li a:hover{ color:#e05800;}
.coxinfeng{ padding-left:87px; 
/*background:url(../img/coxinfeng.jpg) no-repeat left center;*/
width:220px; float:left;}
.codianhua{ padding-left:91px; background:url(../img/codianhua.jpg) no-repeat left center; width:190px; float:left; margin-left:100px;}
.coshouji{ padding-left:87px; background:url(../img/coshouji.jpg) no-repeat left center; width:240px; float:left; margin-left:46px;}
.cos{ padding-left:88px; background:url(../img/cos.jpg) no-repeat left center; width:189px; float:right;}
.coshouji p{  }
.ditu{ display:block; margin:auto; width:100%; max-width:1401px; max-height:415px; margin-top:57px;}

@media screen and (min-width:1000px) and (max-width:1419px){
.con{ padding-left:0px;}
.coxin .int1 input{ width:290px; margin-left:25px;}
.coxin .int5{ margin-right:7px;}
.coxin .int5 input{ width:290px;}
.coxin .int2 textarea{ width:950px;}

.con2 p{ font-size:20px; font-size:2rem; line-height:40px;}
.con2 p span{ font-size:14px; font-size:1.4rem;}
.con2 li{ font-size:14px; font-size:1.4rem; color:#999999; line-height:30px; margin-top:6px;}
.coxinfeng{ padding-left:77px; background:url(../img/coxinfeng.jpg) no-repeat left center; width:180px; float:left;}
.codianhua{ padding-left:77px; background:url(../img/codianhua.jpg) no-repeat left center; width:140px; float:left; margin-left:10px;}
.coshouji{ padding-left:77px; background:url(../img/coshouji.jpg) no-repeat left center; width:180px; float:left; margin-left:10px;}
.cos{ padding-left:77px; background:url(../img/cos.jpg) no-repeat left center; width:130px; float:right;}
}
@media screen and (max-width:999px){
.comain{ padding-bottom:30px;}
.coxin{ padding-top:20px;}
.cobiao2{ font-size:20px; font-size:2rem;}
.con{ padding-left:0px;}
.colie{ width:48%; margin-left:1% !important; margin-right:1%;}
.coxin{ margin-top:0px;}
.coxin .int5{ float:none; margin-right:auto; margin-top:auto !important; margin-bottom:21px;}
.coxin .int1 input{ width:92%; float:none; margin-left:auto; margin-bottom:21px;}
.coxin .int5 input { width:92%; float:none; margin-left:auto;}
.coxin .int2 textarea{ width:92%;}
.coxin .int3{ float:none; margin-right:auto;}
.coxin .int3 input{ width:92%;}
.coxin .yanzheng{ margin-left:18px;}
.coxin .int4{ width:40%; float:left; margin-left:11px;}

.con2{ margin-top:20px;}
.con2 ul{ margin-top:30px;}
.con2 p{ font-size:20px; font-size:2rem; line-height:40px;}
.con2 p span{ font-size:14px; font-size:1.4rem;}
.con2 li{ font-size:14px; font-size:1.4rem; color:#999999; line-height:30px; margin-top:6px;}
.coxinfeng{ padding-left:77px; background:url(../img/coxinfeng.jpg) no-repeat left center; width:35%; float:left;}
.codianhua{ padding-left:77px; background:url(../img/codianhua.jpg) no-repeat left center; width:35%; float:right; margin-left:0px;}
.coshouji{ padding-left:77px; background:url(../img/coshouji.jpg) no-repeat left center; width:35%; float:left; margin-left:0px;}
.cos{ padding-left:77px; background:url(../img/cos.jpg) no-repeat left center; width:35%; float:right;}
.ditu{ margin-top:30px;}
}
@media screen and (max-width:639px){
.cobiao2{ font-size:16px; font-size:1.6rem; line-height:24px;}
.con2 ul{ width:auto; float:none; margin-top:30px;}
}




.listcart{ width:100%; }
.listcart a,.listcart input{ display:inline-block;height: 30px; width:150px;
	line-height: 30px;
	
	cursor: pointer;
	
	border: none;
	overflow: hidden;
	color: #fff;
	cursor: pointer; background:#e96711;   text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px; margin-top:20px; display:block; float:left }
	

	@media screen and (max-width:999px){
		.listcart a,.listcart input{ width:40% ; margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }
		.listcart{ width:100%; margin-bottom:2rem }
		
	}
	
	@media screen and (max-width:420px){
		
		.listcart a,.listcart input{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-bottom:1rem}

		
		}
		
		.shuxp_c{ font-size:14px; font-size:1.4rem; margin-top:10px; margin-bottom:10px}


.share2 .at-resp-share-element .at-icon,.share5 .at-resp-share-element .at-icon{width:26px!important;height:26px!important;}
.share2  .at-style-responsive .at-share-btn,.share5  .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.share2  .at-resp-share-element .at-share-btn .at-icon-wrapper,.share5  .at-resp-share-element .at-share-btn .at-icon-wrapper{width:26px!important;height:26px!important;}
.share2 .at-resp-share-element .at-share-btn,.share5 .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

.xuptshi{ padding-left:16px; line-height:25px; margin-top:10px}
.cuowu404{width:100%;max-width:435px;overflow:hidden;margin-left:auto;margin-right:auto;display:block;padding-top:90px;}
.cuowu404 img{width:100%}
@media screen and (max-width:999px){.cuowu404{width:80%;overflow:hidden;padding-top:2rem;padding-bottom:2rem}
}
@media screen and (max-width:999px){.cuowu404{width:80%;overflow:hidden;padding-top:2rem;padding-bottom:2rem}
}


.comain .coxin .yanzheng{ width: 117px;height: 34px;float: left;margin-top: 21px;cursor: pointer;  }

/***************************  新加  *************************/
.prmain3{ padding-bottom: 30px;}
.prra{ font-weight: normal;}
.pr3n{ font-size: 0px; -moz-box-sizing: border-box; box-sizing: border-box;}
.pr3n:after{content: ""; clear: both; display: block;}
.pr3lie{ width: 25%; display: inline-block; vertical-align: top; padding: 10px; margin-top: 20px; -moz-box-sizing: border-box; box-sizing: border-box; }
.pr3tu{display: block;}
.pr3tu img{width: 100%;}
.pr3zi a{display: block; font-size: 14px; font-size: 1.4rem; line-height: 26px; max-height: 130px; overflow: hidden; margin-top: 10px; text-align: center;}
.pr3mor{display: block; text-align: center; font-size: 14px; font-size: 1.4rem; margin-top: 10px; color: #e96711;}
.pr3zi a:hover{ color: #e96711;}
.pr3mor:hover{ text-decoration: underline;}
@media screen and (max-width:999px){
.prmain3{ padding-bottom: 30px;}
	.pr3lie{ padding: 5px;}
	.prra{margin-bottom: 0px;}
}
@media screen and (max-width:799px){
	.pr3lie{ width: 50%; margin-top: 15px;}
}

.prtag{ font-size: 0px; padding-bottom: 60px;}
.taglie{ width: 33.33%; display: inline-block; vertical-align: top; padding-right: 20px; margin-top: 20px; -moz-box-sizing: border-box; box-sizing: border-box;}
.taga{display: block; font-size: 30px;line-height: 26px;font-weight: bold;text-align: center;margin-bottom: 10px;}
.tagn{font-size: 14px; font-size: 1.4rem; line-height: 26px; display: block; margin-top: 10px;}
.tagn a{display: block;}
.taglie a:hover{ color: #e96711;}
@media screen and (max-width:639px){
	.taglie{ width: 50%; }
}