.bd_weixin_popup{ height: auto !important;}



.fl{float: left;}

.fr{float: right;}

.w100{width: 100%;}

.clear,.cl{clear:both;}

.map-box1{min-height: 250px;}

.overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.mr5{margin-right: 5px;}

.mt5{margin-top: 5px !important;}

.mb10{margin-bottom: 10px;}

.mb15{margin-bottom: 15px!important;}

.mt10{margin-top: 10px;}

.mt15{margin-top: 15px !important;}     

.effhidden{overflow: hidden;}

.EnglistFont,.EnglistFont *{font-family:"微软雅黑",'arial','SimSun' }

h1,h2,h3,h4,h5,h6{font-family:"微软雅黑",'arial','SimSun'}

pre{background: none;border: none;white-space: pre-wrap;}

li{list-style-type: none;}

.banner .carousel-control.left, .banner .carousel-control.right{display: block !important;}

:before,:after,*{

  -webkit-box-sizing: content-box;

     -moz-box-sizing: content-box;

          box-sizing: content-box;  

}



.logo_name{ margin: 0px;}

.logo_name span{position: absolute; display: block;opacity: 0;filter:Alpha(opacity=0)}



.border_box{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.border_content{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

@media screen and (max-width:600px) {

  .breadCrumb{display: none !important;}

}

.breadCrumb:after{content: '';width: 0;height: 0;clear: both;display: block;}

.sparkle-canvas{z-index: 99;}

.Themebg.btn-success{border: none!important;border-radius: 0;float: left;}

.btn-warning.btn-can{background: #eee;font-size: 14px;float: left; padding: 2px 12px;  margin-left: 10px;}



button.a-btn {border: none; padding:0 10px; height:28px; line-height:28px; display:inline-block; cursor:pointer; margin-right:5px;}

button.a-btn.a-btn1 { background-color:#cfcdcf; color:#666666; }

button.a-btn.a-btn1:hover { background-color:rgb(228, 196, 84); color:rgb(94, 62, 32);}

button.a-btn.a-btn2 {color:rgb(94, 62, 32);}



.breadCrumb a{float: left;padding: 0 8px;line-height: 23px; max-width:100px;margin: 5px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.breadCrumb em,.breadCrumb b,.breadCrumb span{float: left;line-height: 23px;margin: 5px 0;}



.Compatible_Prompt{line-height: 50px;height:0px;overflow: hidden; background: #f6e5e5;color: #de0000;font-size: 14px; position:relative;}

.Compatible_Prompt p{max-width: 1030px;margin: 0 auto;position: relative;padding-right: 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.Compatible_Prompt .closeCom{cursor: pointer; line-height: 15px; width: 15px;height: 15px;position: absolute;right:15px;top:10px;}



@font-face {font-family: "infontConpatible";

  src: url('/static/font/iconfont.eot'); 

  src: url('/static/font/iconfont.eot') format('embedded-opentype'),

  url('/static/font/iconfont.woff') format('woff'),

  url('/static/font/iconfont.ttf') format('truetype'), 

  url('') format('svg'); 

}

.infontConpatible {

  font-family:"infontConpatible" !important;

  font-size:16px;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}

.icon_attishi:before { content: "\e600";margin-right: 5px;font-size: 24px;}

.icon_guanbi:before { content: "\e601"; }

@media screen and (max-width:1030px) {

  .Compatible_Prompt p{padding-left: 15px;}

}





.phone-menu0 ul, .phone-menu1 ul{ margin:0; padding: 0;}



.phone-menu0{ height:54px; border-top:1px solid #1d1d1d; border-bottom:1px solid #000; position:fixed !important; bottom:0;left: 0; width:100%; display:none; padding:0; margin:0;z-index: 9999;

              background-image: -webkit-gradient(linear, center top, center bottom, from(#474747), to(#2f2f2f));

              background-image: -webkit-linear-gradient(top, #474747, #2f2f2f);

              background-image: -moz-linear-gradient(top, #474747, #2f2f2f);

              background-image: -o-linear-gradient(top, #474747, #2f2f2f);

              background-image: -ms-linear-gradient(top, #474747, #2f2f2f);

              background-image: linear-gradient(to bottom, #474747, #2f2f2f);



              

              background: #474747;

              background: -moz-linear-gradient(top, #474747 0%, #2f2f2f 100%);

              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#2f2f2f));

              background: -webkit-linear-gradient(top, #474747 0%,#2f2f2f 100%);

              background: -o-linear-gradient(top, #474747 0%,#2f2f2f 100%);

              background: -ms-linear-gradient(top, #474747 0%,#2f2f2f 100%);

              background: linear-gradient(to bottom, #474747 0%,#2f2f2f 100%);

              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#2f2f2f',GradientType=0 );

}

.phone-menu0 li{ width:20%; text-align:center; float:left; list-style:none; }

.phone-menu0 li:hover,.phone-menu li.active{ background-color:#333;}

.phone-menu0 li a{ color:rgb(228, 196, 84); font-size:12px; text-decoration:none; display: block; white-space: nowrap;overflow: hidden; text-overflow:ellipsis;}

.phone-menu0 li i{ background:url(/static/image/phone-menu0.png) no-repeat; background-size:25px; margin:6px auto 2px; display:block; width:25px; height:25px; float:none;}

.phone-menu0 li i.icon1{ background-position:0 0;}

.phone-menu0 li i.icon2{ background-position:0 -25px;}

.phone-menu0 li i.icon3{ background-position:0 -50px;}

.phone-menu0 li i.icon4{ background-position:0 -75px;}

.phone-menu0 li i.icon5{ background-position:0 -101px;}







              

         



.ShareBoxx{display: none; }

@media screen and (max-width:600px) {

  .ShareBoxx{display: block;display: none\9;}

}

.ShareBoxx .ShareAni{

  -webkit-transition: all 1s ease-in-out 0s;

  -moz-transition: all 1s ease-in-out 0s;

  -ms-transition: all 1s ease-in-out 0s;

  -o-transition: all 1s ease-in-out 0s;

  transition: all 1s ease-in-out 0s;}

.ShareBoxx .ShareBoxBg{filter:Alpha(opacity=0);opacity:0; position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;background:url(/static/image/productbg.png) repeat; }

.ShareBoxx .ShareBox{ padding:20px;position:fixed;bottom:54px;left: 0;z-index: 9998; width: 100%;background: url(/static/image/white.png) repeat;

  -webkit-transform:translateY(300px);

  -moz-transform:translateY(300px);

  -ms-transform:translateY(300px);

  -o-transform:translateY(300px);

  transform:translateY(300px);

}

.ac .ShareAni{filter:Alpha(opacity=100);opacity:1;z-index: 9997;}

.ac .ShareBox{

  -webkit-transform:translateY(0px);

  -moz-transform:translateY(0px);

  -ms-transform:translateY(0px);

  -o-transform:translateY(0px);

  transform:translateY(0px);

}



.ShareBox h3{text-align: center;padding:0 0 20px 0;font-size:18px;}

.ShareBox li{color: #333;float: left;width: 25%;text-align:center;min-height:100px;}

.ShareBoxx .ShareBox li a{display: block;float: none;padding-left: 0; width:56px;height: 50px; margin: 0 auto 10px;background: url(/static/image/share.png) no-repeat -9px 0;background-size: 300px; }

.ShareBoxx .ShareBox .jiathis_style_24x24 li a span{display: none !important;}

.ShareBoxx .ShareBox li a.weix{background-position: -157px 0;}

.ShareBoxx .ShareBox li a.ren{background-position: -231px 0;}

.ShareBoxx .ShareBox li a.qzong{background-position: -84px 0;}

.ShareBox .Cancellation{border:1px solid #ddd; background: url(/static/image/white.png) repeat; text-align: center;line-height: 40px;color: #333;}



.common_top {background: #fcfcfc;border-bottom: 1px solid #e6e6e6;}

.common_top .maxsize {max-width: 1030px;margin: 0 auto;height: 34px;}

.common_top .top-l {float: left;line-height: 34px;color: #666;max-width: 300px;}

.common_top .top-r {float: right;line-height: 34px;padding-right: 10px;}

.common_top .top-r span {line-height: 34px;}

.common_top .login a {line-height: 34px;text-decoration: none;padding-left: 5px;}

.common_top a {color: #666;}



.common_top .top-r .user-exit { margin-left: 10px; }

.common_top .top-r .shopping-car {  margin-left: 5px; }

.common_top a.cart,.common_top .top-r .shopping-car a {  padding-left: 25px; }

.common_top .common_user_name { font-weight: 600; padding: 0 5px;}



.common_gototop { background: url('/static/image/hover75.png') repeat 0 0; padding: 5px; width: 32px; height: 32px; position: fixed; bottom: 75px; right: 10px; display: none;cursor: pointer;z-index: 999;  }

.common_gototop img { width: 100%; height: 100%; }

@media screen and (max-width: 480px) {

    .common_gototop { display: block;}

    .common_top a { font-size: 16px;}

    .common_top .top-l{display: none;}

}





body .news-nr-box {position: relative;}

body .news-nr-box h3 { font-size:20px;max-width: 70%;margin: 12px auto; text-align:center; line-height:25px; padding: 10px 0 0;  color:#000; }

body .news-nr-box h6 { font-size:12px; font-weight:normal; text-align:center; color:#000; margin:10px 0;line-height:20px; }

body .news-nr-box p { font-size:14px; margin-bottom:10px; overflow:hidden; width:100%; color:#666; }

body .news-nr-box img{max-width: 100%; margin: 0 auto; }

body .news-nr-box iframe{height: 400px; margin-bottom: 20px;}





body .news-nr-box .DownloadBtn{display:block;width:103px;height: 50px;line-height: 50px;text-indent: 37px; background-image: url(/static/image/download.png);background-repeat: no-repeat;background-position:  9px 13px;border-radius:5px;color: rgb(94, 62, 32);margin:10px auto 30px auto;}

body .news-nr-box .DownloadBtn:hover{color: rgb(94, 62, 32);filter:Alpha(opacity=70);opacity:0.7;}



.pager { margin:20px 0 0;}

.pager .next>a{ float: left;}

.pager .previous,.pager .next{ position: relative;}

.pager .previous > a, .pager .next > a { overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block; color:rgb(94, 62, 32); height:2.5em; line-height:2.5em; padding:0 12px;  margin:0 10px 15px 70px !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: auto; text-align: left; max-width: 250px;}

.pager .previous > a:hover, .pager .next > a:hover { background-color:#1e82c5;filter:Alpha(opacity=70);opacity:0.7;}

.pager .previous,.pager .next{width: 50%; overflow: hidden;}

.table-02 th{min-width:125;max-width: 250px;}

.pager .previous span,.pager .next span{ font-size: 12px; position: absolute; left: 0px; top: 0px;display: block; width: 70px; text-align: right;}



@media screen and (max-width: 600px) {

  .video iframe{height: auto !important; }

  .pager { margin:0 15px;}

  .pager .previous > a, .pager .next > a{ max-width: 200px;}

}



@media screen and (max-width: 480px) {

  .pager .next{ float:left!important;}

  .pager .previous,.pager .next{width: 100%;}

}





.photo.row{padding-bottom: 20px; float: left; width:100%;}

.photo.row p{color: #666; text-align:center; margin-bottom:10px; height:20px;line-height: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.photo.row .layout_default p{margin-bottom: 0;line-height: 20px;height: 20px;}

.photo.row .col-md-3{width:23.95%; margin-left: 1.4% ; margin:0 0.52% \9;}

.photo.row .col-md-3:nth-child(4n+1) {margin-left:0;}

.photo.row .thumbnail {display: block;padding: 4px;margin-bottom: 10px;line-height: 1.42857143;background-color: rgb(94, 62, 32);border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; position: relative;}

.photo.row .thumbnail span{ position: absolute; font-family: "Arial"; font-size: 20px; bottom: 4px; right: 4px; z-index: 3; width: 40px; height: 30px; text-align: center;background-color: rgba(0,0,0,0.8); line-height: 30px;}

.photo.row .thumbnail span b{ color: rgb(94, 62, 32); z-index: 4; font-weight: normal;}

.photo.row .thumbnail img{ width:100%;}



@media screen and (max-width: 600px) {

    .photo.row .col-md-3{ width:49.3%;}

    .photo.row .col-md-3:nth-child(2n+1) { margin-left:0;}

}





.product-detail{display: table;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.product-detail .col-md-7 h3{font-size: 18px;line-height: 25px; padding: 4px 0 5px 20px;font-family: "微软雅黑";margin: 0;}

a.a-btn.a-btn1{color: rgb(94, 62, 32)!important;}

table .is-standard{cursor: pointer; border:1px solid rgb(228, 196, 84);background: #eee;padding:5px 10px;  display: inline-block;margin: 0 5px 5px 0; color: #333;}

table .check-standard,table .checked-standard{ border:1px solid #ef0000; }

table.table-01 th{width: 85px;}

@media screen and (max-width: 600px){

  body .product-detail .col-md-7{padding: 0;}

}



body .product-detail .ProductimgBox{overflow: hidden;width: 100%;position: relative;}

body .product-detail .ProductimgBox li{width:100%;}

body .product-detail .ProductimgBox img{width: 100%;cursor: pointer;max-height:1000px!important;}



body .product-detail .ProductimgSmall{margin: 15px 0;background: rgb(94, 62, 32);border: 1px solid #ddd;position: relative;padding: 5px;height: 65px; overflow: hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body .product-detail .ProductimgSmall .ProductimgLeft,body .product-detail .ProductimgSmall .ProductimgRight{display: none;cursor: pointer; position: absolute;left: 5px;top:11px;background:url(/static/image/prevbtn.png) no-repeat;width:21px; height: 48px; z-index: 2;}

body .product-detail .ProductimgSmall .ProductimgRight{ left: auto;right:5px;background:url(/static/image/nextbtn.png) no-repeat;}

body .product-detail .ProductimgSmall .ProductimgRight.active,body .product-detail .ProductimgSmall .ProductimgLeft.active{display: block;}

body .product-detail .ProductimgSmall:after,body .product-detail .ProductimgSmall:before{content: '';width: 5px;height: 65px;position: absolute;right: 0;top: 0;background: rgb(94, 62, 32);z-index:3;}

body .product-detail .ProductimgSmall:before{right: auto;left: 0;}

body .product-detail .ProductimgSmall ul{width: 100%;overflow: hidden;position: absolute;left: 5px;top: 5px;z-index: 1;}

body .product-detail .ProductimgSmall li{cursor: pointer; float: left;width:70px;margin-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body .product-detail .ProductimgSmall li.active,body .product-detail .ProductimgSmall li:hover{border:2px solid red;}

body .product-detail .ProductimgSmall li img{width: 100%;}





body .product-detail .BigImg{display: none; position:fixed;left: 0;top: 0; z-index:999; width: 100%;height: 100%;background: url(/static/image/productbg.png) repeat;

  filter:Alpha(opacity=0);opacity:0;

}

.Animate{

  -webkit-transition: all .6s ease-in-out 0s;

  -moz-transition: all .6s ease-in-out 0s;

  -ms-transition: all .6s ease-in-out 0s;

  -o-transition: all .6s ease-in-out 0s;

  transition: all .6s ease-in-out 0s;}

body .product-detail .BigImg.active{filter:Alpha(opacity=100);opacity:1;}

body .product-detail .BigImg img{max-width: 100%;margin: 0 auto;max-height: 100%;

  display: none;

  -webkit-transition: all .3s ease-in-out 0s;

  -moz-transition: all .3s ease-in-out 0s;

  -ms-transition: all .3s ease-in-out 0s;

  -o-transition: all .3s ease-in-out 0s;

  transition: all .3s ease-in-out 0s;

  filter:Alpha(opacity=0);opacity:0;}

body .product-detail .BigImg img.active{

  filter:Alpha(opacity=100);opacity:1;;

}

body .product-detail .imgBoxTable{width: 100%;height: 100%;text-align: center;}

body .product-detail .closeBigImg{cursor: pointer; width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 40px;color: rgb(94, 62, 32);color: rgba(255,255,255,.6); position: absolute;top: 20px;right: 20px; z-index:3;}

body .product-detail .left,body .product-detail .right{cursor: pointer; display: block!important; background: rgb(94, 62, 32);z-index: 2; position: absolute;left:20px;top:0;width:60px;height:100%; background: url(/static/image/productleft.png) no-repeat center;}

body .product-detail .right{left: auto;right: 20px;background: url(/static/image/productright.png) no-repeat center;}





.product-count .form-control{ padding:0 12px;width: 60px; background: rgb(94, 62, 32); float: left; height:31px;border-radius: 0; line-height:31px; text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.product-count .input-group-addon { color:#333;float: left; font-size:20px; font-weight:bold;display: block;width:31px; height:31px; line-height:31px; padding: 0 8px; text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.plus-count2{border-left: 0;}



.jumbotron{ background-color:rgb(94, 62, 32); text-align:center;}

.jumbotron h3.success{ height:32px; line-height:32px; font-size:16px; background:url(/static/image/contact.jpg.jpg) no-repeat; padding-left:36px; width:180px; margin:0 auto 30px;}



.jumbotron a.btn-gwc { display: inline-block; height: 38px; line-height: 38px; overflow: hidden; border: 1px solid #e8603c; color: #e8603c; font-size: 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  -ms-border-radius: 2px; border-radius: 2px;  padding:0 20px;}

.jumbotron a.btn-js { display: inline-block; height: 38px; line-height: 38px; overflow: hidden; border: 1px solid #e8603c; color: rgb(94, 62, 32); font-size: 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  -ms-border-radius: 2px; border-radius: 2px;  padding:0 20px; background-color:#e8603c;}







.c-boder{ border: 1px solid #ddd;}

.b-boder{ border-bottom: 1px solid #ddd; padding:20px; }

.order-p20{  padding:20px;}







.TopologyLeft .body-left { float:left; width:23.5%;margin:12px 0 0 0;}

.TopologyLeft .body-right {float: right; width: 75%; margin:12px 0 0 0;}



.TopologyRight .body-left { float:right; width:23.5%;margin:12px 0 0 0;}

.TopologyRight .body-right {float:left;width: 75%; margin:12px 0 0 0; }



.TopologyCenter .body-left{float: none;clear:both;padding: 15px 0px;}

.TopologyCenter .body-left #ProClassLeft,.TopologyCenter .body-left #md_detailProductClass{display: none;}



#ProClass{display: none;}

.TopologyCenter #ProClass{display: block;text-align: center;}

.TopologyCenter .body-right{float: none;width: 100%;margin:12px 0 0 0;}

@media screen and (max-width:870px) {

    .TopologyLeft .body-left{ display:none;}

    .TopologyLeft .body-right{width: 98%;margin-right: 1% !important;} 



    .TopologyRight .body-left{display:none;}

    .TopologyRight .body-right{width: 100%;} 

}





#ProClass li.ac{position: relative;}

#ProClass li.ac .classBox{z-index: 100; height: 0;visibility: hidden;overflow: hidden;}

#ProClass li.Selection .classBox{visibility: visible;}

#ProClass li.Selection {z-index: 20;}

#ProClass li .classBox{ position: absolute;top: 35px;left: 0;width: 182px;}

#ProClass li.ac .Classtriangle{position: relative;padding-right: 20px;}

#ProClass li.ac .Classtriangle:after{content:'';position:absolute;right:10px;top: 14px;margin-left: 5px; width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 8px solid #333;

  -webkit-transition: all .5s linear 0s;

  -moz-transition: all .5s linear 0s;

  -ms-transition: all .5s linear 0s;

  -o-transition: all .5s linear 0s;

  transition: all .5s linear 0s;

}

#ProClass li.ac .Classtriangle:hover:after{border-top-color:rgb(94, 62, 32);}

#ProClass li.Selection .Classtriangle:after{ 

  -webkit-transform:rotate(180deg);

  -moz-transform:rotate(180deg);

  -ms-transform:rotate(180deg);

  -0-transform:rotate(180deg);

  transform:rotate(180deg);}

#ProClass li .second{text-indent: 10px;}

#ProClass li a:hover,#ProClassLeft li a:hover,#md_detailProductClass li a:hover,.two_menu_js li a:hover{text-decoration: none;}



#ProClass .ProClassBg{display: none;width: 100%;height: 100%; position: fixed;left: 0;top: 0;z-index: 19;background:url(/static/image/productbg.png) repeat;}

#ProClass.ac .ProClassBg{display: block;}



#ProClassLeft li .second,#md_detailProductClass li .second,.two_menu_js li .second{text-indent: 10px;}

#ProClassLeft li .classBox,#md_detailProductClass li .classBox,.two_menu_js li .classBox{height: 0;overflow: hidden;}

#ProClassLeft li.ac .Classtriangle,#md_detailProductClass li.ac .Classtriangle,.two_menu_js li.ac .Classtriangle {position: relative;padding-right: 25px;}

#ProClassLeft li.ac .Classtriangle:after,#md_detailProductClass li.ac .Classtriangle:after,.two_menu_js li.ac .Classtriangle:after{content:'';position:absolute;right:10px;top: 14px;margin-left: 5px; width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 8px solid #333;

  -webkit-transition: all .5s linear 0s;

  -moz-transition: all .5s linear 0s;

  -ms-transition: all .5s linear 0s;

  -o-transition: all .5s linear 0s;

  transition: all .5s linear 0s;

}

#ProClassLeft li.ac .Classtriangle:hover:after,#ProClassLeft li.ac .Themebg:after{border-top-color:rgb(94, 62, 32);}

#md_detailProductClass li.ac .Classtriangle:hover:after,#md_detailProductClass li.ac .Themebg:after,.two_menu_js li.ac .Classtriangle:hover:after,.two_menu_js li.ac .Themebg:after{border-top-color:rgb(94, 62, 32);}

#ProClassLeft li.ac .Classtriangle.acc:after,#md_detailProductClass li.ac .Classtriangle.acc:after,.two_menu_js li.ac .Classtriangle.acc:after{



-webkit-transform:rotate(180deg);

-moz-transform:rotate(180deg);

-ms-transform:rotate(180deg);

-0-transform:rotate(180deg);

transform:rotate(180deg);}

#ProClassLeft li.ac .Themebg,#md_detailProductClass li.ac .Themebg,.two_menu_js li.ac .Themebg{color: rgb(94, 62, 32)!important;}

.TopologyCenter .Cenl{float: left;width: 49%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0!important;}

.TopologyCenter .ml2{margin-left: 2%!important;}

.TopologyCenter .mr2{margin-right: 2%!important;}

@media screen and (max-width:600px) {

  .TopologyCenter .Cenl{width: 100%;margin: 0!important}

  .TopologyCenter .ml2{margin-top: 15px !important;}

  .TopologyCenter .mr2{margin-bottom: 15px !important;}

}

.BodyLeftTitle{line-height: 35px;text-align: center;color: rgb(94, 62, 32);}



.ClassLeftBox h3{ font-size:18px; background-color:#e8603c; color:rgb(94, 62, 32);  height:38px; line-height:38px; text-align:center; font-weight:normal; margin:0; }

.ClassLeftBox h3.title{ padding:0 12px; text-align:left;}

.ClassLeftBox h3.title a{ float:right; color:rgb(94, 62, 32); font-size:12px;line-height: 38px;}

.ClassLeftBox.p-class h3{margin-bottom: 15px;text-align: left;padding: 0 12px;}



.ClassLeftBox .product-class{ padding:10px 0;}

.ClassLeftBox .product-class li{ width:100%; line-height:34px; margin-bottom:8px;background-color:#edece7;}

.ClassLeftBox .product-class li a{padding: 0 15px;line-height: 35px; display:block; color:#333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ClassLeftBox .product-class li a.second{text-indent:10px;}

.ClassLeftBox .product-class li a:hover, .ClassLeftBox .product-class li a.Themebg{ color:rgb(94, 62, 32);}



.ClassLeftBox .list-box{ padding:10px 0;}

.ClassLeftBox .list-box li{text-align: left; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; color:#666;}

.ClassLeftBox .list-box li:before{content:"．";}

.ClassLeftBox .list-box li a{ color:#666;}

.ClassLeftBox .list-box li a:hover{ color:#e8603c;}





.classifiCen li{ display:inline-block;margin:0 15px 10px 0;}

.classifiCen li a{padding: 0 15px;max-width: 150px; background: rgb(94, 62, 32); color:#333; border: 1px solid #ddd;display: block;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.classifiCen li a.Themebg,.classifiCen li a:hover{color: rgb(94, 62, 32);}



.TopologyCenter .ProductClassBox #ProClass{display: none;}

.TopologyCenter .ProductClassBox .ProductClassTop{display: block!important;}

.classifiCen.news_l_box .list-box li{overflow: inherit;}

.classifiCen.news_l_box .list-box li a:hover{color:rgb(94, 62, 32);}



input.text01{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.textarea01{line-height:22px;}



@media screen and (max-width: 600px) {

    .phone-menu0,.phone-menu1{ display:block;}

}

@media screen and (max-width: 768px) {

    .product-detail .jiathis_style_24x24 .jtico_jiathis{display: none!important;}

}





.Company_imgbox{margin: 5px auto 10px auto; text-align: center!important;}

.Company_imgbox img,.company-detailed-box img{max-width: 100%;display:block;margin: auto;}

.companyBox p{word-wrap:break-word; }

@media screen and (max-width: 600px){

.Company_imgbox {width: 100%;float: none;}

}



.footersInformation{width: 80%;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: left; float: left;}

.tpl_footers .footers .footersInformation p{text-align: left;}

.footers a{word-break: break-all; word-wrap:break-word;}

.footers .qr{width: 20%;float: right;text-align: center;margin: 10px auto 0px; position: relative;}

.footers .qr img{width: 70px;}

.footers .qr .Big{display: none; position: absolute;bottom:0;right: 0;width:144px;height:144px;background: rgb(94, 62, 32);z-index: 2;box-shadow:0 0 4px rgba(0,0,0,.2);}

.footers .qr:hover .Big{display: block;}

.footers .qr .Big img{width: 100%;}

.footers .Attention{text-align: center;padding:5px 0 10px;}



@media screen and (max-width:600px) {

  .footers .qr{display: none;padding}

  .footers .footersInformation{width: 100%;padding:0 15px 70px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

  .tpl_footers .footers .footersInformation p{text-align: center;}

}





.friendBox h3{ color: rgb(94, 62, 32);font-size: 16px;}

.friendBox li a{display: block;font-size: 12px; word-break: break-all; word-wrap:break-word;background:none}

.friendBox li a.Custom_AuxiliaryBg{padding:10px 20px;}

.friendBox li a:hover{filter:Alpha(opacity=60);opacity:0.6;}

.friendLinkImg{width: 72px !important;margin: 5px 0 !important;}

.friendLink .lineNone{border: none;}

.friendLink .lineNone:after,.friendLink .lineNone:before{display: none !important;}





body .Employment{font-size: 12px;text-align: left; }

.Employment h3{color: rgb(94, 62, 32); font-size: 14px;padding:10px;}

.Employment h2{color: #000;font-size: 14px;padding: 10px;}

.Employment li{padding: 5px 30px; color: #333;line-height:21px;}

.Employment .RequirementBox{background: #f9f9f9;border: 1px solid #ddd;padding: 5px;margin:0 30px;}

.Employment .RequirementBox li{border-top:1px solid rgb(94, 62, 32);padding: 5px 15px}

.Employment .RequirementBox li:first-child{border: none;}

.Employment .ml50{margin-left: 30px;}

.Employment .detailBox{padding: 5px 30px;}

.Employment .detailBox img{max-width: 100%;margin: 0 auto;}

.Employment .Emplimg {text-align: center;padding: 20px 0;}

.Employment .Emplimg img{max-width: 100%;margin: 0 auto;}





.SlideBox .Slidepage{display: none;width: 100%;}

.SlideBox .Slidepage:first-child{display: block;}



.module{width: 100%;text-align: center;}

.module .carousel{margin: 0;}

.module a{display: block;}

.module img{max-width: 100%;margin: 0px;}

.module map{ outline: none;}





.smallphotoBox {width:100%;max-width: 400px; min-height:auto;z-index: 1; overflow: hidden;position: relative;margin: 0 auto;}

.smallphotoBox .leftArrow,.smallphotoBox .rightArrow{cursor: pointer; width:25px;height: 40px;background: url(/static/image/prevbtn.png) no-repeat; position: absolute;left: 0;top: 50%;margin-top: -25px;z-index:1001;}

.smallphotoBox .leftArrow:hover,.smallphotoBox .rightArrow:hover{filter:Alpha(opacity=60);opacity:0.6;}

.smallphotoBox .rightArrow{left: auto;right: 0;background: url(/static/image/nextbtn.png) no-repeat;}

.smallphotoBox .smallphotoUl li{display: none;}

.smallphotoBox .smallphotoUl li img{width: 100%;}

.smallphotoBox .smallphotoUl{padding: 0;}

.demo-box-hw1 .smallphotoBox .smallphotoUl{display: block;}

.smallphotoBox .smallphotoUl li:first-child{display: block}

.smallphotoBox .smallphotoA{position: absolute;left: 0;top: 0;z-index: 1000; width: 100%;height: 100%;}

.demo-box-hw1 .smallphotoBox a{position: static;}

.smallphotoBox a img {border: none;width: 100%;}

.smallphotoBox .abgne-controls {list-style: none; position: absolute;margin: 0;padding: 0;right: 10px;bottom:10px;height: 20px;}

.smallphotoBox .abgne-controls li {float: left;width: 10px;height: 10px;line-height: 10px;cursor: pointer;margin-right: 3px;background:rgba(0,0,0,.4);line-height: 100px;overflow: hidden; border:2px solid rgb(94, 62, 32);border-radius:50%;

  -webkit-transition: all .5s linear 0s;

  -moz-transition: all .5s linear 0s;

  -ms-transition: all .5s linear 0s;

  transition: all .5s linear 0s;

 }

.smallphotoBox .abgne-controls li.current {background-color: rgb(94, 62, 32);border-color: rgba(0,0,0,.6);}







.form .form-horizontal .control-label{  float: left; margin-right: 10px; width: 100px; overflow: hidden;}

.form .input-xlarge{ width: 70%; height: 28px; line-height: 28px; float: left; padding: 0 5px;}

.form .control-group,.form .textarea{ margin-bottom:12px; display: block;}

.form .help-block { color: red;line-height: 38px;}

.form select{height: 30px; margin-bottom: 18px;}

.form textarea{width: 70%!important; padding:5px;  display: block; clear: none;}

.form select option{ padding: 5px; height: 30px; line-height: 30px;}

.form .form-horizontal .checkbox,.form .form-horizontal .radio{ margin-left: 0px;}

.form .btn-primary{ border: none; width: 80px; height: 28px; line-height: 28px; text-align: center; display: block; margin: 0 auto;}







.p_artlelist{ margin-bottom: 15px;}

.p_artlelist h3{ height:28px; font-size: 18px; line-height: 36px; border-bottom: 1px solid rgb(228, 196, 84); padding: 10px;}

.p_artlelist h3 a{ float: right; font-size: 12px; color: #333; }

.p_artlelist h3 a:hover{ text-decoration: none;}

.p_artlelist ul{ margin: 0; padding: 0}

.p_artlelist ul li.col-md-6:nth-child(2n+1){ margin-left: 0;}

.p_artlelist ul li{ height: 36px; line-height: 36px; border-bottom: 1px dashed rgb(228, 196, 84);}

.p_artlelist ul li a{ font-size: 12px; color: #333; padding: 0 10px; display: block;}

.p_artlelist ul li a:hover{ text-decoration: none;}

@media screen and (max-width:600px) {

  .p_artlelist ul li{padding: 0 !important;}

}







.pro_page{ display: block; margin-bottom: 15px; position: relative;}

.pro_page b{ float: left;}

.pro_page a{ font-size: 12px; color: #333; display: block; }

.pro_page .pro_page_fl{ float: left; width: 50%; }

.pro_page .pro_page_fr{ float: right; width: 46%;}



.pro_keyword{ padding: 0 15px; display: block; font-size: 12px; font-weight: bold; margin-bottom: 15px;}

.pro_keyword a{ font-size: 12px;  color: #333; font-weight: normal; margin-right: 5px;}



.pro_page a:hover,.pro_keyword a:hover{ text-decoration: none;}

.NavBoxPublic{display: none;}



.bannerEffect .tp-bullets.simplebullets.round .bullet{width: 10px !important;height:10px !important;border-radius: 30px;margin: 0 5px;}



@media screen and (max-width:870px) {

    .NavBoxPublic,.NavBoxBg,.menu .NavBoxPublic ul.navPublic > li ul,.NavBoxPublic .TriangleBtn{-webkit-transition: all .5s ease-in-out 0s;

        -moz-transition: all .5s ease-in-out 0s;

        -ms-transition: all .5s ease-in-out 0s;

        transition: all .5s ease-in-out 0s;}

    .NavBoxPublic#NavBoxPublic{display: block;border-left: 3px solid #ddd;margin: 0; position: fixed;right: 0; z-index:999;top: 0; width: 70%;height: 100%; background: rgb(228, 196, 84);

      -webkit-transform:translateX(100%);

      -moz-transform:translateX(100%);

      -ms-transform:translateX(100%);

      transform:translateX(100%);

    }

    .NavBoxPublic#NavBoxPublic.active{

      -webkit-transform:translateX(0);

      -moz-transform:translateX(0);

      -ms-transform:translateX(0);

      transform:translateX(0);

    }

    .NavBoxBg{display: none;opacity:0; background: url(/static/image/productbg.png) repeat;width: 100%;padding-right: 70%; height: 100%;position: fixed;z-index:998;left: 0;top: 0;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

    .NavBoxBg.active{opacity: 1;}

    .NavBoxBg #NavBoxBtn{position: relative; margin:100px auto; width: 40px;height: 40px;border: 1px solid rgb(94, 62, 32);border-radius:50%;filter:Alpha(opacity=60);opacity:0.6;}

    .NavBoxBg #NavBoxBtn:before,.NavBoxBg #NavBoxBtn:after{content: '';position: absolute;left: 19px;top: 7px; display: block; width:1px;height: 27px;background: rgb(94, 62, 32);

        -webkit-transform:rotate(45deg);

        -moz-transform:rotate(45deg);

        -ms-transform:rotate(45deg);

        transform:rotate(45deg);

    }

    .NavBoxBg #NavBoxBtn:after{

        -webkit-transform:rotate(-45deg);

        -moz-transform:rotate(-45deg);

        -ms-transform:rotate(-45deg);

        transform:rotate(-45deg);

    }

    .NavBoxPublic ul.navPublic {overflow-y:auto; padding: 0;margin: 0;width: 100%;height: 100%;}

    .menu .NavBoxPublic ul.navPublic li{position: relative; line-height: 40px;border-bottom:1px solid #ddd; }

    .menu .NavBoxPublic ul.navPublic li a{font-size: 14px; display: block; line-height: 40px;padding:0 50px 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    .menu .NavBoxPublic ul.navPublic li .Triangle:after{display: none;}

    .menu .NavBoxPublic ul.navPublic > li ul{height:0;width: 100%;padding:0;overflow: hidden;

        -webkit-transition: all .5s ease-in-out 0s;

        -moz-transition: all .5s ease-in-out 0s;

        -ms-transition: all .5s ease-in-out 0s;

        transition: all .5s ease-in-out 0s;

    }

    .menu .NavBoxPublic ul.navPublic > li ul li{max-width: 100%; border: none;padding: 0 0 0 30px;}

    .menu .NavBoxPublic ul.navPublic > li ul li a{color: rgb(94, 62, 32);}

    .TriangleBtn{display: none;}

    .NavBoxPublic .TriangleBtn{display: block;position: absolute;right: 0;top: 0;width: 40px;height: 40px;z-index: 10;

        -webkit-transform:perspective(400px) rotateX(0deg);

        -moz-transform:perspective(400px) rotateX(0deg);

        -ms-transform:perspective(400px) rotateX(0deg);

        transform:perspective(400px) rotateX(0deg);

    }

    .NavBoxPublic .TriangleBtn:before{content: '';display: block; width:10px;height:10px;border-width:0 0 1px 1px;border-color:#ddd;border-style:solid;margin:12px 0 0 14px;

        -webkit-transform:rotate(-45deg);

        -moz-transform:rotate(-45deg);

        -ms-transform:rotate(-45deg);

        transform:rotate(-45deg);

        

    }

    .NavBoxPublic .TriangleBtn.active{

        -webkit-transform:perspective(400px) rotateX(180deg);

        -moz-transform:perspective(400px) rotateX(180deg);

        -ms-transform:perspective(400px) rotateX(180deg);

        transform:perspective(400px) rotateX(180deg);

    }

}

@media screen and (min-width:871px) {

    .NavBox{display: block!important;}

    .NavBoxPublic {display: none!important;}

    .menu .menu-box .nav > li ul{height: auto!important;}

}    

@media screen and (max-width:768px) {

  .pro_page a{ max-width: 265px; }

}

@media screen and (max-width:600px) {

  .pro_page a{ max-width: 200px; }

  .NavBoxPublic#NavBoxPublic{height:-webkit-calc( 100% - 56px );height:-moz-calc( 100% - 56px );height:calc( 100% - 56px );}

  .pro_page .pro_page_fl{ float: left; margin-right:0px; width: 100%;}

  .pro_page .pro_page_fr{ float: left; width:100%;padding: 0;}

}









.main-class-save{ width: 600px!important;}



@media screen and (max-width:600px) {

  .main-class-save{ width: 300px!important;}

}

.main-class{ margin: 0 0 15px; padding: 0; list-style: none;}

.main-class li{ line-height: 30px;  padding: 0 10px; font-size: 12px; color: #333; background-color: #f2f2f2; display: block; border-top: 1px solid rgb(94, 62, 32); text-align: left;}

.main-class li:first-child{ border-top: none;}

.main-class li:hover{ background-color: #E9E9E9;}

.main-class li input{ float: right;    margin-top: 9px;}

.main-class ul{display: table;  padding: 0 0 6px;}

.main-class ul li{ float: left; background-color:rgb(94, 62, 32); border: none; margin-right: 6px; margin-bottom:6px;height: 30px; max-width: 200px; overflow: hidden;}

.main-class ul li:hover{ background-color: rgb(94, 62, 32);}

.main-class ul li input{margin-left: 12px;}





@media screen and (max-width: 414px) {

  

}





.DoesNot{ margin: 0px;}

.nlist-box li:before{ position: absolute;}





.menu .navbar-brand { height: auto;}

.menu .navbar-brand img{}

.menu .navbar-brand-mobile{ display: none!important;}

@media screen and (max-width: 870px) {

  .menu .navbar-brand-mobile{ display: block!important; overflow: hidden;}

  .menu .navbar-brand-mobile img{ max-height: 45px!important; margin: 10px 0!important;}

  .menu .navbar-brand{ display: none!important;}

}





.bgmusic{

    width:32px;     

    height: 32px;     

    background: url(/static/image/play.png) no-repeat;

    z-index:999;

    position:fixed;

    top:24px;

    right:15px;

}

@media screen and (max-width: 870px){

    .bgmusic{

      position:fixed;

      bottom:72px;

      left:15px;

      top: inherit;

    }

}

.bgrotate{

  -webkit-animation:run 3s linear 0s infinite;

  -ms-animation:run 3s linear 0s infinite;

  -moz-animation:run 3s linear 0s infinite;

  -o-animation:run 3s linear 0s infinite;

  animation: run 3s linear 0s infinite;

}

@keyframes run{

  from{

    -webkit-transform:rotate(0deg);

    -moz-transform:rotate(0deg); 

    -ms-transform:rotate(0deg);

    -o-transform:rotate(0deg);

    transform:rotate(0deg);

  }

  to{

      -moz-transform:rotate(360deg);

      -webkit-transform:rotate(360deg);

      -ms-transform:rotate(360deg);

      -o-transform:rotate(360deg);

      transform:rotate(360deg);

  }

}



@media screen and (max-width: 480px) {

body .news-nr-box iframe{ height:270px; }

}



@media screen and (max-width: 375px) {

body .news-nr-box iframe{ height:220px; }

}



@media screen and (max-width: 320px) {

body .news-nr-box iframe{ height:200px; }

}





.footermap_hw{text-align: center; font-size: 12px; color: #000;background-color: #A2A2A2; display: inline-block;

width: 100%; height: 28px; line-height: 28px!important; }

.footermap_hw img{ margin-top: -4px;}







.form-edit { width: 100%;}

.form-edit form{ max-width: 600px !important; margin: 15px auto 30px;  position: relative;}

.form-edit label{ text-align: right; width:25%; box-sizing:border-box; overflow: hidden; display: inline-block;height: 36px; line-height: 36px; font-size: 14px; color: #666; font-weight: normal; float: left; padding-right:8px;}

.form-edit .form-control{ width: 75% !important; padding: 0px 10px; box-sizing:border-box; }

.form-edit select{height: 34px; margin-bottom: 0px;}

.form-edit textarea{ width: 75%!important; padding:10px;  box-sizing:border-box; min-height: 72px; line-height: 24px; margin-left:10px;}

.form-edit .form-group{ margin: 0px 0px 10px;}



.form-edit h1{ text-align: center; font-size: 18px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.form-edit .calendar{  height: 36px;line-height: 36px; background-color: rgb(228, 196, 84); border: none; border-radius: 4px; padding: 0 10px; cursor: pointer;}



.form-edit p{ margin-bottom: 10px; line-height: 24px; background-color: #f2f2f2; padding: 15px; border-radius: 4px; border: 1px solid rgb(228, 196, 84);}



.form-edit .radio-group input,.form-edit .checkbox-group input{ width: 18px; float: left;  margin-top: 12px;}

.form-edit .radio-group label,.form-edit .checkbox-group label{ max-width: auto  !important; width:auto !important; text-align: left;  margin-bottom: 0;}

.form-edit .form-horizontal .checkbox, .form-edit .form-horizontal .radio{ margin-left: 0px;  margin-top: 5px;}

.form-edit .checkbox_edit .checkbox-group,.form-edit .radio_edit .radio-group{ padding-left: 25%;}





.form-edit .required{ color: red;font-weight: bold;}



table[align="center"] { margin:0 auto;}

table[align="left"],table[align="right: "] { margin:auto 0;}



@media screen and (max-width:600px) {

.form-edit form{margin: 15px;}

.form-edit label{ height: 32px; line-height: 32px; text-align: left; width: 100%!important; display: block;}

.form-edit .form-control{ margin: 0; width: 100%!important;}

.form-edit .radio-group input,.form-edit .checkbox-group input{ margin-top: 10px;}

.form-edit .checkbox_edit .checkbox-group,.form-edit .radio_edit .radio-group{ padding-left: 0;}



}





.pagination>li{float: left; margin-bottom: 5px;}

#pp{

  width: 60px;

    border: #ddd 1px solid;

    text-align: center;

    padding: 6px 5px 7px;

    margin-left: -1px;

    border-radius: 0px;

    color: #333;

    float: left;

    box-sizing:border-box;

    height: 31px;

}

#pb{

  display: inline-block;

    padding: 4px 12px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 0px;

    margin-left: 5px;

    color: rgb(94, 62, 32);

    background-color: #428bca;

    vertical-align: top;

}

@media screen and (max-width:870px) {

  .page .col-lg-3,.page .col-lg-9{ width: 100%;padding: 0;margin: 0;}

}

@media screen and (max-width:600px) {

  .pagination>li:last-child{ }

  #pb{ float: 100%;}

}





div#mbCenter{ min-width: 240px;min-height: 200px;}

#mbTitle{ position:absolute; bottom: 10px;}

#mbTitle{ display: block!important; height: 24px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; width: 90%;}

#mbCenter{ min-height: 240px;}