/* CSS Document */
body {margin:0px; padding:0px; color:#232323; font: 0.75em/150% poppinsregular,Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none; font-style:normal;}
@font-face {
    font-family: 'poppinsregular';
    src: url('../eot/poppins-regular-webfontpnot41.eot');
    src: url('../eot/poppins-regular-webfontpnot41.eot') format('embedded-opentype'),
         url('../woff2/poppins-regular-webfontpnot41.woff2') format('woff2'),
         url('../woff/poppins-regular-webfontpnot41.woff') format('woff'),
         url('../ttf/poppins-regular-webfontpnot41.ttf') format('truetype'),
         url('../svg/poppins-regular-webfontpnot41.svg') format('svg'); font-display:optional;}

ul, ol, li, p, form, fieldset, table, td, img, div, dl, dt, dd, tr ,span,a ,input,select{margin:0px;padding:0px; font-family:poppinsregular,Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;}
h1,h2,h3,h4,h5,h6 {margin:0px;padding:0px; font-family:poppinsregular,Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased;}
input,select ,textarea{ font-family: poppinsregular,tahoma,Arial, sans-serif; outline:none;-webkit-font-smoothing:none;-webkit-font-smoothing: antialiased;-webkit-appearance: none;}
ul,li { list-style:none;}
a { text-decoration:none; color:#313335;-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;}
a,area{blr:expression(this.onFocus=this.blur());}/*For IE*/
:focus{-moz-outline-style:none;}/*For Firefox*/
a:hover {color:#444; text-decoration:underline;}

.watop img,.wabanner img,.grbg img,#wainprod img,.wainapbg img,#wainbnews img,#wainpart img,.reqbg img,#bottom img,.topadv img,.rbox img, object {-ms-interpolation-mode: bicubic; border:none;height: auto; width: auto; max-width:100%; }
.pad {padding-top:12px;}
.overf {overflow:hidden;}
.wrap {	max-width:1200px; padding:0px;margin:0px auto;}
.fl {float:left;}
.fr {float:right;}
.clear { clear:both; font-size:0px;}

.watop {padding:20px 0 10px 0;/*background:rgba(0,0,0,0.6);*/ background:#fff; z-index:99; width:100%;box-shadow: 0 2px 10px 0 #bdbdbd; /*position:fixed;*/}
.wafix { position:fixed; padding:10px;}
#walogo { width:13%;}
#walogo img { max-height:90px;}
.watop {padding:20px 0 10px 0;background:#fff; width:100%;box-shadow: 0 2px 10px 0 #bdbdbd;}
#walogo { width:20%;margin-top:28px;}
#walogo img { max-height:90px;}
.watdh { background:#1f262d; padding:10px 0; width:100%; color:#fff;}
#watdhl {}
#watdhl ul { overflow:hidden;}
#watdhl ul li { float:right; margin-left:3em; padding-left:22px; font-size:1.15em; line-height:28px;}
#watdhl ul li a { color:#fff;}
#watdhl ul li.ema {background:url(../png/tema1garn31.png) left center no-repeat;}
#watdhl ul li.tel {background:url(../png/ttel1i0ca9c.png) left center no-repeat;}
#watdhr { }
#watdhr a{ display:inline-block; margin-left:15px; line-height:0; vertical-align:middle;}
#watdhr img { max-height:18px;}
#grtdhr span { line-height:20px; color:#fff; font-size:1.15em;}

#watopr { width:74.5%;}
#wasear { position:relative; margin-left:3em; width:45px; height:28px;}
#wasear span {width: 35px;height:28px;background: url(../png/sbtn7171pd.png) center center no-repeat;border: 0;cursor: pointer;position: absolute;left: 0;top: 0; text-indent:9999px;}
.headsearchbox {display: none;position: absolute; top:36px; right: 0px;background: none;width: 300px; 	border: 1px solid #eee;padding:0 5px;margin-left: 15px; 	border-radius:2px; 	background: none;  	z-index: 9999999; 	background: #fff; overflow:hidden;}
.cmtsear { background:#f6f6f6;padding:0; margin-left:1em; width:26%; padding:0 10px;-webkit-border-radius: 22px; -moz-border-radius:22px; border-radius: 22px;}
.tsinput {width:84%; height:32px; line-height:32px; padding:0px; text-indent:5px;outline:none; border:none;float:left; background:none; vertical-align:middle;}
.tsbtn { background:url(404.png) center center no-repeat; width:12%;border-top-right-radius:5px;border-bottom-right-radius:5px; height:32px;border:none;float:right; vertical-align:middle; cursor:pointer;}
#wadh { margin-top:15px;}
#genmenu {position:relative;font-size:1.25em; text-transform:uppercase; font-weight:bold;}

.wabanner { position:relative;}
.flexslider{position:relative;width:100%;height:auto; max-height:640px;overflow:hidden;zoom:1;}
.flex-viewport{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides li { text-align:center; line-height:0;}
/*.flexslider .slides li div { position:absolute;opacity:0.3;filter:alpha(opacity=30); background:#000; color:#fff; top:15%; right:10%; width:25%; padding:5%;}
.flexslider .slides li div a { color:#fff;}*/
.flex-direction-nav a{width:30px;height:45px;line-height:99em;overflow:hidden;margin:-30px 0 0;display:block;background:url(404.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -45px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:98%;position:absolute;bottom:2em;text-align:right; z-index:999; padding-top:10px;}
.flex-control-nav li{margin:0 1px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{display:block;height:8px;overflow:hidden;text-indent:-99em;width:40px; background:#333;margin-right:5px; cursor:pointer;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.flex-control-paging li a.flex-active{ background:#f34a33;}

#wawhy { padding:4em 0; position:relative;/*transform: translateY(-25%);z-index:1000;*/}
.wawhybox {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.wawhycol { position:relative;width: 100%;-ms-flex: 0 0 23%;flex: 0 0 23%;max-width: 23%; margin:0 1%;}
.wawhycol .wawhyitem { background:#fff; padding:30px 28px;text-align:center;transition: .25s cubic-bezier(0,0,.58,1);}
.wawhycol .wawhyitem:hover {-webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12); }
.wawhypic { text-align:center;}
.wawhyitem .wawhypic img {transition: .25s cubic-bezier(0,0,.58,1);}
.wawhycol .wawhyitem:hover img {-ms-transform: scale(1.2);
transform: scale(1.2);}
.wawhypic img { max-width:100px;}
.wawhyitem h5 a{ font-size:2em; line-height:2em; display:inline-block; margin-top:10px; color:#00a0e8;}
.wawhytext { font-size:1.25em; line-height:1.65em; margin-top:10px; color:#888; min-height:138px; max-height:138px; overflow:hidden;}
.wawhyitem h5 a:hover { text-decoration:none;}

.wainabout {padding:2em 0;}
.wainabpic { width:33%; line-height:0;}
.wainabpic img { position:relative; width:100%;}
.wainabwz { width:60%; }
.wainabwz h4 ,.wainapwz h4 {font-size:2.5em; line-height:2em; text-transform:uppercase; text-align:left; margin-top:0;}
.wainabwz h4 b ,.wainapwz h4 span {  color:#00a0e8;}
.wainabtext { font-size:1.25em; line-height:2em; padding:5px 0; text-align:left;}
.wainabmore { margin-top:25px; font-weight:bold;}
.wainabmore a { display:inline-block;border:solid 2px #00a0e8; border-radius:25px; background:none; color:#00a0e8; font-size:1.15em; line-height:1.5em; padding:10px 30px; border-radius:25px;-webkit-transition: all .3s;    -o-transition: all .3s; transition: all .3s;}
.wainabmore a:hover { background:#00a0e8; color:#fff; text-decoration:none;}

.grbg { background:#f5f6f9;padding:3em 0;}
#wainprod { padding:4em 0;}
#wainprod h4 { font-size:2.5em; line-height:2em; text-transform:uppercase; text-align:center;}
#wainprod h4 b { color:#00a0e8}
.wainptext { padding:5px 10%; text-align:center; font-size:1.15em; line-height:1.5em; color:#777;}
.wainprodbox { margin-top:15px;}
.wainprodbox .wainproditem {display:inline-block; vertical-align:top;*display:inline;*zoom:1; width:31%; margin:1em 0; margin-right:3%;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); overflow:hidden;}
.wainprodbox .wainpwbox { position:relative; z-index:1; margin-top:-15%; padding:30px; padding-top:15%;}
.wainprodbox .wainpwbox::before {position: absolute;
content: '';
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #ffffff;
transform-origin: 100% 50%;
transform: skewY(-6deg);
will-change: transform;
transition: all .3s ease;
pointer-events: none;
z-index: -1;}
.wainprodbox .wainproditem:hover .wainpwbox::before {transform:none;
	will-change: transform;}
.wainprodbox .wainprlast { margin-right:0;}
.wainproditem .wainppic { display:block; overflow:hidden;}
.wainproditem .wainppic img {transition: all .25s ease;}
.wainproditem .wainppic:hover img {transform: scale(1.1);}
.wainproditem h5 { font-size:1.75em; line-height:1.5em; text-transform:uppercase;}
.wainproditem h5 a {}
.wainproditem h5 a:hover {color:#00a0e8; text-decoration:none;}
.wainpctext { font-size:1.15em; line-height:1.75em; padding:15px 0; color:#777; max-height:96px; overflow:hidden;}
.wainpmore { padding:5px 0; font-weight:bold;}
.wainpmore a { display:inline-block;border:solid 2px #00a0e8; border-radius:25px; background:none; color:#00a0e8; font-size:1.15em; line-height:1.5em; padding:10px 30px;border-radius:25px;transition: all 0.5s ease 0s;}
.wainpmore a:hover { background:#00a0e8; color:#fff; text-decoration:none;}

.wainapbg {background-image: url("../jpg/aplbg38wqjk0.jpg");background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: cover;padding:5em 0;}
.wainapbg h4 {font-size:2.5em; line-height:2em; text-transform:uppercase; text-align:center; color:#fff;}
.wainapbg h4 b { color:#00a0e8}
#wainapbox {}
#wainapbox .wainapitem {display:inline-block; vertical-align:top;*display:inline;*zoom:1; width:21%; margin-top:2em; margin-bottom:1em; margin-right:5%;}
#wainapbox .wainaplast { margin-right:0;}
.waiinappic { display:block; margin:0 auto; width:120px; height:120px; text-align:center; padding:20px;background:#00a0e9; border-radius:50%;transition: all 0.5s ease 0s;}
.wainapitem:hover .waiinappic { background:#099adc;}
.wainapitem h5 { font-size:1.35em; line-height:2em; text-align:center; color:#fff; margin-top:15px; margin-bottom:5px;}
.wainapitem h5 a { color:#fff;}
.wainapitem h5 a:hover { text-decoration:none;}

#wainbnews { padding:5em 0;}
#wainbnews h4 {font-size:2.5em; line-height:2em; text-transform:uppercase; text-align:center;}
#wainbnews h4 b { color:#00a0e8}
.inbnewslist {padding-top:0;}
.inbnewslist ul { overflow:hidden;}
.inbnewslist ul li { display:inline-block; width:30.5%; margin:10px 3.75% 5px 0; vertical-align:top;*display:inline;*zoom:1; overflow:hidden;}
.inbnewslist ul li img { }
.inbnewslist ul li:last-child{ margin-right:0;}
.inbnewslist ul li div { display:block; padding:5px 0;}
.inbnewslist ul li div.inbpic img {transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
.inbnewslist ul li div.inbpic { overflow:hidden; padding:0; line-height:0;}
.inbnewslist ul li div.inbpic:hover img {transform: scale3d(1.04,1.04,1);}
.inbnewslist ul li div.inbwz {}
.inbnewslist ul li div.inbptit { font-size:15px; font-weight:bold; line-height:20px; min-height:40px; padding-top:15px;}
.inbnewslist ul li div.inbpdate {color:#00a0e8; line-height:1.5em; padding:3px 0;}
.inbnewslist ul li div.inbptext { font-size:14px; line-height:24px;color:#777; padding-top:3px;}
.inbotmore { display:block; margin-top:10px; text-align:center;}
.inbotmore a {text-align:center; margin-right:10px; display:inline-block;padding:5px 1.5em; margin-right:10px; background:#0462ff; font-size:1.05em; line-height:24px; margin:0 auto;-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear; color:#fff;-webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px;}
.inbotmore a:hover { background:#004fd3; text-decoration:none;}

#wainpart { margin-bottom:2em;}
#wainpart h4 {font-size:2.5em; line-height:2em; text-transform:uppercase; text-align:center;}
#wainpart h4 b { color:#00a0e8}
#marquee1 { overflow:hidden;}
.wainpabox {width:8000px;height:100px; margin-top:10px;}
.wainpabox ul { float:left;}
.wainpabox ul li { float:left; width:190px; margin:5px 10px;overflow:hidden;}

.wainpabox ul li img { border:solid 1px #eee;}

#botreq::before { content:''; position:absolute; background:#00a0e8; top: 0; right: 0; bottom: 0; left: 0;transform: skewX(-30deg); z-index:-1;}
#botreq { padding:2em 40px;font-weight:bold; margin-top:1em; position:relative; z-index:2; bottom:-40px;}
.brtitle { font-size:24px; line-height:40px; color:#fff;}
.brbtn {}
.brbtn a { display:inline-block; background:none; color:#fff; font-size:1.5em; line-height:24px; padding:6px 20px;border-radius:25px;border:solid 2px #fff;transition: all 0.5s ease 0s;}
.brbtn a:hover { background:#fff; color:#13b1f8; text-decoration:none;}


#bottom { padding:7em 0 4em 0; background:#353434; color:#bfbfbf;clear:both; text-align:left; position:relative;}
#bottom h4 { font-size:1.75em;  padding:3px 0px; color:#fff; line-height:2em; text-transform:uppercase; margin-bottom:5px;}
#botab { width:37%; padding-left:0.5%; padding-right:5%;}
.botabtext { padding:2px 0px; line-height:2em; font-size:1.15em;}
.botcate {width:17%; padding-right:5%;}
.botcate1 { width:15%; padding-right:5%;}
.botcatelist {}
.botcatelist ul { overflow:hidden;}
.botcatelist ul li {padding:8px 0px; font-size:1.15em; line-height:1.5em;}
.botcatelist ul li a {  padding-left:1px; color:#bfbfbf;}
.botltext { font-size:1.25em; line-height:2em; color:#555;}
#botlx { width:30%; padding-right:5%;}
.botlxlist { }
.botlxlist li { line-height:2em; padding:5px 0px 5px 26px; font-size:1.15em; line-height:24px; background-position:left 8px; background-repeat:no-repeat;}
.botlxlist li.cname { padding-left:0;font-weight:bold; color:#fff;}
.botlxlist li.cadd { background-image:url(../png/mcb_30ff8yd6.png); line-height:22px;}
.botlxlist li.cema { background-image:url(../png/mcb_embix9eo.png);}
.botlxlist li.cfax { background-image:url(../png/mcb_fa9r89v6.png);}
.botlxlist li.ctel { background-image:url(../png/mcb_33iv9yf9.png);}
.botlxlist li.cmob { background-image:url(404.png);}

#botsign { width:22%;}
.botsignbox { padding:0 0;}
.botsignbox span { display:block; font-size:1.15em;  line-height:22px; padding-bottom:10px; overflow:hidden;}
#signbright { width:63%;}
#signbright span { display:block;padding:3px 0px; overflow:hidden;}
.botsignbox .bsinput { background:#fff; height:30px; line-height:30px; display:block; text-indent:5px;padding:2px 0px; border:solid 1px #4c4c4c; border:none; outline: none;vertical-align:middle; width:100%;border-radius:25px; text-indent:15px;}
.botsignbox .bsbtn { background:#00a0e8; color:#fff; width:45%; height:36px; margin-top:6px;text-align:center; border-radius:25px; margin-top:15px; font-size:1.15em; border:none; outline:none;vertical-align:middle;}

#footer { padding: 2em 0px; font-size:1.15em; background:#2e2d2d; color:#bfbfbf;}
#copy {line-height:2.25em; text-align:center;}

#copy a { color:#aaa;}
#botdh {text-align:left;}
#botdh a { color:#fff;}
#botsoc img { max-width:20px; opacity:0.8;}
#botsoc a { margin-left:8px; margin-top:5px; display:inline-block;}


.bmessbox{ width:225px; padding:2px 0; background:#099adc; position:fixed; bottom:0; right:5px; color:#fff; text-align:center; font-size:14px; line-height:20px; border-top-left-radius:5px; border-top-right-radius:5px; cursor:pointer; z-index:10000;}
.bmessbox i{ background: url(../png/tmesstk1sis.png) no-repeat center center; width:30px; height:30px;display:inline-block; position:relative; top:5px;}
.bmessbox span{ position:relative; top:-5px; margin-left:5px;}
.bmessbox a { color:#fff;}
.bmessbox:hover{ background:#00a0e9; color:#fff;}
.bmessbox a:hover { text-decoration:none;}
.messtext { padding:10px 10px 0 10px; font-size:1.15em; line-height:1.75em; text-align:left; background:#fff;}
.messboxnr{ width:300px; height:auto; padding:40px 0 0 0; position:fixed; bottom:0; right:5px; background:#00a0e9; text-align:center; display:none; z-index:10001; border-top-left-radius:3px; border-top-right-radius:3px;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 2px;}
.messboxnr h2{ font-size:15px; color:#fff; position:absolute;top: 12px;left: 12px; font-weight: normal;}
.messboxnr span{ position:absolute; right:11px; top:13px; width:16px; height:16px;display:inline-block; font-size:18px; color:#fff; cursor:pointer;}
.messboxlist { background:#fff; padding:10px 0;}
.messboxlist ul li { padding:5px 10px; overflow:hidden;}
.messboxnr input { width:100%; margin:0 auto; padding:5px 0;background:#f8f8f8; border-radius:3px; margin-bottom:5px; border:none;color:#666; text-indent:5px; outline:none; box-shadow:none; line-height:24px;}
.messboxnr textarea{ width:100%; margin:0 auto; height:50px; background:#f8f8f8; border-radius:3px; padding:5px 0; border:none;color:#666; text-indent:5px; outline:none; box-shadow:none;}
.messboxnr input.btns{ width:100%; padding:5px 0;margin-top:10px; text-align:center; background:#00a0e9; border:none; border-radius:2px; color:#fff; cursor:pointer;line-height:24px; margin:0; font-size:1.25em; float:left;}
.messboxnr input.btns:hover{ background:#00a0e9;}

.messboxnr .col-lg-6{ width:100%;}
.messboxnr .submit{ margin-right:15px; margin-top:10px;}

.topadv {width:100%; margin:0px auto; position:relative; line-height:0;}
#locanr { font-size:2.5em; padding:5px 0; line-height:2em; color:#fff; text-transform:uppercase; font-weight:bold;}
#locanr  a { color:#555;}
.tadvbox { padding:6px 0; position:absolute; left:0; top:31%; width:100%;}
.locabox { background:#f6f6f6; padding:10px 0;}
.locatit { font-size:1.15em; line-height:2em;}
.locatit li{display: inline;}
.locasm { font-size:1.05em; line-height:2em; color:#eee;text-align:center;}
.locasm a { color:#ddd;}


#main { padding-top:3em; padding-bottom:3em;}

.topcate { padding: 0; margin-bottom:2em;}
.topcate ul { overflow:hidden;}
.topcate ul li { float:left;padding:0; margin-right:2em; padding-right:1em;}
.topcate ul li a { display:block; line-height:2em; padding:5px 3px; font-size:1.35em; border-bottom:solid 2px #fff;}
.topcate ul li.cur a,.topcate ul li a:hover {border-bottom:solid 2px #0db26d; text-decoration:none;}


#left { width:21%; }
#yflsear h4 { font-size:1.75em; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; margin:15px 0;}

.walbox { background:#fff;}
.walbox h4 { font-size:1.5em; line-height:1.75em; background:#00a0e8; color:#fff; padding:10px 20px; padding-top:12px;text-transform:uppercase;}
.walcatelist { padding-top:5px; padding-bottom:5px; border:solid 1px #e9e9e9;}
.walcatelist ul li { border-bottom:solid 2px #e9e9e9; margin-top:10px;}
.walcatelist ul li:last-child { border-bottom:none;}
.walcatelist>ul>li>a { font-size:1.25em;line-height:1.75em; display:block; padding:5px 20px; font-weight:bold;}
.walcatelist ul li a:hover {  text-decoration:none; color:#00a0e8;}
.walcatelist ul li.cur > a { font-weight:bold; color:#00a0e8;}
.walcatelist ul li ul { padding-left:1px; padding-bottom:15px; }
.walcatelist ul li.cur ul { display:block;}
.walcatelist ul li ul li {margin:0px 20px; line-height:2em; background:none; border-bottom:solid 1px #eee;}
.walcatelist ul li ul li a { padding:8px 0px; padding-left:5px; display:block; background:none;font-size:14px; color:#7a7a7a; font-weight:normal;}

.walcatelist1 { border:solid 1px #e9e9e9;}
.walcatelist1 ul li { border-bottom:solid 1px #e9e9e9; }
.walcatelist1 ul li:last-child { border-bottom:none;}
.walcatelist1>ul>li>a { font-size:1.25em;line-height:1.75em; display:block; padding:10px 20px;}
.walcatelist1>ul>li>a:hover {text-decoration:none; color:#00a0e8; background:#f6f6f6;}
.walcatelist1 ul li.cur a {color:#00a0e8;}

.walprodbox { margin-top:3em; margin-bottom:2em;}
.walprodbox h4 { font-size:1.5em; line-height:1.5em; padding:8px 0; color:#00a0e8; border-bottom:solid 2px #e6e6e6; text-transform:uppercase; margin-bottom:10px;}
.walprodlist { margin-top:15px;}
.walprodlist ul li { padding:8px 0; margin:0 3px; overflow:hidden; background:#fff; margin-bottom:15px;box-shadow: 0 0 3px rgba(11, 25, 28, 0.05);}
.walprodlist ul li a { display:block; overflow:hidden;}
.walprodlist ul li img {-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;}
.walprodlist ul li:hover img {-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);}
.walprodlist ul li span { display:block; padding:10px; font-size:1.25em; line-height:1.5em; text-align:center;}
.walprodlist ul li span.lptit { margin-bottom:10px;}

#right { width:74%;}

.rbox {padding: 0;}
.rbox h4,.rbox h1 { font-size:1.5em; line-height:2em; text-transform:uppercase; color:#00a0e8; text-align:left; vertical-align:middle;}
/*.rbox h4 span,.rbox h1 span { display:inline-block; background:#0070cc; width:6px; height:24px; margin-right:6px; vertical-align:middle; margin-bottom:5px;}*/
.protext { padding:0 2px;line-height:1.5em; font-size:1.25em; color:#555;}
.procatebg { background:#eee; padding:3em 0; width:100%;}
#procatelist {padding:0 ;}
#procatelist ul { overflow:hidden;}
#procatelist ul li {display:inline-block;vertical-align:top;*display:inline;*zoom:1; width:14.35%; margin:0 1%; text-align:center;}
#procatelist ul li span { display: block; font-size:1.25em; line-height:1.5em; padding-top:10px;}
#procatelist ul li a:hover { text-decoration:none; color:#2099db;}
#procatelist ul li.cur a {color:#2099db;}

.waprodlist { padding:10px 0;}
.waprodlist ul { }
.waprodlist ul li { position:relative;display:inline-block; *display:inline;*zoom:1; background:#fff; width:29%; padding:1%; margin:10px 3% 15px 0; vertical-align:top; padding-top:35px; text-align:left;transition: all 0.3s ease 0s;background-color: #fff;
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.12);}
.waprodlist ul li:hover { -webkit-box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.12);}
.waprodlist ul li span.lppic { position:relative;transition: all .2s;  padding-bottom:100%;}
.waprodlist ul li span.lppic a { height:100%;}
.waprodlist ul li span.lppic img { position: absolute; left:0;
    top: 0;
    width: 100%; display:inline-block;
    object-fit: contain;}
.waprodlist ul li:hover  span.lppic {transform:translate(0,-20px);
 -webkit-transform:translate(0,-15px);
 -moz-transform:translate(0,-15px);
 -o-transform:translate(0,-15px);
 -ms-transform:translate(0,-15px)}
.waprodlist ul li a { display:block;}
.waprodlist ul li:hover a { color:#00a0e8;}
.waprodlist ul li a:hover { text-decoration:none;}
.waprodlist ul li.lplast { margin-right:0;}
.waprodlist ul li span { display:block; padding:3px 5px; text-align:center;}
.waprodlist ul li span.lptit { font-size:1.25em; line-height:1.35em; font-weight:bold; margin:15px 0 5px 0; min-height:40px; overflow:hidden;}
.waprodlist ul li span.lptext { color:#888; font-size:1.15em; line-height:1.5em; max-height:40px; overflow:hidden; padding-top:0; margin-bottom:20px;}

#pvtop {overflow:hidden; }
#pvtleft {width:46%;}
.bpic {width:100%; border:solid 1px #f1f1f1;}
.rbpvtitle { font-size:1.5em; border-bottom:solid 1px #eee; line-height:2em; padding:5px; margin-bottom:1em;}

.feedsearbox {border:solid 1px #ddd;border-radius:3px; padding:0; width:320px; overflow:hidden; margin-bottom:25px;}
.feedsearbox .fdsinput {width:84%; height:38px; line-height:38px; padding:0px; text-indent:10px;outline:none; border:none;float:left; background:none; vertical-align:middle;}
.feedsearbox .fdsbtn { background:url(404.png) center center no-repeat; width:38px; height:38px;border:none;float:right; vertical-align:middle; cursor:pointer;}

.feedbox { margin-top:15px; padding:0 5%;}
.feedbox .feedblist { margin-bottom:2em; padding:20px 40px; background:url(404.png) 20px 28px no-repeat #f9f9f9; padding-left:60px; border:solid 1px #eee;}
.feedblist div.testitext { font-size:1.35em; line-height:2em;}
.feedblist div.testiauth { text-align:left; font-style:italic; color:#999; padding-top:15px; font-size:1.15em;}
.feedblist div.testimore { text-align:right; font-size:1.25em; font-weight:bold; line-height:24px; }
.feedblist div.testimore a {text-decoration:underline; }

.waappbox .waappitem { display:inline-block; vertical-align:top;*display:inline;*zoom:1; width:48%; margin:1em 3% 1em 0; margin-bottom:1.75em; background:#f6f6f6;transition: all 0.3s ease 0s;}
.waappitem .waapppic { display:block;text-align:center;}
.waappitem .waapppic img { }
.waappbox .waappitem:hover { background:#00a0e8;}
.waappitem h5 { font-size:1.25em; font-weight:bold; padding:15px 0 15px 0; text-align:center; display:block; line-height:1.5em;}
.waappbox .waappitem:hover h5 { color:#fff;}
.waappitem .waapptext { font-size:1.15em; line-height:1.5em; color:#777;}
.waappbox .waapplast { margin-right:0;}


.wosolbox { margin-top:1em;}
.wosolbox .wosolitem { background:#f8f9fc; padding:3.5%; margin-bottom:3em;}
.wosolitem .wosolpic { width:35%; line-height:0; overflow:hidden;} 
.wosolitem .wosolpic img {-webkit-transition: transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .2s ease;}
.wosolitem .wosolpic:hover img {
    transition: transform .5s ease;-webkit-transform: scale(1.06);
    transform: scale(1.06);}
.wosolitem .wosolcol{ width:61%; padding:0 0; }
.wosolitem h5 { font-size:1.75em; line-height:1.5em; padding:0px 0; position: relative; text-align:left;transition: all 0.5s; -webkit-transition: all 0.5s;}
.wosolitem .wosoltext { padding:10px 0; font-size:1.35em; line-height:1.75em; }
.wosolmore { display:block; margin-top:20px;}
.wosolmore a { display:inline-block; padding:8px 20px;border-radius:23px; font-size:1.25em; line-height:1.5em; background:#2c80d9; color:#fff; border:solid 1px #2c80d9;transition: all 300ms ease 0ms;}
.wosolmore a:hover { text-decoration:none; color:#fff; background:#099adc;} 

#pvtright {width:49%;}
#pvtright h5 {font-size:1.5em;padding:3px 1px; line-height:1.5em;}
#vcbtn {padding:15px 0; overflow:hidden; border-bottom:solid 1px #e5e5e5; margin-top:20px;}
#vcbtn a { display:inline-block; padding:5px 1.5em; line-height:2em; font-size:1.35em; color:#fff; background:#00a0e8;}
#vcbtn a:hover { text-decoration:none;}
.vcdownl { margin-top:1em; padding:1em 1px; overflow:hidden; border-top:solid 1px #d6d6d6; line-height:25px; font-weight:bold; font-size:1.15em;}
.vcdownl img { float:left; margin-right:10px;}
.vcdownl a { text-decoration:underline;}
#vcform {padding: 5px 1px;  margin-bottom:10px; line-height:2.25em; font-size:1.15em; color:#777;}
#vcform ul li {overflow:hidden; padding:1px 0px; line-height:2em; font-size:1.05em;}
#vcform ul li span.tpri { color:#ff6000; font-weight:bold;}
.vpsel {border:solid 1px #ccc; font-size:11px;}
#vcform li b {width:60px; color:#333; padding-right:4px;}

.share { display:block; padding:15px 0;}
#pvrbtn { margin-top:2em;}
#pvrbtn a { display:inline-block; border:solid 1px #ddd; border-radius:3px; margin-right:1em; line-height:1.75em; font-size:1.15em;}
#pvrbtn a.pvprev { background:url(404.png) 10px 12px no-repeat; padding:5px 1.5em 5px 1.75em;}
#pvrbtn a.pvnext { background:url(404.png) 106px 12px no-repeat; padding:5px 1.75em 5px 1.5em;}
#pvrbtn a:hover { text-decoration:none; background:#eee;-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;}
.yfmarbox {}
.caselist { padding:5px 0;}
.caselist ul li { padding:1.5%;line-height:1.5em;display:inline-block; *display:inline;*zoom:1; background:#f6f6f6;width:28.5%;  margin-top:1em; margin-bottom:1.5em; margin-right:2%; background:#f5f5f5; background:#fff; border:solid 1px #f1f1f1; border-radius:5px;}
.caselist ul li.lclast { margin-right:0;}
.caselist ul li span.catit { font-size:1.35em; line-height:1.5em; font-weight:bold; padding-top:10px; display:block;}
.caselist ul li span.catit a:hover { color:#e31c2d;}
.caselist ul li span.catext { font-size:1.15em; line-height:1.75em; color:#777; padding-top:10px; padding-bottom:5px;display:block;}
.caselist ul li span.camore { padding-top:5px; font-size:1.15em; line-height:2em;}
.caselist ul li span.camore a { font-weight:bold; text-decoration:underline; color:#0070cc;}

.faq_body {
	DISPLAY: none; padding:8px; line-height:1.85em; color:#777; padding-top:0px;
}

.wanewsbox { padding:0px 0;}
.wanewsbox .wanewslist {display:inline-block; *display:inline;*zoom:1; vertical-align:top; padding:1%; width:29.35%; margin-top:1em; margin-bottom:1em; margin-right:2.15%; background:#fff; border:solid 1px #e9e9e9;} 
.wanewsbox  .wanewslast { margin-right:0;}
.wanewslist h5 { font-weight:bold; padding:6px 0; line-height:1.75em; font-size:1.35em;display:block;}
.wanewslist h5 a:hover { color:#00a0e8; text-decoration:none;}
.wanewstext { line-height:1.75em; font-size:1.15em; color:#666; padding:8px 0px; display:block;}
.wanewsdate {  padding:0 0px; font-size:1.05em; line-height:1.5em; text-align:left;color:#00a0e8; display:block;} 
.wanewsmore a { font-weight:bold; padding:5px 0; display:inline-block; color:#00a0e8; font-size:1.15em;}


#abfactory { margin:4em auto;}
#abfactory h5{ font-size:2em; line-height:2em; text-transform:uppercase; text-align:center;}
.facshowbox { padding-top:0; clear:both;}
.facshowbox ul { }
.facshowbox ul li  {display:inline-block;width:23.25%; margin:10px 2% 1em 0; vertical-align:top;*display:inline;*zoom:1; text-align:center;}
.facshowbox ul li img { border:solid 1px #e5e5e5;}
.facshowbox ul li.faclast { margin-right:0;}
.facshowbox ul li span { display:block; padding-top:10px; text-align:center; font-size:1.15em; line-height:1.5em;}

.grbg1 { background:#f6f6f6;}
.pagecont { padding:5px 1px;line-height:2em; font-size:1.25em;word-break: break-word; overflow:hidden;}
.pagecont h5 { font-size:1.35em; line-height:2em; margin-bottom:10px;}
.abtop { margin-bottom:2em;}
.abwz { width:47%;margin-top:25px;}
.abpic,.abpic1 { width:45%; position:relative; margin-top:55px;}
.abpic img{	display: block;	width: 100%;position: relative;	z-index: 2;	right: 24px;top: -24px;}
.abpic1 img {display: block; width: 100%;position: relative;	z-index: 2;	left: 24px;top: -24px;}
.abpic::after,.abpic1::after {	content: "";display: block;	position: absolute;	left: 0;top: 0;	width: 100%;height: 100%;background: #00a0e8;}
.abslogan { font-size:2em;/* line-height:2em;*/ text-align:center; color:#fff; font-weight:bold;}
.grabadvan {background: #fff;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.09)!important;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.09)!important;box-shadow: 0 0 5px rgba(0,0,0,0.09)!important; margin:3em 0;}
.grabadvanpic { width:33%; line-height:0;}
.grabadvanwz { width:66%; padding:0 0;}
.grabadvanwz h5 { font-size:2em; line-height:1.5em; color:#faa00d; text-transform:uppercase; padding-left:3%; margin-top:1em; margin-bottom:5px;}
.grabadvanbox .grabadvanitem { display:inline-block; vertical-align:top;*display:inline;*zoom:1; width:45%; margin:0 2%; margin-top:1.75em;}
.grabadvanitem .abadvpic { display:block; float:left; width:15%; text-align:center;}
.grabadvanitem .abadvpic img { }
.grabadvanitem .abadvwz { width:81%; float:right; text-align:left; padding-top:10px;}
.grabadvanitem .abadvwz span { display:block;}
.grabadvanitem .abadvwz span.abadvtit { font-size:1.65em; font-weight:bold; padding:0 0; line-height:1.5em;}
.grabadvanitem .abadvwz span.abadvtext { font-size:1.25em; line-height:1.75em; color:#888; padding-top:5px;}

#abcerti ,#abkeyac{ padding:4em 0;}
#abcerti h5,#abkeyac h5 { font-size:2em; line-height:2em; text-transform:uppercase; text-align:center;}
.waabcertilist .waabceritem { width:22.75%; margin:10px 1%;display:inline-block; vertical-align:top;*display:inline;*zoom:1; }
.waabcertilist ul li:last-child { margin-right:0;}

.abkeyacbox {}
.abkeyacbox .abkeyacitem { width:14.35%; margin:10px 1%;display:inline-block; vertical-align:top;*display:inline;*zoom:1;}
.abkeyacbox .abkeyacitem img { border:solid 1px #eee;}
#ptoptit {height:30px; line-height:30px; overflow:hidden; border-top:solid 1px #e5e5e5; margin:10px 0px; padding-top:15px; font-size:1.15em;}
#ptsort {overflow:hidden; height:30px; font-size:12px;}
#ptsl {padding-left:5px; height:35px; line-height:35px;}
#ptsl a#list { padding-left:25px; margin-right:10px;}
#ptsl a#gal { padding-left:25px; margin-right:10px;}
#ptsl a.cur {color:#009140;}
#ptstitle { padding-left:5px; font-weight:bold;}
#ptsr {padding-right:5px;}
#ptsr select {border:solid 1px #d0d0d0; line-height:18px;}
.text-center { padding:1.5em 0;}
.rcsort { width:35%; padding-left:3px; height:1.75em; line-height:1.75em;}
#rpage a {padding:5px 10px;  margin:0px 5px; background:#f5f5f5;}
#rpage u {padding:5px 10px;  margin:0px 5px;}
#rpage a:hover,#rpage u { text-decoration:none; background:#00a0e8; color:#fff;}
.botpad { padding-top:10px;}


#newscont { padding:1em 10px; padding-top:2em;}
.nvtit {font-size:1.25em; line-height:1.75em; font-weight:bold; text-align:center; padding:10px 0px; border-bottom:dotted 1px #ccc;}
.nvdate {padding:5px 0px; text-align:center; color:#999; margin-bottom:5px; line-height:2em; position:relative; padding-top:10px;}
.nvdate span { position:absolute; right:5px; top:9px; font-size:1.15em;}
.nvdate span a { background:url(404.png) right center no-repeat; padding-right:30px; text-decoration:underline;font-weight:bold;}
.nvcont { line-height:2em; font-size:1.25em;}
.nvcont img { }
.nvcont ul { margin-left:20px;}
.nvcont ul li { list-style:disc inside;}
.newback { padding:6px 0px; line-height:2em; font-size:1.25em; font-weight:bold; text-align:right;}
.newback a { text-decoration:underline; background:url(404.png) right center no-repeat; padding-right:30px;}


#pvbot { padding:1em 0;}
#pvdes {padding-top:2em; clear:both;}
#pvdes h4 { font-size:1.5em; color:#0db26d; border-bottom:solid 1px #e7e7e7;}
#pvdes h4 span {position:relative; border-bottom:solid 2px #0db26d;line-height:2em; padding:8px 0; bottom:4px;}
#pvdes table,#pvdes td {border-collapse:collapse;border: 1px solid #ddd;word-wrap: break-word;word-break: break-all;}
#alsolike h3 {font-size:1.5em;line-height:1.75em;background:#f2f2f2; padding:2px 5px;}
#pvcs {position:relative;}

/*.pvh4 { font-size:2em; line-height:2em; text-transform:uppercase; color:#00a0e8;padding:0 0; border-bottom:solid 2px #eee; font-weight:bold;}
.pvh4 ul { overflow:hidden;}
.pvh4 ul li {float:left; position:relative; font-weight:bold; margin-right:6px; padding:5px 15px; background:#e5e5e5;border-bottom:none;}
*/
.pvh4 { font-size:1.35em; line-height:1.5em; /*text-transform:uppercase;*/ padding:0 0; border-bottom:solid 1px #ddd; font-weight:normal;}
.pvh4 ul { }
.pvh4 ul li {display:inline-block; vertical-align:top;*display:inline;*zoom:1;position:relative; font-weight:bold; margin-right:6px; padding:8px 20px; background:#f8f8f8; border-top-left-radius:3px; border-top-right-radius:3px; border:solid 1px #ddd; border-bottom:none; bottom:-1px;}

.pvhorder {height:32px;padding-left:3px; font-size:16px; border-bottom:solid 1px #e1e1e1; font-weight:bold; padding-top:15px;}
.pvhorder ul { }
.pvhorder ul li {float:left; height:38px; line-height:38px; position:relative; font-size:0.85em; padding:0px 10px;}

.large { font-size:1.25em; font-weight:bold;}
.block { display: block; padding:10px 2px; line-height:2.25em; font-size:1.15em;clear:both; overflow:hidden;}
.unblock { display: none;padding:10px 2px; line-height:2.25em; font-size:1.05em;}
.block ul li,.unblock ul li { list-style: inside disc;}
.sec1 {cursor:pointer;}
.pvh4 ul li.sec2 {background:#fff;cursor:pointer; position:relative;  border-top:solid 2px #00a0e8; color:#00a0e8; border-bottom:none; bottom:-1px;}

.grmarklist ul li { padding:10px 0;line-height:1.75em; font-size:1.25em; margin-bottom:5px; border-bottom:dotted 1px #ddd;}
.grmarklist div.dltext { font-size:1.15em; line-height:1.5em; color:#555; padding-top:8px;}
.grmarklist div.dlmore { padding-top:5px; font-size:1.15em; line-height:2em;}
.grmarklist div.dlmore a { font-weight:bold; text-decoration:underline; color:#0757ba;}

.alsolike { padding: 0px; margin-top:2em;}
.alsolike h5 {font-size:2em; line-height:2em; text-transform:uppercase; color:#faa00d;padding:0 0; border-bottom:solid 1px #eee; font-weight:normal;}
.alprodlist { padding:5px 0;}
.alprodlist ul { overflow:hidden;}
.alprodlist ul li {display:inline-block; vertical-align:top;*display:inline;*zoom:1; background:#fff;width:30.25%; border:solid 1px #eee; padding:0.75%; margin:1.5em 1.5% 5px 0; vertical-align:top; text-align:left;}
.alprodlist ul li.lplast { margin-right:0;}
.alprodlist ul li span { display:block; padding:3px 0px; text-align:center;}
.alprodlist ul li span.lptit { font-size:1.25em; line-height:1.5em; padding-top:10px;}
.alprodlist ul li span.lptext { color:#666; font-size:1.05em; line-height:1.75em; padding-bottom:10px;}
.alprodlist ul li span a:hover {color:#222;}

#pvinq { margin-top:1em; background:#f9f9f9; border:solid 1px #eee; padding:2em; border-radius:3px;}
#pvinq h5 { font-size:1.75em; line-height:2em; border-bottom:solid 1px #ddd; }
.pvintoptext {font-size: 1.05em;line-height: 2em;padding-top: 1em; color:#666;}
.pvinqbox {
    padding: 5px 0;
}
.pvinqbox ul li {
    padding: 10px 0;
    overflow: hidden;
}
.pvinqbox ul li label, .pvinqbox ul li p {
    display: block;
    font-size: 1.15em;
    padding: 5px 0;
    width: 13%;
    float: left;
    text-align: left;
    margin-right: 10px;
}
.pvinqbox ul li a {
    float: left;
    line-height: 28px;
    color: #3272b9;
    font-size: 1.25em;
    text-decoration: underline;
}
.pvinqbox ul li input, .pvinqbox ul li textarea {
    border-radius: 2px;
    border: 1px solid #CCCCCC;
    color: #424242;
    padding: 5px 0px;
    line-height: 24px;
    text-indent: 5px;
    outline: none;
    width: 79%;
    float: left;
}
.pvinqbox ul li input.pvsbtn {
    background: #00a0e8;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
    cursor: pointer;
    width: 135px;
    height: 35px;
    border: none;
}
.pvinqcode ,.pvinqbtn { width:48%;}
.pvinqcode input {border:solid 1px #ccc; height:30px; padding:2px; text-indent:2px; width:45%;}
.pvinqbtn input { width:50%; background:#85c032; border:none; color:#fff; line-height:38px; text-align:center; font-size:1.5em;}
.pvdes table,.pvdes td {border-collapse:collapse;border: 1px solid #ddd;word-wrap: break-word;word-break: break-all;}

#pvview { padding:15px 5px;}
.pvvtit { height:45px; line-height:45px; text-align: center; padding-left:5px; font-size:1.8em; border-bottom:solid 1px #eee;}
.pvimg { padding-top:15px; text-align:center;}
.pvcont { padding:15px 0px; line-height:22px;}

#pviewcont { padding:1em 5px;}
.pviewtitle {font-size:1.5em;  text-align:center; color:#555; height:2em; line-height:2em;}
.pviewpic { text-align:center; padding:8px 3%;}
.pvbtn { overflow:hidden; padding:8px 0px; padding-left:30%; clear:both; border-top:solid 1px #e5e5e5; margin-top:1.25em;}
.pvbtn span { float:left; padding-right:15px;}
.pvbtn span.share { padding-top:8px;}
.pvtext {padding:12px 0px; text-align:left;}

.signbg {display: block; margin-top:1em;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fff;
    border-top: 4px solid #444;
    padding: 35px 25px;
    box-shadow: 0 2px 3px rgba(0,0,0,.08);
    background-color: white;}
.signbox {padding:5px 0; width:42%;}
.signbox h5,.regbox h5 { font-size:1.5em; line-height:2em;}
.regbox { width:55%; margin:0 auto;}
.signlist {}
.signlist ul li { display:block; padding:10px 0;}
.signlist ul li span { display:block; font-size:1.15em; line-height:1.75em; padding:3px 0;}
.signlist ul li span b { color:#f00;}
.signlist ul li input {
    border-radius: 3px;
    border: 1px solid #CCCCCC; color:#424242;
    padding: 5px 0px; line-height:24px;
    text-indent: 3px;
    outline: none; width:85%;}
.signlist ul li select {
    border-radius: 3px;
    border: 1px solid #CCCCCC; color:#424242;
    padding: 5px 0px; line-height:24px;
    text-indent: 3px;
    outline: none; width:35%;}
.signlist ul li input.sigbtn { background:#fd0003; color:#fff; font-size:1.35em; text-align:center; width:55%; cursor:pointer; border:none;}
.signlist ul li input.sigbtn:hover { background:#e50609;}

.sigcrtext { font-size:1.15em; line-height:2em; padding:10px 0;}
.sigcrbtn { display:block; padding-top:1em;  overflow:hidden;}
.sigcrbtn a {background:#fd0003; color:#fff; font-size:1.35em; text-align:center; width:55%; cursor:pointer; border:none; line-height:2em; display:block; float:right;
border-radius: 3px;}
.sigcrbtn a:hover {background:#e50609; text-decoration:none;}
.lxbox { padding:1em 2px;}
.solform { margin-top:3em;}
.lxform {width:43%;display: inline-block;
    vertical-align: top;
    padding:1% 2%;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.115);
    border-radius: 2px;}
.lxtext { width:46%;}
.lxpic { width:47%;}
.lxttitle { font-size:1.5em; line-height:2.25em; padding:3px 0; font-weight:bold;   margin:0px 0; color:#00a0e8;}
.lxttitle b { font-size:1.5em; display:block;}
.lxcolor { color:#e04752;}
.lxtwz {padding:10px 0; font-size:1.2em; line-height:2em;}
.lxcontactform { background:#fafafa; padding:20px 25px; margin-top:3em;}
#contactform  {padding:5px 0;}
.lxmap {padding-top:3em;line-height:2em; font-size:1.15em; clear:both;}
.lxformleft,.lxformright { width:48%;}
#contactform div {padding:10px 0px; overflow:hidden;}
#contactform label { display:block;font-size:1.25em; padding:5px 0; text-align:left;}
#contactform input, #contactform select,#contactform textarea {
     border: none; background:#fafafa; color:#555;
    padding: 5px 0px; line-height:30px;
    text-indent: 5px;
    outline: none; width:98%; display:block;
}
#contactform select { width:35%;}/*
#contactform textarea { width:70%;}*/
#contactform input.asbtn {
    background:#00a0e8; color:#fff; font-size:1.25em; text-align:center; cursor:pointer;
    width: 135px;
    height: 36px;
    border: none; margin-top:5px;}
.color { color:#888;}
	
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 100px;
  right: 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(../png/topf7i5de.png) no-repeat center center #353535;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
/*.cd-top.cd-fade-out {*/
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
/*  opacity: .5;
}*/
.no-touch .cd-top:hover {
  background:url(../png/topf7i5de.png) no-repeat right center;
}

#tbox{width:38px; height:38px; float:right; position:fixed; margin-right:10px;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px;
}
#gotop{ display: block; width:38px; height:38px;} 
#gotop:hover{}
.lpsup { position:fixed; padding:5px 15px; font-size:1.35em; padding-top:12px; bottom:0; right:0; background:#85c032; color:#fff; overflow:hidden;}
.lpsup a { color:#fff;}
.lpsup a:hover { text-decoration:none;}
.lpsup img { float:left; margin-right:10px;}
.fdrtop { font-size:1.15em; text-align:center; display:block; cursor:pointer; padding:8px 0; background:#2c2c2c; color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
#fdrdiv {width:45px;position: fixed;bottom: 30px;right: 15px; z-index:99999999;}

#fdrtit { font-weight:bold; color:#fff; background:#2c2c2c; line-height:1.75em; padding:5px 10px; font-size:1.15em;border-top-left-radius:3px;border-top-right-radius:3px}

#fdrlist { }

#fdrlist ul li { padding:8px 0px;}

#fdrlist ul li a { display:block; width:28px; height:28px; padding:8px; border-radius:50%;

	animation-duration: 1.5s;

	animation-timing-function: ease-out;

	animation-iteration-count: infinite;}





#fdrlist ul li.rema img { margin-top:0px;}

#fdrlist ul li a.frwhats { background:#25d366;

	animation-name: pulse1;}

#fdrlist ul li a.frtel { background:#0272fc;

	animation-name: pulse2;}

 

@keyframes pulse1

{

	0%  { box-shadow: 0 0 0 0 rgb(20, 227, 98, 70%); }

	80% { box-shadow: 0 0 0 20px rgb(20, 227, 98, 0%); }

}



@keyframes pulse2 

{

	0%  { box-shadow: 0 0 0 0 rgb(22, 109, 216, 70%); }

	80% { box-shadow: 0 0 0 20px rgb(22, 109, 216, 0%); }

}