@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff; min-width: 1200px; word-wrap:break-word;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#e67016;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td,table tr,table th{max-width: 100%; border: solid 1px #eee;}


.fl{ float:left; }
.fr{ float:right; }
.c1200{ width:1200px; margin: auto; position: relative; z-index: 1; }

/*nav*/
.header{width: 93.2%;  position: fixed; height: 120px;  background: linear-gradient(180deg,#23201e 0,rgba(35,32,30,0)); padding:0 3.4%;  top: 0; left: 0; z-index:99999;  transition: all 0.8s ease; }
.header:hover{ background-color: #1b1b1b;}
.headerLogo a{display: block; margin: auto; padding: 0; background: url(../images/headerLogo.png) left center no-repeat; width: 266px;height: 50px; transition: all 0.8s ease; }
.headerNav {  margin: 0 ; width: 100%; }
.headerNav .nav{  margin: 0 10px; width: 100%; text-align: center; display: table; word-spacing: 0;  }
.headerNav .nav .m{ display: inline-block; vertical-align: top; text-align: left; margin:0 0;  }
.headerNav .nav .m h3 { font-weight: normal; margin: 15px 0; height: 40px;}
.headerNav .nav .m h3 a{display:block; text-transform: capitalize; font-size:12px; padding: 0 20px; line-height: 40px; color:#e5e5e5; font-family:Louis Vuitton Web; text-transform: uppercase;}
.headerNav .nav .m#seced h3 a,.nav .m:hover h3 a{ color: #e67016; background: url(../images/navIcon1.png) center bottom no-repeat;}
.headerNav .nav .m{z-index:99999;}
.headerNav .nav .sub{display:none;position:absolute;  left: 1%; width: 98%;   z-index:99999;background-color:rgba(255,255,255,0.9);-webkit-transform-origin: top center;-webkit-animation-duration:0.3s; animation-duration:0.3s;-moz-transform-origin: top center;-ms-transform-origin:top center;-o-transform-origin: top center;transform-origin: top center;text-transform: uppercase; border-top: solid 1px #eee; border-bottom: solid 1px #eee;}
.headerNav .nav .sub .c1200{ padding: 40px 0;}


.headerNavBox{ height: auto; width:690px ; position: relative; }
.headerNavBox .hd{  width: 190px; margin-right: 60px; }
.headerNavBox .hd p{ font-size: 12px; color: #333;  font-family:Louis Vuitton Web; margin-bottom: 10px; font-weight: bold;}
.headerNavBox .hd ul{  width: 100%;  display: table; text-align: left; word-spacing: normal; }
.headerNavBox .hd ul li { display: inline-block; width: 100%; margin: 5px 0; font-size: 12px; color: #666; line-height: 18px; font-family:Louis Vuitton Web;}
.headerNavBox .hd ul li a{ color: #666;}
.headerNavBox .hd ul li a:hover{ color: #e67016;}
.headerNavBox .bd { width: 438px; position: relative; padding-bottom: 20px; border-left: solid 1px #ddd;  z-index: 1;}
.headerNavBox .bd .img{ width: 320px; position: relative; height: 180px; padding:10px 59px 24px 59px;}
.headerNavBox .bd .img img{ width: 320px; height: 180px;}
.headerNavBox .item{ width: 440px; position: absolute; right: 0; bottom: 15px;  text-align: center;display: table; word-spacing: 0; z-index: 2;}
.headerNavBox .item p{ cursor: pointer; display: inline-block; vertical-align: top; margin: 2px 5px; width: 8px; height: 8px; border-radius: 50%;  background-color: #ccc; }

.headerNewsBox{ width:450px; padding: 0 0 25px 59px; border-left: solid 1px #ddd;  overflow:hidden; position:relative; }
.headerNewsBox .top{font-size: 12px; color: #333;  font-family:Louis Vuitton Web; margin-bottom:3px; font-weight: bold;}
.headerNewsBox ul{  width: 100%; text-align: left; display: table; word-spacing: 0; }
.headerNewsBox ul li{ display: inline-block; vertical-align: top; width: 100%; margin-top: 15px;}
.headerNewsBox ul li .img{ width: 80px; height: 80px; overflow: hidden;}
.headerNewsBox ul li .img img{width: 80px; height: 80px;}
.headerNewsBox ul li .info{ width: 350px; padding: 5px 0; font-size: 12px; color: #999; line-height: 18px;}
.headerNewsBox ul li .info p{ font-size: 12px; color: #333; margin-bottom: 7px;}
.headerNewsBox ul li:hover .info{ color: #333;}
.headerNewsBox ul li:hover .info p{ color: #e67016;}


.headerProBox{width: 100%; height: auto; position: relative; }
.headerProBox .hd{  width: 820px; margin: 0 ;  border-right: solid 1px #ddd;}
.headerProBox .hd ul{  width: 100%;  display: table; text-align: left; word-spacing: normal; }
.headerProBox .hd ul li{ width: 150px; margin:0 55px 20px 0; display: inline-block; vertical-align: top; font-family:Louis Vuitton Web;}
.headerProBox .hd ul li h5 a{ display: inline-block; margin-bottom: 10px; font-size: 12px; color: #333; line-height: 20px; }
.headerProBox .hd ul li p a{ display: inline-block; margin:5px 0; line-height: 18px; font-size: 12px; color: #666;}
.headerProBox .hd ul li a:hover,.headerProBox .hd ul li .on a{ color: #e67016;}
.headerProBox .bd { width: 379px;  padding-bottom: 30px; position: relative;}
.headerProBox .bd .img{ width: 320px; position: relative; /* padding-top: 35px; */ height: 200px;  padding-left: 59px; }
/* .headerProBox .bd .img::after{ content: ''; width: 50px; height: 3px; position: absolute; left: 0; top: 8px; background-color: #e67016;} */
.headerProBox .bd .img img{ width: 320px; height: 180px; }
.headerProBox .item{ width: 320px; position: absolute; right: 0; bottom: 15px;  text-align: center;display: table; word-spacing: 0; z-index: 2;}
.headerProBox .item p{ cursor: pointer; display: inline-block; vertical-align: top; margin: 2px 5px; width: 8px; height: 8px; border-radius: 50%; background-color: #ccc;}



.headerInfo { position: absolute; top: 25px; left: 20px; height: 20px; margin:  0; font-family:Louis Vuitton Web;}
.headerInfo span{display: inline-block; margin-right: 20px; vertical-align: top; line-height: 20px; color: #e5e5e5; font-size: 12px; opacity:0.8; filter:alpha(opacity=80);}
.headerInfo span i{ font-style: normal;}
.headerInfo .tel{ padding-left: 15px; background: url(../images/icon_tel2.png) center left no-repeat; }
.headerInfo .add{ padding-left: 15px; background: url(../images/icon_add.png) center left no-repeat;}
.headerInfo span:hover{  opacity:1; filter:alpha(opacity=100);}


.headerSearch{ display: inline-block; width: 30px; height: 30px; position: absolute; right: 20px; top: 20px;}
.headerSearch a{ display: inline-block; width: 26px; height: 26px; border: solid 2px #fff; border-radius: 50%; overflow: hidden; background: url(../images/icon_search2.png) center center no-repeat; opacity:0.6; filter:alpha(opacity=60);}
.headerSearch a:hover{  opacity:1; filter:alpha(opacity=100);}


#searchBox{ width: 100%; padding: 0 0; display: none; position: fixed; left: 0; background-color: rgba(0, 0, 0, 0.8); height: 100%;}
#searchBox form{ width: 100%; background-color: #fff; height: 50px; padding: 20px 0; margin: auto; border-top: solid 1px #eee; }
#searchBox .c1200{text-align: center; display: table; word-spacing: 0; }
#searchBox input{ display: inline-block; vertical-align: top; width: 60%; margin-right: 15px; text-align: left; border: 0;  height: 50px; padding: 0 20px;  background-color: #f5f5f5; font-size: 16px;; }
#searchBox button{ display: inline-block;  vertical-align: top; border: 0; border-radius: 50%; overflow: hidden; margin:10px  ;  height:30px; width: 30px; background: #e67016 url(../images/icon_search2.png) center center no-repeat; cursor: pointer;  }
#searchBox #searchClose{ display: inline-block;  vertical-align: top; margin:10px  ;  height:30px; width: 30px; border-radius: 50%; background: #e67016 url(../images/icon_close.png) center center no-repeat; cursor: pointer;}
#searchBox button:hover,#searchBox #searchClose:hover{ background-color: #333}

.QuickSearch{ width: 100%; text-align: left; margin-top: 10px;}
.QuickSearch dl{ float: left; text-align: left; width: 100%; padding: 30px 0; border-bottom: solid 2px #666;}
.QuickSearch dl dt{ font-size: 18px; color: #e67016; margin-bottom: 20px; font-weight: bold;}
.QuickSearch dl dd{ width: 100%;}
.QuickSearch dl dd p{margin: 5px 0;}
.QuickSearch dl dd a{ font-size: 16px; color: #fff;}
.QuickSearch dl dd a:hover{ color: #e67016; text-decoration: underline;}


.is-fixed.mod-header {position:fixed;top:0; left: 0; height: 70px; background-color: #1b1b1b;}
.is-fixed.mod-header .headerLogo a{ height: 0; }
.is-fixed.mod-header .headerInfo span.p { display: none;}

@media (max-width:1300px) {
.header { padding: 0; width: 100%;}
.headerC{ width: 1200px; margin: auto ;}
.headerInfo span.p { display: none;}


}

@media (max-width:1200px) {
.headerNav .nav .sub{ width: 1200px; left: 0;}
}

.Vidage{ width: 100%; height: 100vh; overflow: hidden; position: relative; text-align: center; background-color: #000;}
.Vidage video.Vidage__video{ width: 100%;   display: inline-block;}



/* indexTitle */
.indexTitle{ position: relative; width: 100%;}
.indexTitle h2{ font-size: 34px; color: #e67016;}
.indexTitle p{ font-family:AiDeep; font-size: 20px; margin: 5px 0 15px 0; color: #ccc; text-transform: uppercase; letter-spacing: -2px;}
.indexTitle a{ font-size: 16px; color: #e67016; }

/* indexProduct */
.indexProduct{ width:100%;  padding: 60px  0; }
.indexProduct .slideBox{ overflow:hidden; width: 1150px;  padding: 0 25px; zoom:1;position:relative;   }
.indexProduct .sPrev,.indexProduct .sNext{ position:absolute;  top:50%; margin-top: -15px; display:block; width:20px; height:30px; background:url(../images/icon_pro.png) no-repeat ; z-index: 2; }
.indexProduct .sPrev{ left:0; background-position: 0 0;}
.indexProduct .sNext{ right:0; background-position: -20px 0; }
.indexProduct .sPrev:hover{ background-position: 0 -30px;}
.indexProduct .sNext:hover{ right:0; background-position: -20px -30px; }
.indexProduct .tempWrap{ width: 1150px !important;}
.indexProduct .slideBox ul{ overflow:hidden; zoom:1; width: 100%; position: relative; z-index: 1;  display: table; text-align: left; word-spacing: 0;  }
.indexProduct .slideBox ul li{ width: 1160px; margin: 0 -5px; display: table; text-align: left; word-spacing: 0;}
.indexProduct .slideBox ul dl{ margin: 10px 15px;display: inline-block; text-align: center; vertical-align: top;  padding-bottom: 15px;  width: 256px; border: solid 2px rgba(255, 255, 255, 0); transition: all 0.8s ease;}
.indexProduct .slideBox ul dl .img{ width: 256px; height: 206px; overflow: hidden; /* border: solid 1px #eee; box-sizing: border-box; */}
.indexProduct .slideBox ul dl .img img{ width: 256px; height: 206px; transition: all 0.8s ease;}
.indexProduct .slideBox ul dl .name { display: inline-block; font-size: 14px; line-height: 20px; margin-top: 10px; padding: 0 20px;}
.indexProduct .slideBox ul dl:hover img{ transform:scale(1.05);}
.indexProduct .slideBox ul dl:hover .name{ color: #e67016;}
.indexProduct .slideBox ul dl:hover { border-color: #ddd; }



/* indexAbout */
.indexAbout{ width: 100%; padding:  0; margin: auto;}
.indexAbout .img{ width: 100%; margin-top: 40px;}
.indexAbout .img img{ width: 100%;}
.indexAbout .cont{ width: 100%; margin-top: 30px; font-size: 14px; color: #333; line-height: 30px;}
.indexAbout .cont img{ max-width: 100%; display: none;}
.indexAbout .cont p{ text-indent: 2em;}
.indexAbout .more{ text-align: right; margin-top: 10px;}
.indexAbout .more a{ font-size: 16px; color: #e67016; }


/* indexNews */
.indexNews{ width: 100%; padding: 120px 0 100px 0; margin: auto;}
.indexNews .indexTitle a{ position: absolute; right: 0; bottom:3px;}
.indexNews .list{ width: 100%; margin-top: 50px;}
.indexNews .left{ width: 480px;}
.indexNews .left .img{ width: 480px; height: 270px; overflow: hidden;}
.indexNews .left .img img{width: 480px; height: 270px; transition: all 0.8s ease;}
.indexNews .left .cont{ padding: 35px; width: 410px; height: 200px; background-color: #dde6ed; position: relative;}
.indexNews .left .cont p{ font-size: 16px; color: #333;}
.indexNews .left .cont p a{ color: #333;  transition: all 0.8s ease;}
.indexNews .left .cont h2 a{ display: inline-block; font-size: 24px; line-height: 36px; color: #333; margin: 15px 0;  transition: all 0.8s ease;}
.indexNews .left .cont span{ display: inline-block; font-size: 16px; color: #333; line-height: 30px;}
.indexNews .left .cont .more{ display: inline-block; font-size: 16px; color: #e67016;   position: absolute; left: 35px; bottom: 50px; transition: all 0.8s ease;}
.indexNews .left .img:hover img{ transform:scale(1.05);}
.indexNews .left .cont a:hover{ color: #e67016;}
.indexNews .left .cont .more:hover{ }
.indexNews .right{ width: 540px;}
.indexNews .right li{ float: left; width: 100%; font-size: 16px; color: #333; line-height: 22px; margin-top: 50px;}
.indexNews .right li:first-child{ margin-top: 0;}
.indexNews .right li p{ margin: 6px 0;}
.indexNews .right li a{ color: #333; transition: all 0.8s ease;}
.indexNews .right li a:hover{ color: #e67016;}



/* indexContact */
.indexContact{ width: 1200px; margin: auto; padding: 50px 0 60px 0; border-top: solid 2px #333;}
.indexContact .left{ width: 720px;}
.indexContact .left h5{ font-size: 24px; color: #333; font-weight: normal;}
.indexContact .left dl{ width: 100%; margin-top: 25px; }
.indexContact .left dl p{ font-size: 14px; color: #333; line-height: 30px;}
.indexContact .left dl b{ color: #e67016; font-size: 18px;}
.indexContact .left dl dt{ float: left; margin-right: 60px;}
.indexContact .left dl dt img{ width: 110px; height: 110px; margin-top: 20px;}
.indexContact .left dl dd{ float: left;}
.indexContact .left dl dd a{ display: block; margin-top: 20px; width: 100px; padding: 0 50px; line-height: 50px; text-align: right; background:rgba(212,103,20,0.9) url(../images/icon_kefu.png) left 50px center no-repeat; font-size: 16px; color: #fff;}
.indexContact .left dl dd a:hover{ background-color: #e67016;}
.indexContact .right{ width: 420px;}
.indexContact .right .row{ float: left; width: 100%; margin-bottom: 10px;}
.indexContact .right .row label{ float: left; width: 420px; height: 40px; line-height: 20px;  border-bottom: solid 1px #ccc; position: relative;}
.indexContact .right .row label span{ position: absolute; top: 10px; left: 10px; z-index: 2; line-height: 20px; font-size: 14px; color: #333;}
.indexContact .right .row .txt{ width: 330px; height: 20px; font-size: 14px; color: #666; padding: 10px 10px 10px 80px; line-height: 20px; position: relative; z-index: 1; border: 0; background-color: rgba(255,255,255,0);} 
.indexContact .right .row1{float: left; width: 100%; margin-bottom: 20px;}
.indexContact .right .row1 label{ float: left; width: 420px; height: 80px; line-height: 20px;  border-bottom: solid 1px #ccc; position: relative;}
.indexContact .right .row1 label span{ position: absolute; top: 10px; left: 10px; z-index: 2; line-height: 20px; font-size: 14px; color: #333;}
.indexContact .right .row1 textarea.txt{ width: 330px; height:60px; font-size: 14px; color: #666; padding: 10px 10px 10px 80px; line-height: 20px; position: relative; z-index: 1; border: 0; background-color: rgba(255,255,255,0);} 
.indexContact .right .btn{ float: left; width: 420px; display: block; padding: 0 25px;  line-height: 50px; text-align: left; font-size: 14px; color: #fff; background: rgba(212,103,20,0.9) url(../images/btnIcon.png) center right 20px no-repeat; border: 0;  cursor: pointer;}
.indexContact .right .btn:hover{ background-color: rgba(212,103,20,1) ;}


/* footer */
footer{ width: 100%; background-color: #1b1b1b; margin: auto;}
.footer{ width: 100%; padding: 35px 0;}
.footer .left{ width: 640px;}
.footer .left dl{ float: left; width: 100px; margin-right: 60px;}
.footer .left dl dt{ width: 100%; margin-bottom: 20px;}
.footer .left dl dt a{ font-size: 13px; color: #888;}
.footer .left dl dd{ width: 100%; margin: 8px 0;}
.footer .left dl dd a{ font-size: 12px; color: #e5e5e5; line-height: 20px; }
.footer .left dl dd a:hover{ color: #e67016;}

.footer .mid{ width: 200px;}
.footer .mid dl{ float: left; width: 100px; margin-right: 40px;}
.footer .mid dl dt{ width: 100%; margin-bottom: 20px;}
.footer .mid dl dt a{ font-size: 13px; color: #888;}
.footer .mid dl dd{ width: 100%; margin: 8px 0; position: relative;}
.footer .mid dl dd a{ font-size: 12px; color: #e5e5e5; padding-left: 20px; line-height: 20px; position: relative; }
.footer .mid dl dd a::after{ content: ''; width: 14px; height: 14px; background: url(../images/icon_footer.png) no-repeat; position: absolute; left: 0; top: 50%; margin-top: -7px;}
.footer .mid dl dd a.weixin::after{ background-position: 0 0;}
.footer .mid dl dd a.weibo::after{ background-position: 0 -14px;}
.footer .mid dl dd a.taobao::after{ background-position: 0 -28px;}
.footer .mid dl dd a.qq::after{ background-position: 0 -42px;}
.footer .mid dl dd a.tel::after{ background-position: 0 -56px;}
.footer .mid dl dd a.weixin:hover::after{ background-position:-14px 0;}
.footer .mid dl dd a.weibo:hover::after{ background-position: -14px -14px;}
.footer .mid dl dd a.taobao:hover::after{ background-position: -14px -28px;}
.footer .mid dl dd a.qq:hover::after{ background-position: -14px -42px;}
.footer .mid dl dd a.tel:hover::after{ background-position: -14px -56px;}
.footer .mid dl dd a:hover{ color: #e67016;}
.footer .mid dl dd.wx img{ display: none; top: 0; left: -140px; padding-right: 10px; position: absolute; width: 130px; height: 130px; position: absolute; z-index: 9;}
.footer .mid dl dd.wx:hover img{ display: block;}

.footer .right{ width: 300px; }
.footer .right dl{ width: 100%; margin-bottom: 35px;}
.footer .right dl dt{ font-size: 13px; color: #888; margin-bottom: 20px;}
.footer .right dl dd{ font-size: 12px; color: #e5e5e5; line-height: 20px; }
.footer .right dl dd a{ color: #e5e5e5;}
.footer .right dl dd a:hover{ color:#e67016 ;}
.footer .right dl form{ width: 210px; height: 28px; position: relative; margin-top: 15px;   }
.footer .right dl input.mailbox{ width: 160px; height: 28px; border: 0; padding: 0 40px 0 10px; line-height: 28px; background-color: #000; font-size: 12px; color: #e5e5e5; position: relative;z-index: 1;}
.footer .right dl input::-webkit-input-placeholder{ color: #e5e5e5; font-size: 12px;}
.footer .right dl input.btn{ width: 26px; height: 26px; text-align: center; background-color: #000; line-height: 26px; border: 0; position: absolute; right: 0; top: 0; z-index: 2; color: #e5e5e5; border: solid 1px #000; cursor: pointer;font-family:Louis Vuitton Web; }
.footer .right dl input.btn:hover{ background-color: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.4)}
.footer .right dl #province,.footer .right dl #city{ float: left; width: 140px; height: 28px; border: 0; line-height: 28px; background-color: #000; font-size: 12px; color: #e5e5e5;}
.footer .right dl #province{ margin-right: 20px;}

.links{ width: 100%; line-height: 20px; padding-bottom: 15px;}
.links span{ font-size: 13px; color: #888;}
.links a{ font-size: 12px; color: #e5e5e5; margin-right: 10px;}
.links a:hover{ color: #e67016;}


.copy{ width: 100%; padding: 15px 0; line-height: 24px; border-top: solid 1px #333;}
.copy .left{ font-size: 12px; color: #666;}
.copy .left a{ display: inline-block; color: #666; margin: 0 5px;}
.copy .left a.icon_gaba{ padding-left: 15px; background: url(../images/icon_gaba.png) center left no-repeat;}
.copy .left a:hover{ color: #e67016;}
.copy .right{ font-size: 12px; color: #666;}
.copy .right a{ color: #666; display: inline-block; margin: 0 5px;}
.copy .right a:hover{ color: #e67016;}
/* .copy .right{ height: 22px; margin: 2px 0;}
.copy .right a{ float: left; display: block; width: 22px; height: 22px; margin-left: 25px;}
.copy .right a.qq{ background: url(../images/icon_qq.png) center center no-repeat;}
.copy .right a.wx{ background: url(../images/icon_wx.png) center center no-repeat;}
.copy .right a.wb{ background: url(../images/icon_wb.png) center center no-repeat;}
.copy .right a.qq:hover{ background: url(../images/icon_qq1.png) center center no-repeat;}
.copy .right a.wx:hover{ background: url(../images/icon_wx1.png) center center no-repeat;}
.copy .right a.wb:hover{ background: url(../images/icon_wb1.png) center center no-repeat;} */



/* tanchu */
.theme-mask{z-index:99999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none; }
.popover_weixin{ width:360px; height:400px; z-index:100000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.popover_weixin dl{ margin-top:50px; font-size:14px; line-height:36px;}
.popover_weixin dl a{ width:110px; height:36px; background:#e67016; color:#fff; display:inline-block; border-radius:5px; font-size:14px; margin-top:20px;}

.theme-bg{z-index:99999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); }

/* customer */
.customer {top:50%; position:fixed; right:2px; z-index:99; margin-top:-144px; font-size:12px;}
.customer a {display:block; width:50px; height:50px; padding:10px; background:#e67016;  position: relative; text-align: center; margin:1px 0; font-size:12px;}
.customer a:hover{ background:#333; color:#fff; }
.customer i{ display: block; height:50px; width:50px; background:url(../images/fudong.png); margin:0 ; }
.customer .customer1{ background-position:0 0px;}
.customer .customer2{ background-position:0 -50px;}
.customer .customer3{ background-position:0 -100px;}
.customer .customer4{ background-position:0 -150px;}
.customer li:hover a{ background:#333; color:#fff;}

.customer .qicq{}
.customer .qicq .qicqCon{ position:relative;}
.customer .qicq .qicqSub{ display:none; width:108px; right:70px; top:0;  position:absolute; background:#333; padding:12px 12px 10px; z-index:9999;}
.customer .qicq .qicqSub p{ width:100%; text-align:center; display:inline-block; margin:3px 0;}
.customer .qicq .qicqSub p a img{ margin:8px 4px 8px 8px; float:left;}
.customer .qicq .qicqSub p a{display:block; width:108px; height:32px; padding:0; background:rgba(255, 255, 255, 0.1); border:1px solid #eee; position: relative; text-align: left; line-height:32px; border-radius:32px; margin:0; color:#fff;}
.customer .qicq .qicqSub p a:hover{ background:#fff; color:#333; border:1px solid #fff;}

.customer .erweima{}
.customer .erweima .erweimaCon{ position:relative;}
.customer .erweima .erweimaSub{ display:none; width:120px; right:70px; top:0;  position:absolute; background:#333; padding:12px 12px 10px; z-index:9999;}
.customer .erweima .erweimaSub img{ width:110px; height:110px; border: solid 5px #fff;}
.customer .erweima .erweimaSub p{ width:100%; line-height:20px; text-align:center; color: #fff; display:inline-block; margin-top:5px;}

.customer .fdTel{}
.customer .fdTel .fdTelCon{ position:relative;}
.customer .fdTel .fdTelSub{ display:none; width:140px; min-height: 46px; text-align: center; color: #fff;  line-height: 20px; right:70px; top:0; font-size: 14px; position:absolute; background:#333; padding: 12px ; z-index:9999;}
.customer .fdTel .fdTelSub  span{  font-weight: bold; font-size: 18px;}


/* pageBanner */
.pageBanner{ width: 100%; position: relative; height: 280px; margin: auto;}
.pageBanner .c1200{ height: 280px;}
.pageBanner .name{ color: #ffff; position: absolute; bottom:30px; left: 0; /* font-family:Louis Vuitton Web; */}
.pageBanner .name h2{ font-size: 46px; font-weight: normal;}
.pageBanner .name p{ font-size: 30px; text-transform: capitalize;}
.pageBanner .crumbs{ position: absolute; right: 0; bottom: 30px; font-size: 14px; color: #fff; line-height: 20px;}
.pageBanner .crumbs a{ color: #fff;}
.pageBanner .crumbs a:hover{ color: #e67016; text-decoration: underline;}
.pageBanner .crumbs span{ margin: 0 5px; }

/* fenye */
.pages{ margin:40px 0 0;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#e67016;  border:1px solid #e67016; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#e67016; color:#fff; text-align:center; padding:0 14px; margin:0 2px;}


/* pageMain */
.pageMain{ width: 100%; padding: 50px 0 60px 0; margin: auto;}
/* pageNav */
.proNav{  width: 200px; padding:0;  }
.proNav dl{ width: 100%; margin-bottom: 2px;}
.proNav dt a{ display: inline-block; line-height:20px; padding:15px 5px; border-bottom: solid 1px #eee; width: 190px; font-size: 16px; color: #333;}
.proNav dt.on a,.proNav dt:hover a{ color: #e67016;}
.proNav dd{ padding:10px 0; display:none; }
.proNav dd a{  display: block; width: 190px; padding:7px 5px ; font-size: 14px; color: #333; line-height: 16px; }
.proNav dd a:hover,.proNav dd a.on{ color: #e67016; font-weight: bold; }

/* pageNav */
.pageNav{  width: 200px; padding:0;  }
.pageNav ul{ width: 100%; margin-bottom: 2px;}
.pageNav ul li a{ display: inline-block; line-height:20px; padding:15px 5px; border-bottom: solid 1px #eee; width: 190px; font-size: 16px; color: #333;}
.pageNav ul li.current a,.pageNav ul li.on a,.pageNav ul li:hover a{ color: #e67016;}

.pageNav dl{ width: 100%; margin-top: 30px;}
.pageNav dl dt{ width: 100%; border-bottom: solid 1px #eee; font-size: 16px; color: #e67016; line-height: 30px; padding: 0 0; position: relative;}
.pageNav dl dt::after{ content: ''; position: absolute; bottom: -1px; z-index: 1; left: 0; width: 70px; height: 2px; background-color: #e67016;}
.pageNav dl dd{ width: 100%; padding: 10px 0; border-bottom: solid 1px #eee; font-size: 14px; color: #333; line-height: 18px;}
.pageNav dl dd a{ color: #333;}
.pageNav dl dd p{ margin: 5px 0;}
.pageNav dl dd p:nth-child(1){ color: #666;}
.pageNav dl dd p:nth-child(1) a{ color: #666;}
.pageNav dl dd a:hover{ color: #e67016;}
.pageNav dl dd p:nth-child(1) a:hover{ color: #e67016;}



.pageProduct{ width: 940px;}
.pageProduct ul{ width: 952px; margin: 0 -6px; text-align: left; display: table; word-spacing: 0;}
.pageProduct ul li{ width: 222px; margin: 6px; display: inline-block; border: solid 2px rgba(255, 255, 255, 0); text-align: center; vertical-align: top;  transition: all 0.8s ease;}
.pageProduct ul li .img{ width: 222px; height: 186px; overflow: hidden; }
.pageProduct ul li .img img{ width: 216px; height: 182px; transition: all 0.8s ease;}
.pageProduct ul li .name { font-size: 14px; color: #333; line-height: 20px; margin-top: 10px; padding: 0 10px 10px 10px;}
.pageProduct ul li:hover img{ transform:scale(1.05);}
.pageProduct ul li:hover .name{ color: #e67016;}
.pageProduct ul li:hover{ border-color: #ddd;}


/* pageProductD */
.pageProductD{ width: 100%; padding: 180px 0 80px 0; margin: auto;}
.pageProductD .crumbs{ width: 100%; margin: 0 0 20px 0; font-size: 12px; color: #ccc; line-height: 20px;}
.pageProductD .crumbs a{ color: #ccc;}
.pageProductD .crumbs a:hover{ color: #e67016; text-decoration: underline;}
.pageProductD .crumbs span{ margin: 0 5px; }
.pageProductD .ProductD{ width: 940px;}

/*产品放大*/
.product_box{ width: 100%; margin-top: 30px;}
.productImg{padding:0;position:relative; width: 450px;  }
.productImg .bigImg{ height: 450px;}
.productImg .bigImg li{ width: 450px;height: 450px;overflow: hidden; }
.productImg .bigImg li img{  width: 450px;height: 450px; border: solid 1px #eee; box-sizing: border-box; }
.productImg .smallScroll{width:100%; margin-top:10px;position: relative; overflow: hidden;}
.productImg .smallScroll .smallImg{ width: 100%; overflow: hidden;}
.productImg .smallScroll .smallImg ul li{float:left; width: 82px;height: 82px;overflow:hidden;margin-right:10px;background-color: #e67016;}
.productImg .smallScroll .smallImg ul li img,.productImg .smallScroll .smallImg ul li video{ width: 82px;height: 82px; cursor:pointer;   }
.productImg .smallScroll .smallImg ul li.on img,.productImg .smallScroll .smallImg ul li.on video{opacity: 0.5;}
.productImg .smallScroll .sPrev{width: 20px;height: 82px;background: rgba(0,0,0,0.2) url("../images/icon-arrow.png") center center no-repeat;position: absolute;left: 0;top: 0;z-index:9;transform: rotate(180deg);}
.productImg .smallScroll .sNext{width: 20px;height: 82px;background: rgba(0,0,0,0.2) url("../images/icon-arrow.png") center center no-repeat;position: absolute;right: 0;top: 0;z-index:9;}
.productImg .smallScroll .sNext,.productImg .smallScroll .sPrev{ display: none;}
.productImg .smallScroll .sNext:hover,.productImg .smallScroll .sPrev:hover{ background-color: rgba(212,103,20,0.8);}
.productImg .smallScroll:hover .sNext,.productImg .smallScroll:hover .sPrev{ display: block;}
.productImg .enlarge{ width: 100%; text-align: center; margin-top: 10px;}
.productImg .enlarge a{ font-size: 14px; color: #e67016;}
.productImg .enlarge a:hover{ color: #e67016;} 



.pro_r{width:450px; position: relative;}
.pro_r .name{ font-size: 30px; color: #333; width: 100%; border-bottom: solid 1px #ddd; line-height: 30px; padding:5px 0 15px;}
.pro_r .info{ width: 100%; font-size: 14px; margin-top: 15px; color: #666; line-height: 26px;}
.pro_r .info p{margin: 5px 0;}
.pro_r .info span{ color: #333; font-weight: bold;}
.pro_r .info img{ max-width: 100%; display: none;}

.ProductD .details{ width: 100%; margin-top: 40px;}
.ProductD .details .name{ padding: 0; width: 100%; line-height: 48px; border-bottom: solid 1px #eee; font-weight: bold;}
.ProductD .details .name h2{ position: relative; width: 80px;  color: #e67016; font-size: 20px;}
.ProductD .details .name h2::after{ content: ''; height: 3px; position: absolute; left: 0; bottom: -1px; background-color: #e67016; width: 100%;}
.ProductD .details .con{ width: 100%; font-size: 14px; color: #333; line-height: 30px; padding: 20px 0;}
.ProductD .details .con img{ max-width: 100%;}


/* pageContact */
.pageContact{ width: 940px; }
.pageContact .top{ font-size: 30px; font-weight: bold; margin-bottom: 40px; color: #333;}
.pageContact .contact .item{ width: 100%;}
.pageContact .contact .con{ width: 360px; color: #333;}
.pageContact .contact .name{ font-size: 28px;}
.pageContact .contact .list{ font-size: 14px; margin-top: 20px; line-height: 30px;}
.pageContact .contact .img{ width: 130px; height: 130px; margin-top: 60px; text-align: center;}
.pageContact .contact .img img{ width: 100%;}
.pageContact .contact .img p{ font-size: 14px; color: #333; line-height: 20px; margin-top: 5px;}
.pageContact .form{ width: 100%; margin-top: 40px;}
.pageContact .form form{ width: 100%; margin: 0 auto 0;}
.pageContact .form .row{ float: left; width: 100%; margin-bottom: 12px;}
.pageContact .form .row p{  float:left; display:block; margin-left: 12px; }
.pageContact .form .row p:first-child{ margin-left: 0;}
.pageContact .form label{ position:relative; display:block; }
.pageContact .form label span{ position:absolute; left:13px; top:0; line-height: 40px; font-size:14px; columns: #333;}
.pageContact .form .txt{ border:0; padding:11px 13px; height: 18px; overflow: hidden; font-size: 14px; line-height: 18px; background:#f7f7f7; color: #333;}
.pageContact .form .txt:focus{ padding:11px 13px; background:rgba(230, 112, 22, 0.1);}
.pageContact .form .txt.w1{ width:200px;  }
.pageContact .form .txt.w2{ width:914px; height: 160px; }
.pageContact .form .btn{ width: 226px; height: 38px; font-size: 14px; line-height: 38px; color: #fff; border: 0; overflow: hidden; background-color: #333; cursor: pointer;}
.pageContact .form .btn:hover{ background-color: #e67016;}

.pageContact .map{ width: 100%; }
label.BMapLabel{ display: none !important; padding: 5px 20px !important; color: #333; font-size: 16px !important; border: solid 2px #e67016 !important;}
/*地图标题*/
.BMap_bubble_title {color:#333;font-size:20px; text-align:left;  line-height: 50px; padding-top: 10px;}
/* 消息内容 */
.BMap_bubble_content { font-size: 14px; line-height: 26px;  color: #666; padding-top: 10px;}

.pageContact .outlets{ width: 100%; }
.province{ font-size: 14px; line-height: 20px;}
.province span{ margin-right: 20px;}
#container{margin:0 auto ;width:100%;}
#mylist table,#mylist td,#mylist tr{line-height:20px; border: 0 ; color: #fff;}
#mylist td.one{width:50px;}
#mapzo{ width: 100%; position: relative; }
#myzone{width:280px;position: absolute;right:0;top:0;display:none; background-color: rgba(212,103,20,0.8);}
#mytop{height: 22px;  background-repeat: repeat; background-attachment: scroll; background-position: 0% 50%;}
#btn_close{cursor:pointer;float: right;margin: 11px 15px 0 0; font-size: 16px; color: #fff;}
#mytitle{margin-bottom:10px;line-height:20px;font-size:14px;font-family:Microsoft YaHei; color: #fff;}
#mymid{ background-repeat: repeat; background-attachment: scroll; padding-left: 20px; padding-right: 20px; padding-top: 0; padding-bottom: 0; background-position: 0% 50%}
#mybottom{height: 15px; background-repeat: repeat; background-attachment: scroll; background-position: 0% 50%}


/* pageAbout */
.pageAbout{ width: 940px;}
.pageAbout .top{ font-size: 30px; font-weight: bold; color: #333;}
.pageAbout .cont{ width: 100%; margin-top: 30px; color: #333; font-size: 14px; line-height: 30px; }
.pageAbout .cont img{ max-width: 100%;}
.pageAbout .list{ width: 100%; margin-top: 30px; }
.pageAbout .list ul{ width: 100%; text-align: left; display: table; word-spacing: 0; border-left: solid 1px #eee; border-top: solid 1px #eee;}
.pageAbout .list ul li{ width: 188px; height: 90px; box-sizing: border-box; border-bottom: solid 1px #eee;  border-right: solid 1px #eee; display: inline-block; vertical-align: top; }
.pageAbout .list ul li img{ width: 186px; height: 88px;}


/* pageCulture */
.pageCulture{ width: 940px;}
.pageCulture .top{ font-size: 30px; font-weight: bold; color: #333;}
.pageCulture .item{ width: 100%; margin-top: 50px; float: left;}
.pageCulture .item.item1 .img,.pageCulture .item.item4 .img{ width: 320px;}
.pageCulture .item.item1 .cont,.pageCulture .item.item4 .cont{ width: 570px;}
.pageCulture .item.item2 .img,.pageCulture .item.item3 .img{  width: 400px;}
.pageCulture .item.item2 .cont,.pageCulture .item.item3 .cont{ width: 490px;}
.pageCulture .item:nth-child(even) .img{ float: right;}
.pageCulture .item:nth-child(even) .cont{ float: left;}
.pageCulture .item:nth-child(odd) .img{ float: left;}
.pageCulture .item:nth-child(odd) .cont{ float: right;}
.pageCulture .item .img img{ width: 100%;}
.pageCulture .item .cont{ font-size: 14px; color: #333; line-height: 30px;}
.pageCulture .item .cont img{ max-width: 100%;}
.pageCulture .item .cont h5{ font-size: 20px; font-weight: normal; margin-bottom: 10px;}
.pageCulture .item .list {width: 540px; margin: 0 0; display: table; word-spacing: 0; text-align: left;}
.pageCulture .item .list dl{ display: inline-block; vertical-align: top; width: 220px; margin: 15px 0 15px 50px;}
.pageCulture .item .list dl dt{ font-size: 20px; color: #333;}
.pageCulture .item .list dl dd{  font-size: 14px; color: #666; line-height: 24px; margin-top: 10px;}


/* pageJob */
.pageJob{ width: 940px;}
.JobList{ width:100%;  padding:0 0 60px 0;  margin:0 auto; position:relative;}
.JobList .item{ line-height: 30px; width: 900px; background-color: #e5e5e5; padding: 10px 20px; border-bottom: solid 1px #eee; }
.JobList .item p{ float: left; font-size: 14px; text-align: center;  padding: 0 10px;}
.JobList .item p.p1{ width: 200px; padding: 0 20px 0 0; text-align: left;}
.JobList .item p.p2,.JobList .item p.p3,.JobList .item p.p4{ width: 130px; }
.JobList .item p.p5{ width: 210px;}
.JobList dl{ width:100%;margin:0 auto; border-bottom: solid 1px #eee;}
.JobList dt{cursor: pointer; line-height:24px;  width: 900px; padding: 13px 20px; position: relative; background: url(../images/jobIcon01.png) center right 20px no-repeat;}
.JobList dt p{ float:left; color:#666; font-size: 14px; text-align: center;  padding: 0 10px;}
.JobList dt p.p1{ width: 200px; padding: 0 20px 0 0; font-size: 14px; color: #333; text-align: left;}
.JobList dt p.p2,.JobList dt p.p3,.JobList dt p.p4{ width: 130px;}
.JobList dt p.p5{width: 210px;}
.JobList dd{line-height:32px; width: 900px;   padding:20px 20px; font-size:14px; color:#333; }
.JobList dd img{ max-width: 100%;}
.JobList dd a.qq{ margin-top: 10px; display: block; width: 90px; line-height: 40px; text-align: right; padding: 0 20px; background: #e67016 url(../images/jobIcon.png) left 20px center no-repeat; font-size: 14px; color: #fff; transition: all 0.8s ease;}
.JobList dd a.qq:hover{ background-color: #333;}
.JobList dt:hover p,.JobList dt.on p{ color: #e67016;}
.JobList dt.on{ background:#f6f6f6 url(../images/jobIcon02.png) center right 20px no-repeat;}


/* pageHonor */
.pageHonor { width: 940px; }
.pageHonor ul { width: 960px; display: table; text-align: left; word-spacing: 0; margin: 0 -10px; }
.pageHonor ul li { display: inline-block; vertical-align: top; width: 300px; border: 1px solid #ececec; box-sizing: border-box; margin: 10px 10px ; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.pageHonor ul li:hover { -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 20px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 20px; box-shadow: rgba(0,0,0,0.1) 0 0 20px; border-color:#fff ; }
.pageHonor ul li img { display: block; width: 280px; height: 220px; margin: 10px auto 20px;  }
.pageHonor ul li span { display: block; padding: 0 10px;  line-height: 20px; margin-bottom: 20px; font-size: 14px; color: #333; text-align: center; overflow: hidden; }
#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 99999;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 0px; cursor:pointer; display:block; height:50px; position:fixed; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#e67016 url(../images/iconImg.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:0px;}
#boxer .boxer-arrow.previous:hover{background:#e67016 url(../images/iconImg.png) no-repeat 0 -50px; left:0px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:0px;}
#boxer .boxer-arrow.next:hover{background:#e67016 url(../images/iconImg.png) no-repeat -50px -50px;  right:0px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer.loading .boxer-container{background: #fff url(../images/loading.gif) no-repeat center;}



/* pageNews */
.pageNews { width: 940px; }
.pageNews .top{ font-size: 30px; font-weight: bold; color: #333;}
.pageNews ul{ width: 100%; margin-top: 0;}
.pageNews ul li{ float: left; width: 100%; padding: 20px 0; border-bottom: dashed 1px #ddd;}
.pageNews ul li .img{ width: 230px; height: 130px; overflow: hidden;}
.pageNews ul li .img img{ width: 230px; height: 130px; transition: all 0.8s ease;}
.pageNews ul li .cont{ width: 680px; font-size: 16px; color: #333;}
.pageNews ul li .cont a{ color: #333;}
.pageNews ul li .cont a:hover{ color: #e67016;}
.pageNews ul li .cont .time{ margin-top: 5px;}
.pageNews ul li .cont .name{ margin: 10px 0;}
.pageNews ul li .cont .con{ font-size: 14px; color: #666; line-height: 24px; margin-top: 10px;}
.pageNews ul li .img:hover img{ transform:scale(1.1);}

.pageNewsD{ width: 940px;}
.pageNewsD .name{ width: 100%; font-size: 22px; color: #333; line-height: 30px; margin-top: 10px;}
.pageNewsD .time{ font-size: 14px; color: #666; padding: 10px 0 15px 0; border-bottom: dashed 1px #ddd;}
.pageNewsD .time span{ margin-right: 20px;}
.pageNewsD .summary{ width: 900px; padding:15px 20px; background-color: #f9f9f9; margin-top: 20px; line-height: 24px; font-size: 12px; color: #999;}
.pageNewsD .cont{ font-size: 14px; width: 100%; color: #333; line-height: 30px;padding: 20px 0;}
.pageNewsD .cont img{ max-width: 100%;}
.pageNewsD .link {padding: 15px 0 ; border-top: dashed 1px #ddd;}
.pageNewsD .link p{ font-size: 14px; color: #333; line-height: 24px; margin: 5px 0;}
.pageNewsD .link a{ color: #333;}
.pageNewsD .link a:hover{ color: #e67016;}
.pageNewsD .video{ width: 100%; padding: 20px 0; margin-top: 20px; border-top: dashed 1px #ddd;}
.pageNewsD .video video{ width: 100%;}

/* pageResult */
.pageResult{ width: 100%; padding: 60px 0;}
.pageResult .name{ width: 100%;  text-align: center; display: table; word-spacing:0; }
.pageResult .name i,.pageResult .name span{ display: inline-block; margin: 0 20px; vertical-align: top;}
.pageResult .name i{ width: 52px; height: 52px; background: url(../images/ResultIcon.png) center center no-repeat;}
.pageResult .name span{ margin: 0; font-size: 34px;  color: #333;}
.pageResult .img{ width: 260px; height: 215px; margin:40px auto; background: url(../images/ResultImg.png) center center no-repeat;}
.pageResult .slogan{ width: 100%; text-align: center; font-size: 28px; color: #333; line-height: 46px;}
.pageResult .more{ width: 100%; text-align: center; margin: 40px  auto; display: table; word-spacing:0; }
.pageResult .more a{display: inline-block; margin: 0 20px; line-height: 50px; width: 260px; border-radius: 5px; overflow: hidden; font-size: 16px; color: #fff;}
.pageResult .more a:nth-child(1){ background-color: #e67016;}
.pageResult .more a:nth-child(2){ background-color: #333;}
.pageResult .more a:hover{ background-color: #e67016;}