haohu/classes/artifacts/haohu_war_exploded/static/css/common.css

@charset "utf-8";

/* CSS Document */
/*  ------------------------ 通用 ----------------------------  */
*{ margin:0px; padding:0px;}
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body { font-family:"微软雅黑",Arial; color:#000;  font-size:12px; line-height:24px; background:#fff;}
body,html{ width:100%; height:100%;}
html.ovhide{ overflow:hidden;}
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
div{ margin:0 0; padding:0 0}
a{text-decoration:none; color:#000; outline:none; star:expression_r(this.onFocus=this.blur());}
a:hover {text-decoration: none; color:#f3352e ;cursor:pointer;}
img{ border:none;}
.cl{ clear:both; width:100%; overflow:hidden; height:0px}
.clins{ clear:both; width:100%; margin:0; height:50px;}
.conten{ margin:auto;}
.pointer { cursor:pointer; }
.NoBorder { border:0 none; }
.NoPadding { padding:0; }
.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }
.Break { word-break:break-all; word-wrap:break-word; }
.Nobreak { word-break:keep-all; word-wrap:normal; }
.FL { float:left; }
.FR { float:right; }
.UnLine { text-decoration:underline; }
.DisunLine { text-decoration:none; }
.absolute { position:absolute; }
.relative { position:relative; }
.wrapper { clear:both; overflow:hidden; }
.o-hidden { overflow:hidden; }
.invisible { visibility:hidden; }
.hidden { display:none; }
.block { display:block; }
.clear { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }
.FB { font-weight:bold; }
.FN { font-weight:normal; }
.FI { font-style:italic; }
.F10 { font-size:10px; }
.F11 { font-size:11px; }
.F12 { font-size:12px; }
.F13 { font-size:13px; }
.F14 { font-size:14px; }
.F16 { font-size:16px; }
.F18 { font-size:18px; }
.DivH5, .DivH10, .DivH15, .DivH20, .DivH25, .DivH30, DivH1, .DivH40 { width:100%; overflow:hidden; }
.DivH1 { height:1px; }
.DivH5 { height:5px; }
.DivH8 { height:8px; }
.DivH10 { height:10px; }
.DivH15 { height:15px; }
.DivH20 { height:20px; }
.DivH25 { height:25px; }
.DivH30 { height:30px; }
.DivH40 { height:40px; }
.DivH60 { height:60px; }
.DivH80 { height:80px; }
.LH1 { line-height:1px; }
.LH10 { line-height:10px; }
.LH15 { line-height:15px; }
.LH18 { line-height:18px; }
.LH20 { line-height:20px; }
.LH25 { line-height:25px; }
.LH30 { line-height:30px; }
.LH35 { line-height:35px; }
.color_green { color:#85c226; }
.color_red { color:#e8470a; }
.color_red1 { color:#F00; }
.color_yellow { color:#bf0000; }
.eadiv img{ max-width:100%; height:auto;}
.fl{ float:left;}
.fr{ float: right;}
.trup{text-transform: uppercase;}
.textcent{ text-align:center;}
.pdb5{ padding-bottom:5px;}
.pdb10{ padding-bottom:10px;}
.pdb20{ padding-bottom:20px;}
.pdb30{ padding-bottom:30px;}
.pdb50{ padding-bottom:50px;}
.pdt5{ padding-top:5px;}
.pdt10{ padding-top:10px;}
.pdt20{ padding-top:20px;}
.pdt30{ padding-top:30px;}
.pdt50{ padding-top:50px;}


.main{ width:1180px; margin:0 auto; height:auto;}

/*  header  */

.header{ position: absolute; width:100%; top:0; left:0; right:0; z-index:100;transition:all 0.2s ease 0s; background:#fff; height:80px;}
.headlogo{ float:left; width:185px; height:80px; background: rgba(255,255,255,0.8); padding:10px 0px;transition:all 0.2s ease 0s;}
.helogo{ width:185px; height:60px; display:block;}
.lores{ display:none; height:50px;}
.headnva{ float:right;}
.headnva li{ width:140px; height:80px; float:left; line-height:80px; font-size:18px; text-align:center;transition:all 0.2s ease 0s;}
.headnva li.headnvaonc{ background:#f3352e;}
.headnva li a{ color:#666; display:block;}
.headnva li a:hover{ color:#f3352e;}
.headnva li.headnvaonc a,.headnva li.headnvaonc a:hover{ color:#fff;}

.header.headerfox{ position: fixed; width:100%; top:0; left:0; right:0; background:#fff; height:50px; box-shadow:0px 2px 3px rgba(0,0,0,0.1);}
.headerfox .headlogo{ height:50px; padding:5px 0; width:auto;}
.headerfox .helogo{ height:40px; width:auto;}
.headerfox .lowes{ display: none;}
.headerfox .lores{ display: block;}
.headerfox .headnva li{ height:50px; line-height:50px; font-size:14px;}
.headerfox .headnva li a{ color:#999; display:block;}
.headerfox .headnva li a:hover{ color:#f3352e;}
.headerfox .headnva li.headnvaonc a,.headerfox .headnva li.headnvaonc a:hover{ color:#fff;}

	.munes{ display:none;}

/*  foot  */

.headerpr{ height:80px;}
.soldimbg{ background:url(../images/solde02.jpg) no-repeat center center/ cover; height:300px;}

.foot{ height:80px; background:#f3352e; text-align:center; line-height:80px; color:#fff; font-size:14px;}

/*  常规使用  */
.pro_image{ width:460px; height:300px; border-radius:10px; overflow:hidden; box-shadow:-3px 3px 15px rgba(102,102,102,0.4); position:relative; z-index:1;}
.pro_tex{ width:580px; position:relative; z-index:1;}
.pro_tal{position:relative; z-index:1;}
.txtbgab{ font-size:140px; font-family:Arial, Helvetica, sans-serif; line-height:140px; z-index:0; font-weight:bold;}

.colutelcn{ font-size:40px; line-height:50px; color:#f3352e; font-weight:bold;}
.colutelen{ font-size:18px; line-height:48px; color:#575757; font-weight:bold;}

.colutel{ padding-bottom:30px;}
.colutex{ font-size:14px; line-height:36px; color:#898989;}



/*  mask  */

.mask{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:999; display:none;}
.maskbg{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1003;}
.maskal{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; padding:8% 30px; z-index:1000;}
.maskblk{ position:relative; background:#fff; height: 100%; min-height:150px; width:80%; max-width:500px; margin:0 auto; padding-top:50px; position:relative; z-index:1005;}
.maskticl{ height:50px; line-height:50px; position:absolute; top:0; width:100%; right:0;}
.maskticl span{ float:right; display:block; width:50px; height:50px; font-size:24px; text-align:center; cursor:pointer;transition:all 0.2s ease 0s;}
.maskticl span:hover{ background:#f3352e; color:#fff;}

.masktex{ padding:20px 50px; overflow-y:auto; height:auto; max-height:100%;}
.masklog{ text-align:center; margin-bottom:10px;}
.masklog img{ display:inline-block; max-width:100%;}
.masktil{ text-align:center; font-size:18px; line-height:20px;}
.masksrc{ text-align:center; font-size:16px; line-height:16px; margin-bottom:10px; color:#666;}
.masksrc a{ text-align:center; font-size:16px; line-height:32px; color:#666;}
.masktal{ font-size:14px; line-height:24px; color:#666; margin-bottom:20px;}
.masktex .teampeo{ text-align:center;}




.haogu .main{ padding:70px 30px; position:relative;}

.haogutex{ left:30px; top:60px; color:#f3f3f3;}

.xindex{ background:#f8f8f8 url(../images/xindebg.jpg) no-repeat center center;}
.xindex .main{ padding:50px 30px; position:relative;}
.xindextex{ right:0; top:110px; color:#fff;}


.advantage{ background:#f8f8f8;}
.advantage .main{ padding:70px 0px 70px; position:relative;}
.advantagetex { width:100%; top:60px; left:0; text-align:center; color:#f3f3f3;}

.adv_list li{ display:inline-block; margin:0 0px; width:33%;vertical-align:top; padding-left:80px; position:relative; min-height:70px;}
.adv_limg{ width:80px; height:70px; display:inline-block; float:left; vertical-align:top; position: absolute; left:0; top:0;}
.adv_limg img{ width:74px; height:70px; display:block; float:left;}
.adv_ltex{ width:100%; padding-right:40px; font-size:14px; line-height:36px; float:right;}


.industry{}
.industry .main{ padding:70px 30px; position:relative;}
.industrytex { top:110px; left:30px; text-align:center; color:#f3f3f3;}


.investment{}
.investment .main{ padding:70px 30px; position:relative;}
.investmenttex { top:110px; right:0px; text-align:right; font-size:15px; color:#f3f3f3; font-size:125px;}



.team{ background:#f8f8f8;}
.team .main{ padding:50px 0; position:relative;}
.teamtex{ width:100%; top:60px; left:0; text-align:center; color:#f3f3f3;}


.teamdol{ width:100%; height:520px; padding:0 20px 40px;}
.teamdol .teamdoimd{ width:58%; height:480px;}
.teamdol .teamdolst{ width:42%; height:480px;}

.teamdoimd .owl-prev{ left:auto; right:50px; bottom:0px; width:50px; height:50px; color:#fff; font-style:normal; border-radius:0px; background:#bcbcbc;transition:all 0.3s ease 0s;}
.iconext,.icoprev{ font-style:normal; line-height:40px; font-size:50px;}
.teamdoimd .owl-next{ right:0; bottom:0px; width:50px; height:50px; color:#fff; font-style:normal; border-radius:0px; background:#bcbcbc;transition:all 0.3s ease 0s;}
.teamdoimd .owl-prev:hover,.teamdoimd .owl-next:hover{ background:#f3352e;}

.teamdolstft{ background:#fff; width:100%; height:480px; float:left; border:1px solid #f2f2f2;}
.teamdolstft li{ background:#fff; width:50%; height:240px; float:left; padding:20px 10px; text-align:center; cursor:pointer;}
.teamdolstft li:first-child{ border-bottom:1px solid #f2f2f2; border-right:1px solid #f2f2f2;}
.teamdolstft li:nth-child(2){ border-bottom:1px solid #f2f2f2;}
.teamdolstft li:nth-child(3){ border-right:1px solid #f2f2f2;}


.teamdolstft li:hover .teampeo_img{ box-shadow:0px 0px 3px rgba(0,0,0,0.3);}
.teamdolstft li:hover .teampeo_img img{ transform: scale(1.1);}

.teamdolst .owl-controls .owl-dots{ bottom:-40px; margin:0;}
.teamdolst .owl-controls .owl-dots .owl-dot span{ width:21px; height:21px; margin:0 5px; background: url(../images/sold.png) no-repeat left top;}
.teamdolst .owl-controls .owl-dots .owl-dot.active span,.teamdolst .owl-controls .owl-dots .owl-dot.active:hover span{ background: url(../images/sold.png) no-repeat right top;}
.teamdolst .owl-controls .owl-dots .owl-dot:hover span{ background: url(../images/sold.png) no-repeat center top;}


.team_list{ padding-bottom:30px;}
/*.team_list li{ width:350px; height:460px; background:#fff; text-align:center; padding-top:40px; display:inline-block; margin:0 20px; border-radius:3px; transition:all 0.3s ease 0s;}
.team_list li:hover{ box-shadow:1px 1px 4px rgba(0,0,0,0.3);}*/
.team_list .teampeo{ width:96%; height:460px; background:#fff; text-align:center; padding-top:40px; display:inline-block; margin:10px 2%; border-radius:3px; transition:all 0.3s ease 0s;}
.team_list .teampeo:hover{ box-shadow:1px 1px 4px rgba(0,0,0,0.3);}
.teampeo_img{ width:150px; height:150px; border-radius:50%; overflow:hidden; margin:0 auto;transition:all 0.3s ease 0s;}
.teampeo_img img{ width:150px; height:150px; border-radius:50%; overflow:hidden; display:block;transition:all 0.3s ease 0s;}
.teampeo_name{ font-size:14px;}
.teampeo_pos{ font-size:12px; color:#898989;font-style:italic;}
.teampeo_honor{ font-size:14px; line-height:30px; height:90px; overflow:hidden; color:#898989;}
.teampeo_butn{ display:block; margin:0 auto; margin-top:20px; width:120px; height:40px; line-height:40px; text-align:center; color:#f3352e; border:1px solid #f3352e; border-radius:20px;transition:all 0.2s ease 0s;}
.teampeo_butn:hover{ background:#f3352e; color:#fff; border:1px solid #f3352e;}

.team_list .owl-controls .owl-dots{ bottom:-20px; margin:0;}
.team_list .owl-controls .owl-dots .owl-dot span{ width:21px; height:21px; margin:0 5px; background: url(../images/sold.png) no-repeat left top;}
.team_list .owl-controls .owl-dots .owl-dot.active span,.team_list .owl-controls .owl-dots .owl-dot.active:hover span{ background: url(../images/sold.png) no-repeat right top;}
.team_list .owl-controls .owl-dots .owl-dot:hover span{ background: url(../images/sold.png) no-repeat center top;}



.example{ padding:50px 0 0; position:relative;}
.exampletex{ width:100%; top:60px; left:0; text-align:center; color:#f3f3f3;}

.example_list{ width:100%; overflow:hidden;}
.exampico{ float:left; width:240px; height:376px;}
.exampicoim{  width:240px; height:188px; overflow:hidden;}
.exampicoim img{ width:240px; height:188px; transition:all 0.5s ease 0s;}
.exampicoim:hover img{ transform: scale(1.1);}

.example_list .owl-prev{ left:0; bottom:163px; width:50px; height:50px; border-radius:2px; background:#fff url(../images/prove.png) no-repeat center center;filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;transition:all 0.3s ease 0s;}
.example_list .owl-next{ right:0; bottom:163px; width:50px; height:50px; border-radius:2px; background:#fff url(../images/next.png) no-repeat center center;filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;transition:all 0.3s ease 0s;}
.example_list .owl-prev:hover,.example_list .owl-next:hover{ box-shadow:0px 1px 2px #999;filter:alpha(opacity=90);-moz-opacity:0.9; opacity:0.9;}


.news{ background:#f8f8f8;}
.news .main{ padding:50px 0; position:relative;}
.newstex{ width:100%; top:60px; left:0; text-align:center; color:#f3f3f3;}


.newsxt_list .owl-controls .owl-nav{ left:50%; bottom:-10px; margin-left:-60px; width:120px; height:50px;}
.newsxt_list .owl-prev{ left:0; bottom:0; width:50px; height:50px; border-radius:2px; background:#fff url(../images/prove.png) no-repeat center center;}
.newsxt_list .owl-next{ right:0; bottom:0; width:50px; height:50px; border-radius:2px; background:#fff url(../images/next.png) no-repeat center center;}
.newsxt_list .owl-prev:hover,.newsxt_list .owl-next:hover{ box-shadow:0px 1px 2px #999;}

.newsxt_list{ padding-bottom:40px;}
/*.newsxt_list li{ width:1140px; margin:0 20px;}*/
.newsxt_list_ne{ width:100%; padding:0 20px;}
.newsxt_le{ width:100%; height:200px; background:#fff; margin-bottom:30px; transition:all 0.3s ease 0s;}
.newsxt_le:hover{  box-shadow:1px 1px 4px rgba(0,0,0,0.3);}
.newsxt_imtl{ position:relative; width:345px; height:200px; float:left;}
.new_tlimg{ width:345px; height:200px; overflow:hidden;}
.new_tlimg img{ width:345px; height:200px; transition:all 0.8s ease 0s;}
.newsxt_le:hover .new_tlimg img{ transform: scale(1.1);}
.new_tldat{ position:absolute; width:88px; height:98px; padding:15px 0; right:-44px; top:52px; background:#f3352e; color:#fff; text-align:center;}
.new_datd{ font-size:48px; line-height:45px; height:45px;}
.new_datm{ font-size:18px; line-height:20px; height:20px;}

.newsxt_txtl{ width:795px; height:200px; padding:20px 40px 20px 90px; float:right;}
.new_tllit{ font-size:20px; line-height:48px; height:48px; color:#575757; font-weight:bold; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_tlcom{ font-size:14px; color:#575757; height:48px; line-height:20px; padding:12px 0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new_comico{ display:inline-block; margin-right:10px; width:20px; height:20px; vertical-align:top;}
.new_comico img{ display:block; width:20px; height:20px; vertical-align:top;}
.new_comda{ margin-right:20px;}
.new_tltex{ font-size:12px; line-height:24px; height:48px; color:#575757; overflow:hidden;}




.contact{ padding:105px 0; position:relative; width:50%; background:#f2f2f2;}
.contacttex{ width:100%; top:100px; left:0; text-align:center; color:#fafafa; font-size:90px; line-height:120px;}
.joinus{ padding:105px 0; position:relative; width:50%;}
.joinustex{ width:100%; top:100px; left:0; text-align:center; color:#f3f3f3; font-size:90px; line-height:120px;}
.pro_cont{ position:relative; text-align:center;}
.contcom{ text-align:center; font-size:24px; line-height:30px; height:100px; padding:35px 0; color:#575757;}
.contcomsr{ width:460px; height:50px; margin:auto;}
.contcomsrinp{ width:320px; height:50px; line-height:45px; font-size:14px; background:#f8f8f8; border:1px solid #f5f5f5; border-right:none; display:block; float:left; padding:0 10px 0 25px; border-radius: 25px 0 0 25px ;transition:all 0.3s ease 0s;}
.contcomsrinp:focus{ border:1px solid #f3352e; border-right:none;}
.contcombtn{ width:140px; height:50px; line-height:48px; font-size:16px; display:block; float:right; padding-right:10px; border-radius:0 25px 25px 0; text-align:center; background:#f3352e; border:1px solid #f3352e; color:#fff;transition:all 0.3s ease 0s;}
.contcombtn:hover{ background:#f3352e; color:#fff;}




/*  mews  */

.newsovf{ overflow:hidden;}

.pagelist{ text-align:center;}
.pagelist a{ display:inline-block; margin:0 4px; width:40px; height:40px; background:#fff; vertical-align:top; line-height:40px; font-size:18px; color:#f3352e;transition:all 0.3s ease 0s;}
.pagelist a:hover,.pagelist a.onckpag{ background:#f3352e; color:#fff;}

/*  newaimgln  */
.newovf .main{ padding-left:80px; padding-right:80px;}
.newati{ background:#fff;}

.newaimgln{ width:100%; position:relative; margin-bottom:50px;}
.newai_tlimg{ width:100%; height:auto;}
.newai_imge{ display:block; width:100%; height:auto;}

.newai_tldat{ position:absolute; width:88px; height:98px; padding:15px 0; bottom:-44px; left:50px; background:#f3352e; color:#fff; text-align:center;}
.newai_datd{ font-size:48px; line-height:45px; height:45px;}
.newai_datm{ font-size:18px; line-height:20px; height:20px;}

.newaln{ padding:0 50px 30px; }

.map{ width:100%; height:300px;}

.contmap{ position:relative; padding-top:50px;}
.macontex{ position:absolute; height:200px; padding:60px 0; background:#fff; width:1180px; left:50%; bottom:0; margin-left:-590px;}

.maconttbc{ width:30%; height:80px; display:inline-block; float:left; text-align:center; border-left:1px dotted #e5e5e5;}
.maconttbc:first-child{ width:40%; border-left:none;}
.mapctic{ line-height:20px; height:40px; padding:10px 0; font-size:16px;}
.mapctic i{ vertical-align:top; padding-top:2px; display:inline-block; margin-right:10px;}
.mapctic i img{ display:block; width:16px; height:16px;}
.mapctix{ font-size:12px; color:#666; line-height:40px;}



/*  example  */

.exampnx_list{ width:100%; overflow:hidden;}
.exampnxicoim{ float:left;  width:240px; height:188px; overflow:hidden; margin:27px;}
.exampnxicoim img{ width:240px; height:188px; transition:all 0.5s ease 0s;}
.exampnxicoim:hover img{ transform: scale(1.1);}



/* Tr Home Slider */

.tr-home-slider{background-color:#f7f7f7;}
.tr-home-slider .item{background-color:#cbd2ca;background-position:center;background-size:cover;background-repeat:no-repeat;}
.item-content{display:table;width:100%;height:680px;}
.item-content.restny{display:table;width:100%;height:480px;}
.tr-middle{display:table-cell;vertical-align:middle;}
.slider-info{display:inline-block;max-width:580px;color:#fff;font-weight:300;line-height:24px; font-size:14px;}
.slider-info h1{margin-top:0;margin-bottom:0;font-size:46px;animation-delay:.5s;-webkit-animation-delay:.5s;}
.slider-info h2{margin-top:0;margin-bottom:20px;text-transform:lowercase;font-weight:800;font-size:80px;line-height:70px;animation-delay:.6s;-webkit-animation-delay:.6s;}
.slider-info p{animation-delay:.7s;-webkit-animation-delay:.7s;}
.slider-info .button{animation-delay:.8s;-webkit-animation-delay:.8s;}
.slider-info .btn-primary{margin-top:35px;}
.carousel-indicators{right:-15px;bottom:-110px;left:auto;margin-left:0;width:100%;color:#fff;}
.indicators-content{position:relative;}
.slide-control{padding:40px 15px;background-color:#fff;}
.carousel-indicators li.active .slide-control,.carousel-indicators li:hover .slide-control{background-color:#ed1c24;}
.carousel-indicators li,.carousel-indicators li.active{background-color:transparent; border:3px solid #f3352e;}
.carousel-indicators li{ display:inline-block;margin:0;border:0;border-radius:0;color:#839094; margin:0 10px; }
.carousel-indicators .icon{margin-bottom:20px;font-size:40px;}
.carousel-indicators span{display:block;}
.carousel-indicators li.active,.carousel-indicators li.active .color-red,.carousel-indicators li:hover,.carousel-indicators li:hover .color-red{color:#fff;}




/*  meun  */

.cd-icon::after,.cd-icon::before,.cd-logo::after,.cd-logo::before,.cd-nav-trigger::after,.cd-nav-trigger::before{content:'';}
.cd-logo,.cd-nav-trigger{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.cd-logo{top:28px;left:5%;}
.cd-logo img{display:block;}
.cd-nav-trigger{top:25px;right:60px;z-index:65;overflow:hidden;width:44px;height:44px;text-indent:100%;white-space:nowrap;}
.cd-nav-trigger .cd-icon{position:absolute;top:50%;right:auto;bottom:auto;left:50%;z-index:10;display:inline-block;width:18px;height:3px;background-color:#f3352e;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);}
.cd-nav-trigger .cd-icon::before,.cd-nav-trigger .cd-icon:after{position:absolute;top:0;right:0;width:100%;height:100%;background-color:#f3352e;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-ms-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.cd-nav-trigger .cd-icon::before{-webkit-transform:translateY(-6px) rotate(0);-moz-transform:translateY(-6px) rotate(0);-o-transform:translateY(-6px) rotate(0);transform:translateY(-6px) rotate(0);-ms-transform:translateY(-6px) rotate(0);}
.cd-nav-trigger .cd-icon::after{-webkit-transform:translateY(6px) rotate(0);-moz-transform:translateY(6px) rotate(0);-o-transform:translateY(6px) rotate(0);transform:translateY(6px) rotate(0);-ms-transform:translateY(6px) rotate(0);}
.cd-nav-trigger::after,.cd-nav-trigger::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-ms-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.cd-nav-trigger::before{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1);}
.cd-nav-trigger::after{-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transform:scale(0);}
.cd-nav-trigger.close-nav::before{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transform:scale(0);}
.cd-nav-trigger.close-nav::after{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1);}
.cd-nav-trigger.close-nav .cd-icon{background-color:rgba(255,255,255,0);box-shadow:none;}
.cd-nav-trigger.close-nav .cd-icon::after,.cd-nav-trigger.close-nav .cd-icon::before{background-color:#f3352e;}
.cd-nav-trigger.close-nav .cd-icon::before{-webkit-transform:translateY(0) rotate(45deg);-moz-transform:translateY(0) rotate(45deg);-o-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);}
.cd-nav-trigger.close-nav .cd-icon::after{-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);}
.cd-primary-nav{position:fixed;top:0;left:0;z-index:3;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:80px 5%;width:100%;height:100%;opacity:0;-webkit-transition:visibility 0s,opacity .3s;-moz-transition:visibility 0s,opacity .3s;transition:visibility 0s,opacity .3s;-webkit-overflow-scrolling:touch;}



/*  footfix  */

#footfix{width:100%;height:100px;position:fixed;bottom:0px;background: rgba(38,48,76,0.8); z-index:10;}
.footfix{width:1200px;margin:0 auto;}
.lian{width:400px;float:left;margin-left:50px; padding:10px; font-size:16px;}
.lian img{width:50px;  float:left;margin:5px;}
.lian span{line-height:60px;font-size:25px;color:#fff;display: block;}
.lian p{font-size:14px;color:#fff;padding:0px 10px;}
.shu{float:left;}
.shu input{height:30px; line-height:30px;width:180px;margin:30px 20px;float:left;outline: none; padding-left:40px; border:1px solid #ccc;}
.cli{width:120px; float:left;height:30px;color:#26304c;
    text-align: center;line-height:28px;margin-top: 30px;font-size:16px;color:#fff; border-radius:5px;cursor:pointer;outline: none;border:none;background-color:#ffbd40;
    animation:greenPulse 2s linear 2s infinite alternate;
/* Firefox: */
-moz-animation:greenPulse 2s linear 2s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:greenPulse 2s linear 2s infinite alternate;
/* Opera: */
-o-animation:greenPulse 2s linear 2s infinite alternate;
 }
@-webkit-keyframes greenPulse{
  from { background-color:#ffbd40; -webkit-box-shadow: 0 0 25px #ffbd40; }
  50% { background-color: #ff5b01; -webkit-box-shadow: 0 0 50px #ff5b01; }
  to { background-color: #ffbd40; -webkit-box-shadow: 0 0 25px #ffbd40; }
}
#close{font-size:16px;line-height:80px; color:#fff;cursor: pointer;position: absolute;margin-top:-17px;filter:alpha(opacity=100);-moz-opacity:1; opacity:1; font-weight:normal; text-shadow:none;}
#open{font-size:16px;line-height:80px; color:#fff;cursor: pointer;position: absolute;margin-top:-17px;filter:alpha(opacity=100);-moz-opacity:1; opacity:1; font-weight:normal; text-shadow:none;}
.close{width:250px;height:80px;background:url(../images/closebg.png) no-repeat center;text-align: center;margin-left:45%;top:-38px;}
#footfix1{width:100%;height:50px;background: rgba(38,48,76,0.8);position:fixed;bottom:0px;display:none; z-index:10;}
.footfix1{width:1180px;margin:0 auto; text-align:center;}
.lian1 p{font-size: 14px;color:#fff;line-height:50px;}
.number2{font-size:14px;color:#fff;line-height:50px;}
.number2 img{float:left;margin:5px;}


/*浮动客服*/
#floatDivBoxs{width:150px;position:fixed;top:100px;right:-153px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#F7B400;color:#fff;font-size:16px;text-indent:14px;position:relative;}
#floatDivBoxs .floatDtt img{width:25px;height:25px; margin:10px 10px 0 0; vertical-align:top;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align: center;}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:12px; width:20px;}
#floatDivBoxs .floatDtxt{font-size:16px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:45px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:0;z-index:999; border-radius:5px 0 0 5px;}
#rightArrow a{display:block;height:45px;}

@media (min-width: 992px) and (max-width: 1180px){
	
	.pro_tex{ width:430px;}
	.newsxt_le{ padding-left:345px; position:relative;}
	.newsxt_imtl{ position:absolute; left:0; top:0;}
	.newsxt_txtl{ width:100%;}
	.macontex{ position:absolute; height:200px; padding:60px 0; background:#fff; width:100%; left:0; bottom:0; margin-left:0;}
	
	.exampnxicoim{ float:left;  width:21%; height:16vw; overflow:hidden; margin:2vw 2%;}
	.exampnxicoim img{ width:100%; height:100%; transition:all 0.5s ease 0s;}
	
	
	.teamdol .teamdoimd{ height:auto;}
	}


@media (min-width: 768px) and (max-width: 991px){
	
	.pro_tex{ width:340px;}
	.pdt50{ padding-top:0;}
	.colutel { padding-bottom:10px;}
	.pro_image{ width:350px; height:auto;}
	.pro_image img{ width:350px; height:auto; display:block;}
	.adv_list li:last-child{ display:block; margin:0 auto; width:50%; margin-top:30px; font-size:18px; line-height:35px;}
	.adv_list li{ width:48%;}
	.newsxt_le{ padding-left:345px; position:relative;}
	.newsxt_imtl{ position:absolute; left:0; top:0;}
	.newsxt_txtl{ width:100%;}
	
	.macontex{ position:absolute; height:200px; padding:60px 0; background:#fff; width:100%; left:0; bottom:0; margin-left:0;}
	
	
	.exampnxicoim{ float:left;  width:21%; height:16vw; overflow:hidden; margin:2vw 2%;}
	.exampnxicoim img{ width:100%; height:100%; transition:all 0.5s ease 0s;}
	
	
	.contact{ padding:30px 0; width:100%;}
	.contacttex{ top:30px;}
	.joinus{ padding:30px 0; width:100%;}
	.joinustex{ top:30px;}
	.teamdol .teamdoimd{ height:auto;}
	}


@media (min-width: 640px) and (max-width: 768px){
	
	
	.headnva li{ width:100px;}
	.txtbgab{ font-size:80px;}
	.colutelcn{ font-size:36px;}
	.colutelen{ line-height:32px;}
	.colutex{ line-height:28px;}
	
	
	.newovf .main{ padding:20px;}
	
	.macontex{ position:absolute; height:200px; padding:60px 0; background:#fff; width:100%; left:0; bottom:0; margin-left:0;}
	
	
	.exampnxicoim{ float:left;  width:21%; height:16vw; overflow:hidden; margin:2vw 2%;}
	.exampnxicoim img{ width:100%; height:100%; transition:all 0.5s ease 0s;}
	
	.pro_tex{ width:280px;}
	.pdt50{ padding-top:0;}
	.colutel { padding-bottom:10px;}
	.pro_image{ width:280px; height:auto;}
	.pro_image img{ width:280px; height:auto; display:block;}
	.adv_list li:last-child{ display:block; margin:0 auto; width:50%; margin-top:30px; font-size:18px; line-height:35px;}
	.adv_list li{ width:48%;}
	.newsxt_le{ padding-left:345px; position:relative;}
	.newsxt_imtl{ position:absolute; left:0; top:0;}
	.newsxt_txtl{ width:100%;}
	
	
	.contact{ padding:30px 0; width:100%;}
	.contacttex{ top:30px;}
	.joinus{ padding:30px 0; width:100%;}
	.joinustex{ top:30px;}
	.teamdol .teamdoimd{ height:auto;}
	}



@media(max-width: 639px){
	
	.macontex{ position: relative; height: auto; padding:0; background:#fff; width:100%; left:0; bottom:0; margin-left:0;}
	
	.maconttbc{ width:100%; height:80px; padding:10px 0; display:inline-block; float: none; text-align:center; border-left:none; border-top:1px dotted #e5e5e5;}
	.maconttbc:first-child{ width:100%; border-left:none; border-top:none;}
	.mapctic{ line-height:20px; height:30px; padding:5px 0; font-size:16px;}
	.mapctix{ font-size:12px; color:#666; line-height:30px;}
	
	.newovf .main{ padding-left:0; padding-right:0; padding-bottom:0;}
	
	.txtbgab{ font-size:40px;}
	
	.exampnx_list{ padding:0 3%;}
	.exampnxicoim{ float:left;  width:46%; height:36vw; overflow:hidden; margin:2vw 2%;}
	.exampnxicoim img{ width:100%; height:100%; transition:all 0.5s ease 0s;}
	
	.maskblk{ width:100%;}
	.tr-home-slider .item{background-position:70% center;}
	.newsxt_list{ padding-bottom:0;}
	.masktex{ padding:20px;}
	.soldemotn{ display:none;}
	.soldemofohe{ height:20px;}
	
	.munes{ display:block;}
	.cd-nav-trigger{ float:right; position:relative; top:3px; right:3px;}
	
	.header{ position: fixed; width:100%; top:0; left:0; right:0; background:#fff; height:50px; box-shadow:0px 2px 3px rgba(0,0,0,0.1);}
	.header .headlogo{ height:50px; padding:5px 0; width:auto; position:relative; z-index:20;}
	.header .helogo{ height:40px; width:auto;}	
	.header .lowes{ display: none;}
	.header .lores{ display: block;}
	.header .headnva li{ height:50px; line-height:50px; font-size:14px;}
	.header .headnva li a{ color:#999; display:block;}
	.header .headnva li a:hover{ color:#f3352e;}
	.header .headnva li.headnvaonc a,.headerfox .headnva li.headnvaonc a:hover{ color:#fff;}	
	.headerpr{ height:50px;}
	
	.slider-info{ width:100%;}
	.slider-info img{ max-width:100%; height:auto;}
	
	.pro_tex{ width:100%; padding-bottom:20px;}
	.pdt50{ padding-top:0;}
	.colutel { padding-bottom:10px;}
	.pro_image{ width:100%; height:auto;}
	.pro_image img{ width:100%; height:auto; display:block;}
	.adv_list li{ width:80%; display:block;  margin:30px auto 0; font-size:18px; line-height:35px; height:auto; min-height:70px;}
	.newsxt_le{ padding-left:345px; position:relative;}
	.newsxt_imtl{ position:absolute; left:0; top:0;}
	.newsxt_txtl{ width:100%;}
	.exampico{ width:200px; height:314px;}
	.exampicoim{ width:200px; height:157px;}
	.exampicoim img{ width:200px; height:157px;}
	.contcom{ font-size:18px;}
	.contcomsr{ width:90%; padding-right:120px; position:relative;}
	.contcombtn{ position:absolute; right:0; top:0; width:120px;}
	.contcomsrinp{ width:100%;}
	.newsxt_le{ height:auto; padding:0;}
	.newsxt_imtl{ position:relative; width:100%; height:auto;}
	.new_tldat{ left:0; bottom:-40px; top:auto; right:auto;}
	.new_tlimg{ width:100%; height:auto;}
	.new_tlimg img{ width:100%; height:auto;}
	.newsxt_txtl{ padding:40px 20px 20px;}
	
	.contact{ padding:30px 0; width:100%;}
	.contacttex{ top:30px;}
	.joinus{ padding:30px 0; width:100%;}
	.joinustex{ top:30px;}
	
	.foot{ padding:20px 10px; line-height:20px; height:auto;}
	
	
.teamdol{ width:100%; height: auto; padding:0 20px;}
.teamdol .teamdoimd{ width:100%; height: auto;}
.teamdol .teamdolst{ width:100%; height:480px;}
	
	}


@media (max-width: 639px){
	
	
	.txtbgab{ font-size:40px;}
	.headnva{ height:0; overflow:hidden; position:absolute; top:50px; left:0; width:100%; right:0;transition:all 0.3s ease 0s; box-shadow:0px 3px 3px rgba(0,0,0,0.1);}
	.headnva.tagedow{ display:block; height:200px;}
	.header .headnva li{ width:100%; background:#fff; border-bottom:1px solid #f8f8f8; float:none; clear:both;}
	.header .headnva li.headnvaonc{ width:100%; background:#f3352e;}
	.header .headnva li a{ color:#f3352e;}
	.header .headnva li.headnvaonc a{ color:#fff;}
	
	.slider-info{ width:100%;}
	.slider-info img{ max-width:100%; height:auto;}
	
	.pro_tex{ width:100%;}
	.pdt50{ padding-top:0;}
	.colutel { padding-bottom:10px;}
	.pro_image{ width:100%; height:auto;}
	.pro_image img{ width:100%; height:auto; display:block;}
	.adv_list li{ width:80%; display:block;  margin:30px auto 0; font-size:18px; line-height:35px; height:auto; min-height:70px;}
	.newsxt_le{ padding-left:345px; position:relative;}
	.newsxt_imtl{ position:absolute; left:0; top:0;}
	.newsxt_txtl{ width:100%;}
	.exampico{ width:200px; height:314px;}
	.exampicoim{ width:200px; height:157px;}
	.exampicoim img{ width:200px; height:157px;}
	.contcom{ font-size:18px;}
	.contcomsr{ width:90%; padding-right:120px; position:relative;}
	.contcombtn{ position:absolute; right:0; top:0; width:120px;}
	.contcomsrinp{ width:100%;}
	.newsxt_le{ height:auto; padding:0;}
	.newsxt_imtl{ position:relative; width:100%; height:auto;}
	.new_tldat{ left:0; bottom:-40px; top:auto; right:auto;}
	.new_tlimg{ width:100%; height:auto;}
	.new_tlimg img{ width:100%; height:auto;}
	.newsxt_txtl{ padding:40px 20px 20px;}
	
	.contact{ padding:30px 0; width:100%;}
	.contacttex{ top:30px;}
	.joinus{ padding:30px 0; width:100%;}
	.joinustex{ top:30px;}
	
	.foot{ padding:20px 10px; line-height:20px; height:auto;}
	
.teamdol{ width:100%; height:auto; padding:0 20px;}
.teamdol .teamdoimd{ width:100%; height:auto;}
.teamdol .teamdolst{ width:100%; height:480px;}
	}
@media (max-width: 1180px){
	#footfix{ display:none;}
	#floatDivBoxs{ display:none;}
	#rightArrow{ display:none;}
	.main{ width:100%;}	
	}