img { max-width: 100%; height: auto; width: auto\9; }



.list li, .cupList .listTitle, .cupSlider .proPicTitle, .cupNewsList li a:first-child { text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; }

.inner, img, input, textarea, .tag, .center, .searchForm, #header, #showSlider, .showContact li, .caseDisplay .caseBox, .proMenu li a span , .marketWrap, .newsMenu a, .newsList li, .cupList li, #footerToolBar li, .toolMask .toolTop , #media label { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#subMenu:before, #subMenu:after, .cupVideo .proPic > a:first-child:after { width: 0px; height: 0px; overflow: hidden; position: absolute; border-style: solid; }

.center { margin-left: auto; margin-right: auto; }

body, input, textarea, .asideBtn, #pageNum { font-family: Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

#nav, .showProCont .title { font-family: 'Microsoft YaHei', Arial, Helvetica, San-serif, SimSun; }


a { text-decoration: none; color: #353535; }


a, input, div { -webkit-tap-highlight-color: transparent; }

input[type="submit"], input[type="reset"] { cursor: pointer; }

.center { width: 100%; max-width: 1170px; }

i { font-style: normal; }

td, th { padding: 2px 5px; }


.
.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; }

.justify:after { content: '.'; height: 0px; width: 100%; display: inline-block; overflow: hidden; }

.justify .line { content: '.'; display: inline-block; height: 0px; overflow: hidden; }

.justify .box { display: inline-block; vertical-align: top; text-align: left; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

#container { width: 100%; overflow: hidden; }

i, a i { color: #146fcf; }


#subMenu { position: absolute; right: 0px; top: 100%; background: #fff; z-index: 99; border-right: 2px solid #be0027; border-left: 1px solid #be0027; line-height: 22px; height: 22px; padding-left: 8px; }
#subMenu li { display: inline-block; vertical-align: middle; margin-right: 12px; }
#subMenu a { color: #be0027; }
#subMenu:before, #subMenu:after { content: ''; right: 100%; top: 0px; }
#subMenu:before { z-index: 100; border-color: #be0027 #be0027 transparent transparent; margin-right: 1px; border-width: 11px; }
#subMenu:after { z-index: 101; border-color: #fff #fff transparent transparent; border-width: 11px; margin-right: -1px; }

.topRight .searchForm, .topRight .lang { display: inline-block; vertical-align: middle; }
.topRight .lang { text-transform: capitalize; }
.topRight .lang a { color: #606060; display: inline-block; margin-right: 12px; }
.topRight .lang a.selected, .topRight .lang a:hover { color: #008cd6; }
.topRight .share { margin-left: 10px; text-align: right; }
.topRight .searchForm { width: 195px; padding-right: 19px; border: 1px solid #adadaf; background: #fff; }
.topRight .search { font-size: 12px; color: #929a95; line-height: 17px; height: 17px; padding: 0px 5px; background: #fff; }
.topRight .searchBtn { width: 19px; height: 15px; margin-top: 1px; }

#banner { background: #fff; text-align: center; width: 100%; }
#banner .rsArrow { visibility: hidden; }

#banner .flex-control-nav{ bottom:4px; margin-bottom:1%; width:60px; left:0; right:0; margin-left:auto; margin-right:auto;}

#bannerSub { background: #2c2d2f url(/img/banner-sub.jpg) no-repeat center; background-size: cover; height: 87px; }

#showSlider { padding-right: 34.91379%; padding-top: 25px; margin-top: 45px; padding-bottom: 25px; margin-bottom: 80px; }

.showTitle { font-size: 30px; line-height: 1; text-transform: capitalize; font-weight: bold;float:left; }
.showTitle span {float:left; padding-right:10px; display: block; margin-top: 3px; font-family: 'Microsoft YaHei';line-height:35px;}
.showTitle a:hover { color: #353535; }

.showCont > p { text-indent: 24px; line-height: 22px; }

.showText { padding-top: 15px; margin-top: 1.34409%; }

.showLink { padding-top: 9px; margin-top: 1.20968%; }
.showLink a { display: inline-block; padding-right: 15px; margin-right: 4.30108%; text-decoration: underline; line-height: 1; margin-bottom: 8px; }
.showLink a:hover { color: #353535; }

#showBtn { margin-top: 1.12069%; padding-top: 89px; }
#showBtn li { width: 105px; height: 27px; line-height: 27px; text-align: center; background: #be0027; color: #fff; margin-bottom: 10px; cursor: pointer; position: relative; }

.list li { position: relative; padding-right: 78px; line-height: 18px; line-height: 21px; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px dotted #b8b8b8; }
.list li a { color: #969696; }
.list li a:hover { color: #353535; }
.list li .updatetime { position: absolute; right: 0px; top: 0px; height: 21px; color: #a4a4a4; display: block; }
.list li:first-child { margin-top: 0; }

.showContact li { margin-bottom: 1.0687%; padding-bottom: 8px; line-height: 26px; min-width: 30%; padding-right: 12px; display: inline-block; vertical-align: top; }
.showContact li a { display: inline-block; }

#showSlider { min-height: 100px; }
#showSlider .rsTabs { margin-top: 0.86207%; padding-top: 89px; position: absolute; right: 0; }
#showSlider .rsTab { width: 105px; height: 27px; line-height: 27px; text-align: center; background: #be0027; color: #fff; margin-bottom: 10px; cursor: pointer; position: relative; }
#showSlider .rsTab:before { content: ''; height: 100%; width: 1px; overflow: hidden; background: inherit; margin-left: 1px; top: 0; bottom: 0; right: 100%; z-index: -1; position: absolute; }
#showSlider .rsTab:hover:before { width: 125.71429%; }

.showPro { background: #222; color: #fff; padding-top: 25px; padding-bottom: 20px; }
.showPro a { color: #fff; }
.showPro a.moreFour:hover span { border-color: #fff; }

.showProTop { margin-top: 2.58621%;margin-top:20px;float:left;width:1170px; }

a.moreFour { margin-top: 15px; text-transform: uppercase; line-height: 21px; width: 180px; text-align: right;float:right }
a.moreFour span, a.moreFour i { min-width: 75px; display: inline-block; padding-right: 3px; padding-left: 3px; }
a.moreFour span:first-child, a.moreFour span:first-child + span { border-bottom-width: 1px; border-bottom-style: dotted; text-align:center; }
a.moreFour span:first-child, a.moreFour span:first-child + span + span { border-right-width: 1px; border-right-style: solid; text-align: center; }
a.moreFour span { border-color: #919191; }

.showProCont { position: relative; padding: 18px 0px; margin: 1.03448% 0; }
.showProCont .title { font-size: 40px; text-align: center; position: absolute; width: 258px; line-height: 1; height: 60px; margin: auto; top: 0px; bottom: 30px; left: 0px; right: 0px; }
.showProCont .title span { font-size: 14px; display: block; margin-top: 3px; }
.showProCont a.box { text-align: center; font-size: 16px; position: relative; width: 31.2069%; }
.showProCont a.box img { display: block; margin-bottom: 8px; }
.showProCont a.box:before { content: ''; width: 34px; height: 34px; background: url(/img/show-arrow01.png); position: absolute; top: 0px; bottom: 30px; margin-top: auto; margin-bottom: auto; }
.showProCont a.showProLeft:before { background-position: left top; left: 100%; margin-left: 6.90608%; }
.showProCont a.showProLeft:hover:before { background-position: left bottom; }
.showProCont a.showProRight:before { background-position: right top; right: 100%; margin-right: 6.90608%; }
.showProCont a.showProRight:hover:before { background-position: right bottom; }

.showCase { padding-top: 0px; padding-bottom: 20px; }
.showCase .showTitle { /*text-transform: uppercase;*/ }
.showCase a.moreFour:hover { color: #353535; }
.showCase a.moreFour:hover span { border-color: #000; }
.showCase .caseDisplay { padding-bottom: 26px;margin-top:0px; }

.caseDisplay { padding-top: 0.86207%; }
.caseDisplay .caseBox { margin-right:5px;margin-left:5px;position: relative; line-height: 1; background: #e4e4e4; margin-top: 20px; margin-left:0px;margin-right:20px;}
.caseDisplay .caseBox a { background: transparent; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; line-height: 1.2; color: transparent; }
.caseDisplay .caseBox a:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.caseDisplay .caseBox a span:first-child { position:absolute;top:120px; display: inline-block; width: 95%; margin-left: 2.5%; vertical-align: middle; text-align: center; font-size: 20px; margin-top: -8px; }
.caseDisplay .caseBox a span { opacity: 0; filter: alpha(opacity=0); }
.caseDisplay .caseBox a:hover { color: #fff; background: url(/images/bg-gray.png) repeat;   background: rgba(0, 0, 0, 0.5) !important; /* IEÎÞЧ£¬FFÓÐЧ */  
            background: #000;  
            filter: alpha(opacity=50);  }
.caseDisplay .caseBox a:hover span { opacity: 1; filter: alpha(opacity=100); }
.caseDisplay .caseBox a .place { text-align:center; position: absolute; font-size: 14px; left: 0px; margin-left: 6.30137%; right: 15px; bottom: 80px; margin-bottom: 2.19178%; }
.caseDisplay .caseBox:before, .caseDisplay .caseBox{ background-image:url(../image/hjj.png); background-repeat:no-repeat; background-position:center bottom;
/*content: ''; position: absolute; width: 50%; height: 5px; border-radius: 50%; overflow: hidden; bottom: 8px; box-shadow: 0px 8px 7px rgba(0, 0, 0, 0.7); z-index: -1;*/ }
/*.caseDisplay .caseBox:before { left: 3%; transform: rotate(-2deg); transform-origin: 50% 50%; -ms-transform: rotate(-2deg); -ms-transform-origin: 50% 50%; -webkit-transform: rotate(-2deg); -webkit-transform-origin: 50% 50%; -moz-transform: rotate(-2deg); -moz-transform-origin: 50% 50%; -o-transform: rotate(-2deg); -o-transform-origin: 50% 50%; }*/
.caseDisplay .caseBox{float:left;margin-bottom:0px; }
.caseDisplay .caseBox img{float:left;width:315px;height:250px;margin-left:25px;margin-top:10px;}
.caseDisplay .caseBox:after { right: 3%; transform: rotate(2deg); transform-origin: 50% 50%; -ms-transform: rotate(2deg); -ms-transform-origin: 50% 50%; -webkit-transform: rotate(2deg); -webkit-transform-origin: 50% 50%; -moz-transform: rotate(2deg); -moz-transform-origin: 50% 50%; -o-transform: rotate(2deg); -o-transform-origin: 50% 50%; }
.caseDisplay .line, .caseDisplay .caseBox { width: 31.46552%; }

.showSer { margin-top: 1.72414%; padding-top: 17px; position: relative; padding-bottom: 60px; }
.showSer .showTitle { text-align: center; color: #fff; position: relative; z-index: 9; font-weight: normal; }
.showSer .showTitle:before { content: ''; position: absolute; position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 250px; height: 4px; bottom: 16px; border-radius: 50%; overflow: hidden; box-shadow: 0px 15px 6px rgba(0, 0, 0, 0.7); z-index: -1; max-width: 60%; }
.showSer:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: #222; z-index: -10; }

.showSerTitle { text-align: center; }

.showSerList { counter-reset: subsection; padding-top: 25px; margin-top: 2.15517%; }
.showSerList li { width: 33.333%; float: left; border-top: 1px solid #393939; position: relative; }
.showSerList li a { color: #7f7f7f; display: block; width: 100%; height:80px; padding-top: 10px; padding-bottom: 20px; position:relative; }
.showSerList li a span { line-height: 1.1; font-size: 13px; font-weight: bold; left:70px; bottom:20px;}
.showSerList li a i { font-size: 20px; color: #7f7f7f; display: block; margin-bottom: 9px; font-weight: normal; margin-top: 2px; }
.showSerList li a:hover, .showSerList li a:hover i { color: #fff; }
.showSerList li a:before { content: counter(subsection); counter-increment: subsection; font-size: 80px; width: 70px; height: 80px; line-height: 80px; text-align: center; left:0; top:10px;}
.showSerList li a:before, .showSerList li a span { display:block; position:absolute; margin-left:4.2%;}
.showSerList li:before { content: ''; width: 80%; position: absolute; top: 0; left: 10%; height: 30px; z-index: -1; background: url(/img/bg-light.png) no-repeat center top; background-size: 100% 100%; display: none; }
.showSerList li:hover:before { display: block; }

#footer { position: relative; border-top: 1px solid #393939; background: #222; color: #999; }
#footer p { padding: 13px 0px; }
#footer #goTop { position: absolute; bottom: 100%; font-size: 30px; width: 154px; height: 80px; z-index: 8; bottom: 100%; position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; background: url(/img/bg-gotop.png) no-repeat center top; cursor: pointer; color: #fff; margin-bottom: -1px; transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -webkit-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; -ms-transition: all 0s ease 0s; }
#footer #goTop span { display: block; text-align: center; margin-top: 43px; line-height: 1; }
#footer #goTop:hover { background-position: center -90px; }
#footer:before { content: ''; width: 590px; height: 3px; overflow: hidden; background: url(/img/bg-foot-line.png) center; background-size: 100% 100%; position: absolute; position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; bottom: 100%; z-index: 3; background: -webkit-linear-gradient(left, transparent, white 15%, white 85%, transparent); background: -moz-linear-gradient(left, transparent, white 15%, white 85%, transparent); background: -o-linear-gradient(left, transparent, white 15%, white 85%, transparent); background: -ms-linear-gradient(left, transparent, white 15%, white 85%, transparent); background: linear-gradient(left, transparent, white 15%, white 85%, transparent); }

#main { padding-bottom: 100px; }

#location { text-align: right; padding-top: 6px; padding-bottom: 15px; }

#content { padding-top: 20px; margin-top: 1.72414%; }
#content p { text-indent: 24px; }

.pTitle { font-size: 20px; line-height: 1.2; margin-bottom: 10px; padding-top: 3px; }
.pTitle:before { content: ''; width: 22px; height: 21px; display: inline-block; vertical-align: bottom; background: url(/img/bg-ptitle.png) no-repeat center; }

.pSlogan { padding-bottom: 18px; margin-bottom: 2.58621%; }

.caseMenu { padding: 0 1.81034%; position: relative; margin-bottom: 1.55172%; }
.caseMenu li { display: inline-block; vertical-align: top; width: 108px; height: 42px; line-height: 42px; text-align: center; margin-bottom: 6px; }
.caseMenu li a { display: block; color: #fff; font-size: 14px; }
.caseMenu li a:hover, .caseMenu li a.selected { background: #be0027; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5); }
.caseMenu:before { content: ''; position: absolute; width: 100%; height: auto; left: 0; right: 0; top: 0; bottom: 6px; z-index: -10; background: #222; }
.caseMenu:after { content: ''; width: 100%; left: 0; right: 0; top: 1px; bottom: 7px; border-top: 1px solid #fff; position: absolute; border-bottom: 1px solid #fff; z-index: -8; }

.contentWrap { padding-bottom: 15px; }
.contentWrap.join { border-top: 1px solid #ccc; padding-top: 12px; }

.caseTitle { font-size: 20px; color: #be0027; line-height: 1.5; padding-bottom: 7px; border-bottom: 1px solid #ccc; margin-bottom: 16px; }

.prenext { line-height: 1.2; padding: 3px 0px; margin-bottom: 5px; }

.prenext b { padding-right: 3px; font-weight: normal; color: #be0027; font-weight: bold; }

.preN { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 12px; }
.preN .bdsharebuttonbox { margin-bottom: 10px; }

.proMenu{ font-size:0px;}
.proMenu li { width: 32.84483%;  margin-bottom: 8px; font-size:12px;}
.proMenu li a { display: table; color: #fff; width: 100%; text-align: center; height: 83px; line-height: 1.2; background: #222; }
.proMenu li a:hover, .proMenu li a.selected { background: #be0027; }
.proMenu li a span { display: table-cell; vertical-align: middle; padding-left: 5px; padding-right: 5px; }
.proMenu li a i { color: #fff; display: block; margin-top: 14px; }

.productTitle { font-size: 30px; line-height: 1.2; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 16px; color: #be0027; text-align: center; padding-top: 25px; margin-top: 2.58621%; }

.pTitle.pro { font-size: 18px; color: #be0027; }

.bigText { font-size: 30px; line-height: 1; }

.contactTitle { font-size: 20px; line-height: 1.2; }
.contactTitle span { font-size: 14px; }

.infoList { padding-top: 20px; margin-top: 1.03448%; margin-bottom: 2.58621%; }
.infoList li { width: 17.75862%; background: #d6d6d6; margin-bottom: 30px; height: 154px; }
.infoList li:hover { background: #be0027; color: #fff; }
.infoList li:hover a { color: #fff; }
.infoList li a, .infoList li span { display: block; text-align: center; }
.infoList li .title { font-size: 20px; line-height: 1; padding-top: 35px; margin-bottom: 17px; height: auto; }
.infoList li span { padding: 0 8.73786%; }
.infoList .line { display: none; }
.infoList li.contImg { width: 58.7931%; background: url(/img/img-contact.jpg) no-repeat center; background-size: cover; }

#quotation { padding-top: 15px; margin-top: 1.03448%; width: 95.68966%; }
#quotation li { margin-bottom: 12px; padding-right: 10px; position: relative; }
#quotation li input, #quotation li textarea { border: 0px none; width: 100%; background: #e8e8e8; border: 1px solid #d8d8d8; }
#quotation li textarea { max-width: 100%; height: 93px; line-height: 22px; padding: 3px 6px; }
#quotation li input { height: 38px; line-height: 24px; padding: 6px 6px; }
#quotation li i { color: #be0027; font-size: 14px; }
#quotation li img { vertical-align: middle; }
#quotation li input.btn { color: #fff; font-size: 14px; background: linear-gradient(#d20b33, #bf0128); background: -webkit-linear-gradient(top, #d20b33, #bf0128); background: -moz-linear-gradient(top, #d20b33, #bf0128); background: -o-linear-gradient(top, #d20b33, #bf0128); background: -ms-linear-gradient(top, #d20b33, #bf0128); background: linear-gradient(top, #d20b33, #bf0128); width: 223px; max-width: 100%; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#d20b33', endColorStr='#bf0128', gradientType='0'); }
#quotation li input[name="code"] { width: 73px; height: 28px; padding: 1px 6px; }
#quotation li strong { line-height: 22px; display: inline-block; vertical-align: middle; font-weight: normal; padding-right: 8px; }
#quotation li input + i, #quotation li textarea + i { position: absolute; right: 0px; top: 20px; }

.market { text-align: center; padding-bottom: 16px; margin-bottom: 1.2069%; }

.marketWrap { display: table; width: 100%; background: #222; margin-bottom: 4.31034%; }
.marketWrap .proPic { width: 460px; }
.marketWrap .proPic img { width: 100%; }
.marketWrap p, .marketWrap .proPic { display: table-cell; vertical-align: middle; }
.marketWrap p { color: #fff; line-height: 2; padding: 1.2% 3.01724%; }

.sList { line-height: 1.5; padding-top: 10px; margin-top: 0.77586%; }
.sList dl { width: 32%; padding-top: 8px; margin-top: 0.68966%; }
.sList dt { color: #be0027; font-size: 16px; margin-bottom: 10px; }
.sList dd { padding-left: 8px; position: relative; margin-bottom: 12px; }
.sList dd:before { content: ''; width: 5px; height: 5px; overflow: hidden; background: #353535; position: absolute; left: 0; top: 6px; }

.newsMenu a { width: 50%; height: 57px; line-height: 57px; text-align: center; display: block; float: left; background: #222; font-size: 20px; color: #fff; }
.newsMenu a:first-child { border-right: 1px solid #fff; }
.newsMenu a:hover, .newsMenu a.selected { background: #be0027; }

.newsMainTitle { font-size: 40px; line-height: 1; padding: 20px 0; margin: 1.72414% 0; text-align: center; }

.newsList li { display: table; width: 50%; background: #e5e5e5; border-right: 1px solid #fff; float: left; }
.newsList li:hover { background: #fff; }
.newsList .proPic, .newsList .listText { display: table-cell; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; vertical-align: top; padding-top: 30px; padding-left: 3.44828%; }
.newsList .proPic { width: 114px; padding-bottom: 30px; }
.newsList .proPic img { width: 100%; }
.newsList .listText { padding-right: 3.44828%; }
.newsList .listText p { color: #737373; line-height: 21px; overflow: hidden; max-height: 42px; }
.newsList .listText .listTitle { font-size: 14px; text-align: center; line-height: 1.2; margin-bottom: 3px; }
.newsList .updatetime { display: block; text-align: right; margin-top: -21px; }

.newsTitle { font-size: 20px; text-align: center; line-height: 1.2; border-bottom: 1px solid #ccc; padding-bottom: 10px; }

.newsTime { padding-top: 5px; padding-bottom: 6px; margin-bottom: 0.51724%; }

#cupBanner { background: url(/img/banner-cup.jpg) no-repeat center top; padding-top: 30px; padding-bottom: 20px; background-size: cover; }

.cupTitle { margin-top: 6.03448%; padding-bottom: 14px; margin-bottom: 0.51724%; }

.bannerWrap { margin-bottom: 2.5%; }
.bannerWrap > .proPic { width: 53.10345%; }
.bannerWrap > .proPic img { border: 1px solid #222; }

.cupList { width: 46.2069%; }
.cupList li { display: block; border: 1px solid #222; background: #222; color: #fff; margin-bottom: 1.49254%; font-size: 0px; }
.cupList li:hover { border-color: #fff; background: #fff; }
.cupList li:hover .listTitle a, .cupList li:hover p { color: #353535; }
.cupList .listText, .cupList .proPic { vertical-align: middle; }
.cupList .proPic { width: 36.19403%; }
.cupList .proPic img { width: 100%; }
.cupList .listTitle { font-size: 14px; margin-bottom: 3px; line-height: 1.2; }
.cupList .listTitle a { color: #f7ef30; }
.cupList .listText { padding: 5px; width: 58.76866%; }
.cupList .listText p { line-height: 21px; overflow: hidden; max-height: 42px; font-size: 12px; }

.cupImg .showTitle i { color: #44c628; }
.cupImg .cupSlider { margin-bottom: 2.15517%; }

.cupImg, .cupVideo, .cupNews { padding-top: 25px; }
.cupImg .showTitle, .cupVideo .showTitle, .cupNews .showTitle { margin-top: 2.15517%; }

.cupSlider { padding: 25px 102px; margin-top: 1.2931%; }
.cupSlider .proPic { padding-bottom: 10px; margin-bottom: 1.04603%; width: 48.5%; }
.cupSlider .proPicTitle { margin-top: 12px; }
.cupSlider .flex-direction-nav a { width: 80px; height: 80px; background: url(/img/cup-arrow1.png); margin-top: -60px; }
.cupSlider.flexslider .flex-prev, .cupSlider.flexslider .flex-next, .cupSlider.flexslider:hover .flex-prev, .cupSlider.flexslider:hover .flex-next { opacity: 1; filter: alpha(opacity=100); }
.cupSlider.flexslider .flex-prev, .cupSlider.flexslider:hover .flex-prev { left: 0; }
.cupSlider.flexslider .flex-next, .cupSlider.flexslider:hover .flex-next { right: 0; }
.cupSlider.flexslider .flex-prev { background-position: left top; }
.cupSlider.flexslider .flex-prev:hover { background-position: left bottom; }
.cupSlider.flexslider .flex-next { background-position: right top; }
.cupSlider.flexslider .flex-next:hover { background-position: right bottom; }

.cupVideo { background: #222; padding-bottom: 1px; }
.cupVideo .showTitle { color: #fff; }
.cupVideo .showTitle i { color: #f7ef30; }
.cupVideo .cupSlider .flex-direction-nav a { background: url(/img/cup-arrow2.png); }
.cupVideo .cupSlider.flexslider .flex-next { background-position: right top; }
.cupVideo .cupSlider.flexslider .flex-next:hover { background-position: right bottom; }
.cupVideo .proPic > a:first-child { position: relative; }
.cupVideo .proPic > a:first-child:before { content: ''; background: url(/img/bg-gray.png) repeat; background: rgba(0, 0, 0, 0.8); width: 50px; height: 50px; border: 1px solid #222; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 4px; overflow: hidden; }
.cupVideo .proPic > a:first-child:after { content: ''; border-width: 10px 16px; border-color: transparent transparent transparent #fff; left: 18px; right: 0; top: 0; bottom: 0; margin: auto; }

.cupNewsList { padding-left: 2.41379%; padding-right: 2.41379%; font-size: 14px; padding-top: 14px; margin-top: 1.2069%; padding-bottom: 80px; margin-bottom: 3.01724%; }
.cupNewsList li { border-bottom: 1px dotted #adadad; position: relative; line-height: 48px; width: 48.62069%; }
.cupNewsList li a:first-child { position: relative; padding-left: 41px; color: #9a9a9a; padding-right: 43px; }
.cupNewsList li a:first-child:before { content: ''; width: 40px; height: 48px; opacity: 0.6; left: 0; top: 0; position: absolute; background: url(/img/bg-cup-news.png) no-repeat center; }
.cupNewsList li a:first-child:hover { color: #353535; }
.cupNewsList li a:first-child:hover:before { opacity: 1; }
.cupNewsList li a:last-child { opacity: 0; filter: alpha(opacity=0); position: absolute; right: 3px; top: 0; }
.cupNewsList li:hover { border-color: #353535; }
.cupNewsList li:hover a:last-child { opacity: 1; filter: alpha(opacity=100); }

.aboutBigT .box { font-size: 58px; color: #be0027; line-height: 1; padding-bottom: 6px; margin-bottom: 1%; }
.aboutBigT .box span { display: block; font-size: 22px; color: #353535; margin-top: 3%; padding-top: 6px; }

#footerToolBar { position: fixed; bottom: 0px; left: 0px; height: 0px; width: 100%; height: 45px; background: #333333; border-top: 1px solid rgba(255, 255, 255, 0.2); display: none; }
#footerToolBar #footerBarClose { width: 100px; height: 20px; position: absolute; top: -20px; left: 50%; margin-left: -50px; cursor: pointer; }
#footerToolBar #footerBarClose:before { content: "\e626"; font-family: icomoon; font-size: 12px; color: #fff; text-align: center; line-height: 18px; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 18px; background: #333333; border-radius: 4px 4px 0px 0px; overflow: hidden; }
#footerToolBar li { width: 20%; height: 43px; float: left; text-align: center; margin-top: 2px; border-color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; }
#footerToolBar li a { display: block; height: 43px; color: #fff; font-size: 12px; line-height: 1; text-transform: capitalize; opacity: 0.8; filter: alpha(opacity=80); }
#footerToolBar li a:before { content: ''; width: 30px; height: 20px; margin: 4px auto 3px auto; display: block; background: url(/img/footer-tool.png) no-repeat; }
#footerToolBar li:first-child { border-left: 0px none; }
#footerToolBar .footerBarPro a:before { background-position: -120px 0px; }
#footerToolBar .footerBarTel a:before { background-position: -90px 0px; }
#footerToolBar .footerBarEmail a:before { background-position: 0px 0px; }
#footerToolBar .footerBarMessage a:before { background-position: -30px 0px; }
#footerToolBar .footerBarShare a:before { background-position: -60px 0px; }
#footerToolBar.close { bottom: -43px; }
#footerToolBar.close #footerBarClose:before { content: '\e627'; }

.toolMask { background: #f7f7f7; position: fixed; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow-x: hidden; overflow-y: hidden; z-index: 1200; margin-left: 100%; }
.toolMask.moveLeft { margin-left: 0; }
.toolMask .toolTop { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 43px; line-height: 42px; font-size: 18px; text-transform: uppercase; text-align: center; border-bottom: 1px solid #ddd; background: #fcfcfc; padding-right: 32px; }
.toolMask .toolContent { position: absolute; top: 42px; width: 100%; left: 0px; bottom: 5px; overflow-y: scroll; background: #f7f7f7; }
.toolMask .toolContent .ToolListTitle, .toolMask .toolContent dd, .toolMask .toolContent dt { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; font-size: 15px; line-height: 1.2; }
.toolMask .toolContent .ToolListTitle a, .toolMask .toolContent dd a, .toolMask .toolContent dt a { display: block; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; }
.toolMask .toolContent .ToolListTitle { font-size: 15px; text-transform: uppercase; padding: 10px; font-weight: bold; background: #eee; }
.toolMask .toolContent dd, .toolMask .toolContent dt { padding-left: 20px; }
.toolMask .toolContent dt { font-weight: bold; }
.toolMask .toolContent dl:last-child { padding-bottom: 30px; }
.toolMask #toolCloseBtn { position: absolute; right: 0px; top: 0px; width: 55px; height: 42px; cursor: pointer; z-index: 1210; }
.toolMask #toolCloseBtn:before { content: "\e60e"; font-family: icomoon; font-size: 14px; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; overflow: hidden; color: #fff; background: #aaa; position: absolute; top: 5px; right: 5px; }
.toolMask #toolCloseBtn:hover:before { background: #bbb; }

#footerToolbox, #footerToolBtn, #footerToolbox ul, #footerToolbox li, #footerToolbox li a { margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; }

#footerToolbox li { list-style: none; }

#footerToolBtn { position: absolute; width: 13px; height: 58px; left: -12px; top: 0px; bottom: 0px; margin: auto; border-radius: 22px 0px 0px 22px/8px 0px 0px 8px; cursor: pointer; background: url(/img/footerbox/footerTool-icon.png) no-repeat 1px -168px; }

#footerToolbox { position: fixed; width: 42px; bottom: 50%; margin-bottom: -103px; right: 0px; z-index: 999; text-align: center; font-size: 12px; line-height: 1; font-family: Arial, Helvetica,San-serif, 'Microsoft YaHei', SimSun; visibility: hidden; }
#footerToolbox ul li { width: 40px; height: 40px; border-width: 1px 1px 0px 1px; border-color: rgba(255, 255, 255, 0.6); border-style: solid; }
#footerToolbox ul li:last-child { border-bottom-width: 1px; }
#footerToolbox ul li a { display: block; line-height: 40px; text-indent: 299px; background-image: url(/img/footerbox/footerTool-icon.png); background-repeat: no-repeat; overflow: hidden; white-space: nowrap; }

#toolTel a { background-position: center 8px; }

#toolEmail a { background-position: center -28px; }

#toolMap a { background-position: center -62px; }

#toolShare a { background-position: center -98px; }

#toolMessage a { background-position: center -133px; }

#footerToolbox.close #footerToolBtn { background-position: -13px -168px; }

#footerToolbox.close { left: 100%; margin-left: 1px; right: auto; }

#footerToolBtn { background-color: #0865a7; }
#footerToolBtn:hover { background-color: #4080ae; }

#footerToolbox ul li a { background-color: #0865a7; }
#footerToolbox ul li a:hover { background-color: #4080ae; }

@font-face { font-family: 'BebasRegular'; src: url("/img/footerbox/bebas.eot"); src: url("/img/footerbox/bebas.eot") format("embedded-opentype"), url("/img/footerbox/bebas.woff") format("woff"), url("/img/footerbox/bebas.ttf") format("truetype"), url("/img/footerbox/bebas.svg") format("svg"); font-weight: normal; font-style: normal; }
#chatToolBox { position: fixed; width: 110px; bottom: 90px; right: -5px; font-family: Arial, Helvetica,San-serif, 'Microsoft YaHei', SimSun; color: #fff; z-index: 999; }
#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block; }
#chatToolBox, #chatToolBox h3, #chatToolBox ul, #chatToolBox li { margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; }
#chatToolBox li { list-style: none; padding-right: 5px; }
#chatToolBox #chatToolMail a { font-size: 40px; line-height: 44px; letter-spacing: -1px; padding-top: 28px; padding-bottom: 22px; text-transform: uppercase; font-family: BebasRegular, "Arial Narrow", Arial, San-serif; }
#chatToolBox .chatToolContact { font-size: 16px; background: #444444; margin-top: 5px; text-transform: capitalize; padding: 6px 0px; }
#chatToolBox:hover { right: 0px; }
#chatToolBox #chatToolMail i { position: absolute; top: 0px; width: 100%; height: 28px; line-height: 28px; text-align: center; color: #fff; background: transparent; cursor: pointer; }
#chatToolBox #chatToolMail i:before { content: '\e640'; font-size: 24px; font-family: icomoon; }
#chatToolBox.hiddenRight { right: -110px; padding-left: 28px; }
#chatToolBox.hiddenRight #chatToolMail i { width: 28px; height: 60px; line-height: 60px; left: 0px; background: inherit; top: 20px; }
#chatToolBox.hiddenRight #chatToolMail i:before { content: '\e625'; }

#chatToolMail { background: #0865a7; }

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("/img/fancybox/fancybox_sprite.png"); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("/img/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("/img/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("/img/fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

@media screen and (max-width: 1440px) { #banner { width: 114%; margin-left: -7%; } }
@media screen and (max-width: 1160px) { #showSlider { margin-top: 3.87931%; margin-bottom: 4.31034%; padding-bottom: 20px; }
  #showSlider { padding-right: 30%; }
  #showSlider .rsTab:hover:before { width: 100%; }
  .showProCont a.showProLeft:before { margin-left: 4.4%; }
  .showProCont a.showProRight:before { margin-right: 4.4%; }
  .showProCont .title { font-size: 36px; }
  .showProCont .title span { font-size: 13px; }
  .newsList .updatetime { margin-top: 0; }
  .showLink a { padding-right: 0px; margin-right: 2%; }
  .showLink a:last-child { margin-right: 0; }
  .cupNewsList { padding-left: 0; padding-right: 0; } 
}
@media screen and (max-width: 1100px){

}
@media screen and (max-width: 950px) { .center { width: 98%; }
  #nav { width: 100%; left: 0; top: 105px;}
  #nav a { padding-top: 15px; height: 56px; padding-left:30px; padding-right:30px; }
#nav ul{  text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
#nav ul:after{  height: 0px; width: 100%; display: inline-block; overflow: hidden; }
#nav li{ float:none; display:inline-block;}
  #header { height: auto; padding-bottom: 82px; }
  #logo { text-align: center; width: 100%; min-width: initial; }
  #banner { width: 124%; margin-left: -12%; }
  #showSlider { padding-right: 25%; }
  #showSlider .rsTab:before { display: none; }
  .caseDisplay .caseBox a span:first-child { font-size: 24px; }
  .caseDisplay .caseBox a .place { font-size: 12px; margin-left: 0; }
  .showProCont a.showProLeft:before { margin-left: 3%; }
  .showProCont a.showProRight:before { margin-right: 3%; }
  .showProCont a.showProLeft:before, .showProCont a.showProRight:before { width: 30px; height: 30px; background-size: 60px; }
  .showProCont .title { font-size: 34px; }
  .showProCont .title span { font-size: 12px; }
  .marketWrap .proPic { width: 46%; min-width: 340px; }
  .cupSlider, .cupVideo .cupSlider { padding-left: 70px; padding-right: 70px; }
  .cupSlider .flex-direction-nav a, .cupVideo .cupSlider .flex-direction-nav a { width: 60px; height: 60px; background-size: 120px; margin-top: -40px; } }
@media screen and (max-width: 850px) and (min-width: 751px) { .caseDisplay .caseBox a span:first-child { font-size: 20px; } }
@media screen and (max-width: 850px) { .showSerList li { width: 50%; }
  .sList dl { width: 47%; }
  .sList dl:last-child { width: 100%; }
  .newsList li { width: 100%; }
  .newsMainTitle { font-size: 35px; }
  .infoList li { width: 31%; }
  .infoList li.contImg { width: 65.5%; }
  .infoList .line { display: inline-block; }
  .productTitle { font-size: 26px; }
  .aboutBigT .box { font-size: 50px; }
  .aboutBigT .box span { font-size: 20px; } }
@media screen and (max-width: 800px) { .showProCont a.showProLeft:before, .showProCont a.showProRight:before { display: none; }
  .showProCont .title { font-size: 26px; position: static; width: 100%; }
  .showProCont a.box { width: 47%; }
  .cupNewsList li { width: 100%; } 
.cupNewsList li a:last-child{ display:none;}
.cupNewsList li a:first-child{ padding-right:0;}
 #nav a { padding-top: 15px; height: 56px; padding-left:26px; padding-right:26px; }
}

@media screen and (max-width: 750px) { #showSlider { padding-right: 0; }
  #showSlider .rsTabs { position: static; padding-top: 20px; margin-top: 1.5%; width: 100%; }
  #showSlider .rsTab { float: left; margin-right: 2%; max-width: 32%; }
  #showSlider .rsTab:last-child { margin-right: 0; }
  .showTitle { font-size: 40px; }
  .caseDisplay .caseBox { width: 48.2%; }
  .caseDisplay .line { display: none; }
  .bigText { font-size: 26px; }
  .cupSlider, .cupVideo .cupSlider { padding-left: 40px; padding-right: 40px; }
  .cupSlider .flex-direction-nav a, .cupVideo .cupSlider .flex-direction-nav a { width: 35px; height: 35px; background-size: 70px; margin-top: -35px; }
  .aboutBigT .box { font-size: 40px; }
  .aboutBigT .box span { font-size: 18px; } }
@media screen and (max-width: 720px) { .center { width: 97%; }
  #menuTop { display: block; }
  #header { padding-bottom: 10px; position: static; margin-top: 45px; }
  #nav { top: 44px; background: #222; z-index: 199; display: none; }
  #nav li , #nav ul { display: block; }
  #nav a { padding: 6px 0; height: auto; width: auto; text-align: center; color: #efefef; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); border-top: 1px solid #272727; border-bottom: 1px solid #191919; }
  #nav a span { color: #888; position:static; padding-bottom:3px;}
  #subMenu { position: static; height: auto; border: 0px none; text-align: center; width: 100%; padding: 0; }
  #subMenu:before, #subMenu:after { display: none; }
  #subMenu li { margin-right: 2.8%; }
  #subMenu li:last-child { margin-right: 0; }
  .marketWrap { padding: 5px; }
  .marketWrap, .marketWrap .proPic, .marketWrap p { display: block; }
  .marketWrap .proPic { min-width: initial; text-align: center; width: 100%; }
  .marketWrap .proPic img { width: auto; }
  #cupBanner { padding-top: 10px; } }
@media screen and (max-width: 650px) { .showTitle { font-size: 36px; }
  .showTitle span { font-size: 22px;font-family: "΢ÈíÑźÚ"; }
  .pTitle { font-size: 18px; }
  .pTitle.pro { font-size: 16px; } 

#banner .flex-control-paging li a{ width:9px; height:9px;}
#banner .flex-control-nav li{ margin:0 4px;}
}
@media screen and (max-width: 599px){ #banner { width: 100%; margin-left: 0; } }

@media screen and (max-width: 600px) { 
  .showProTop { text-align: right; }
  .showProTop .showTitle { display: block; text-align: left; }
  .showProTop a.moreFour { width: auto; }
  .showProTop a.moreFour span, .showProTop a.moreFour i { min-width: initial; padding: 0; }
  .showProTop a.moreFour span:first-child { border-right: 0px none; }
  .showProTop a.moreFour span:nth-child(3), .showProTop a.moreFour i { display: none; }
  .caseDisplay .caseBox a span:first-child { font-size: 20px; }
  .showProCont .title { font-size: 22px; }
  #bannerSub { height: 75px; }
  .caseTitle, .newsTitle { font-size: 18px; }
  .newsMenu a { height: 45px; line-height: 45px; font-size: 18px; }
  .newsMainTitle { font-size: 30px; }
  .contactTitle { font-size: 18px; }
  .contactTitle span { font-size: 12px; }
  .proMenu li { width: 49%; }
  .proMenu li a i { margin-top: 6px; }
  .productTitle { font-size: 20px; }
  .aboutBigT .box { font-size: 34px; }
  .aboutBigT .box span { font-size: 16px; } }
@media screen and (max-width: 550px) { .showSerList li { width: 100%; }
  .infoList li { margin-bottom: 12px; }
  .infoList li .title { padding-top: 20px; padding-bottom: 10px; margin-bottom: 0; }
  .infoList li span { padding-bottom: 15px; }
  .infoList li, .infoList li.contImg { width: 48%; height: 120px; }
  .infoList .line { display: none; } }
@media screen and (max-width: 500px) { .center { width: 96%; }
  .caseDisplay .caseBox a span:first-child { font-size: 16px; }
  .showTitle { font-size: 26px; }
  .showTitle span { font-size: 18px; font-family: "΢ÈíÑźÚ";}
  .showSer .showTitle { font-size: 32px; }
  .bigText { font-size: 22px; }
  .sList dl { width: 100%; }
  .marketWrap { margin-bottom: 25px; } }
@media screen and (max-width: 450px) { .newsList li, .newsList .proPic, .newsList .listText { display: block; padding: 0; }
  .newsList .proPic, .newsList .listText { border: 0px none; }
  .newsList li { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; padding: 10px; }
  .newsList .listText { margin-top: 10px; }
  .newsList .listText .listTitle { text-align: left; }
  .newsList .listText p { height: auto; max-height: none; }
  .newsList .proPic { display: none; }
  .newsMainTitle { font-size: 22px; }
  #subMenu li { margin-right: 1.2%; }
  .aboutBigT .box { font-size: 28px; }
  .aboutBigT .box span { font-size: 14px; } }
@media screen and (max-width: 400px) { .list li { padding-right: 0; text-overflow: initial; white-space: normal; }
  .list li .updatetime { position: static; }
  .list li a { display: block; line-height: 1.2; padding-top: 3px; }
  .caseTitle, .newsTitle { font-size: 16px; }
  .infoList li { height: auto; margin-bottom: 12px; }
  .infoList li, .infoList li.contImg { width: 100%; }
  .infoList li .title { padding-top: 15px; padding-bottom: 10px; }
  .infoList li span { padding-bottom: 15px; }
  .infoList li.contImg { height: 100px; }
  .aboutBigT .box { font-size: 24px; }
  .aboutBigT .box span { font-size: 12px; } }
@media screen and (max-width: 350px) { .caseDisplay .caseBox, .showProCont a.box { width: 100%; }
  .showProCont .showProRight { margin-top: 10px; } 
.showSerList li a i{ font-size:16px;}
}
@media screen and (max-width: 780px) { .bannerWrap > .proPic { display: none; }
  .cupList { width: 100%; } }
@media screen and (max-width: 780px) and (min-width: 551px) { .cupList li { display: table; width: 100%; }
  .cupList .proPic, .cupList .listText { display: table-cell; vertical-align: middle; }
  .cupList .proPic { width: 194px; } }
@media screen and (max-width: 640px) { #footerToolbox { visibility: visible; }
  #chatToolBox { display: none; } }


#BDBridgeWrap.remove{ display:none;}

.marginB30{ padding-bottom:17px; margin-bottom:1.1%; padding-top:30px; margin-top:3.5%;}
.marginB30:first-child{ padding-top:0; margin-top:0;}


a.playBtn { position: relative; display:inline-block;}
a.playBtn:before { content: ''; background: url(/img/bg-gray.png) repeat; background: rgba(0, 0, 0, 0.8); width: 50px; height: 50px; border: 1px solid #222; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 4px; overflow: hidden; }
a.playBtn:after { content: ''; width: 0px; height: 0px; overflow: hidden; position: absolute; border-style: solid; border-width: 10px 16px; border-color: transparent transparent transparent #fff; left: 18px; right: 0; top: 0; bottom: 0; margin: auto; }


.customerWrap{ background:#e4e4e4; padding:15px; border-radius:4px; margin-bottom:24px; display:table; table-layout:fixed;}
.customerWrap .proPic , .customerWrap .customerText{ display:table-cell; vertical-align:middle;}
.customerWrap .proPic{ width:225px; max-width:28%; text-align:center;}
.customerWrap .customerText{  font-size:14px; padding-left:2.8%; }
#content .customerWrap .customerText p{ text-indent:0px;}
.customerWrap .proPic img , .customerWrap .proPic a{ width:100%;}
.customerWrap .customerName{ text-align:right; font-weight:bold; font-size:15px; margin-top:8px;}
@media screen and (max-width:800px){
.customerWrap .customerText{ font-size:13px;}
}
@media screen and (max-width:700px) and (min-width:600px){
.customerWrap .customerText{ font-size:12px;}
}
@media screen and (max-width:600px) {
.customerWrap , .customerWrap .proPic , .customerWrap .customerText{ display:block;}
.customerWrap .proPic , .customerWrap .customerText{ width:100%; max-width:none;}
.customerWrap .proPic img{ width:auto;}
 .customerWrap .customerText{ padding-left:0; margin-top:1%; padding-top:10px;}
} 
.title25{ font-size:25px;}
.text22{ font-size:22px; margin:1% 0 ; padding:5px 0 10px 0; line-height:1.2; color:#666;}
.textC{ text-align:center;}
#media{width:100%;font-size:14px;padding-bottom:18px; margin-bottom:2%;}
    	#media label {position: relative;display:block;padding-right:90px; width:680px; max-width:100%; margin-left:auto; margin-right:auto;}
    	#media b{font-weight: normal; font-size:18px; display:block; text-align:center; ling-height:1; padding-bottom:10px;}
    	#media label input[type="text"]{border:3px solid #BE0027;width:100%;height:36px;padding:4px 6px; line-height:22px;}
    	#media label input[type="submit"]{position: absolute;right:0;height:36px;top:0;width:90px; background-color:#BE0027;border:0;color:#fff;font-size: 15px; }

@media screen and (max-width:600px){
.title25{ font-size:22px;}
.text22{ font-size:18px;}
#media b{ font-size:16px;}
}

#quotation.formNoTop{ margin-top:0; padding-top:0;}



.justify.box2 .box{ width:47%;  margin-bottom:8px;}
	@media screen and (max-width:600px){
		.justify.box2 .box{ width:100%;}
	}