﻿@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.fixtop .toper ul.navpc li a,.indtop .cons .more a,.indabout li .cons,.indabout li .cons .m a,.indchoose .more a,.tabs_item dd .title a,.tabs_item dd .pic p,.tabs_item .more a,.indnum li,.indnum li .cons h3,.indcase li .pic p,.indnews .cons2 .pic .fcons,.indnews .cons2 .pic a p,.indnews .cons2 ul li,.indnews .cons2 ul li .title a,.indnews .cons2 ul li .content,.qualifications li .pic p,.testimonyul li,.show .left .gs_content .query .price,.case dd .pic p,.case .picc img,.case .prevnextc a,.news dd .pic p,.news dd .cons,.news dd .cons .title a,.news dd .cons .content,.contact .right ul li #textarea,.contact .right ul li #cbut,.contact .right ul li input[type="text"],.contact .right ul li textarea,.fixedright a div
{transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s; -webkit-transition-duration:.3s;}
.tabs_item dd .pic:hover p,.indcase li .pic:hover p,.indnews .cons2 .pic a:hover p,.qualifications li:hover .pic p,.case dd .pic:hover p,.case .picc img:Hover,.news dd .pic:hover p
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.indtop .down,.indnum li,.indnews .cons2 ul li,.testimonyul li,.show .left,.contact .right ul li input[type="text"],.contact .right ul li textarea 
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑';height:100%;}
body {font-family:'Microsoft YaHei','微软雅黑';height:100%;margin:0 auto;overflow-x:hidden; max-width:1920px;background:#fff;font-size:16px;line-height:30px;color:#333;}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:16px;line-height:30px;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#333;font-size:16px}
a:hover,.tmenu dd a:hover{color:#4dc1ea}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:'Microsoft YaHei','微软雅黑';border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0;border-top:1px solid #ccc; height:1px;margin:5px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

::-webkit-input-placeholder {color: #666666;}
:-moz-placeholder {color: #666666; } 
::-moz-placeholder { color: #666666; } 
:-ms-input-placeholder {color: #666666; }

::selection {background:#4dc1ea;color:#ffffff;}
::-moz-selection {background:#4dc1ea;color:#ffffff;}
::-webkit-selection {background:#4dc1ea;color:#ffffff;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #686868;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #686868;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:}  
.pager a:hover,.pager span.current { background:#4dc1ea;border:1px solid #4dc1ea;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #4dc1ea} 
.pager a,.pager span.disabled {color:#999;border:1px solid #999;} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px; } 

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1400px; position:relative}
.wrap2 {margin:0 auto;max-width:1235px; position:relative}
.phonemenu { display:none;}

.fixtop {height:80px; line-height:80px;position:fixed;left:0;top:0;width:100%; z-index:9999; background:#f4f4f4;}
.fixtop .toper .logo {float:left;}
.fixtop .toper .logo img { height:25px}
.fixtop .toper ul.navpc {float:right}
.fixtop .toper ul.navpc li {display:inline-block;margin-left:8px;}
.fixtop .toper ul.navpc li a {display:block;font-size:18px;padding:0 30px;}
.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li:hover>a {color:#fff; background:#4dc1ea}
.fixtop .toper ul.navpc li dl { display:none; position:absolute;width:672px;right:0;top:80px; line-height:20px; background:rgba(102,103,105,0.9);padding:10px 20px 10px 0}
.fixtop .toper ul.navpc li dl.mpro {width:532px;}
.fixtop .toper ul.navpc li dl.mcase {width:392px;}
.fixtop .toper ul.navpc li dl.mnews {width:252px;}
.fixtop .toper ul.navpc li:hover>dl{ display:block}
.fixtop .toper ul.navpc li dl dd {position:relative;margin:5px 0; display:inline-block; vertical-align:top;}
.fixtop .toper ul.navpc li.check dl dd a,.fixtop .toper ul.navpc li dl dd a,.fixtop .toper ul.navpc li.check dl dd a {font-size:14px;color:#fff;padding:0 10px 0 30px; background:none}
.fixtop .toper ul.navpc li dl dd a:hover {color:#4dc1ea; background:none;}
.tblank { height:80px;}

.fixtop1 { position:relative;}
.fixtop1.active { position:fixed}
.tblank1 { display:none;}
.tblank1.active { display:block}

.indtop {
background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position:relative;
}
.indtop .cons { background:#008c69; position:absolute;left:0; height:100%;width:45%; text-align:center;color:#fff}
.indtop .cons .content {font-size:45px; line-height:60px;font-weight:Bold;margin:20px 0 10px 0}
.indtop .cons .title {font-size:22px; line-height:37px; letter-spacing:2px;margin:0 0 25px 0}
.indtop .cons .more a { letter-spacing:5px;font-size:18px;color:#fff; display:block;width:220px; height:63px; line-height:63px;margin:0 auto;border:1px solid #fff;}
.indtop .cons .more a:Hover { background:#bb3222;border-color:#bb3222}
.indtop .pic { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;right:0;width:55%; height:100%}
.indtop .down { background:#01488a;width:170px; height:170px; position:absolute; z-index:50;left:50%;bottom:9%;color:#fff;margin-left:-128px;padding:18px 20px 20px 23px;}
.indtop .down h1 { line-height:25px;font-size:18px}
.indtop .down h2 { background:url(../images/1.png);width:15px; height:25px;margin-top:50px; cursor:pointer}
.mainsubject { text-align:center}
.mainsubject .title {font-weight:bold;font-size:28px; line-height:38px;}
.mainsubject .cons {color:#666;max-width:760px;margin:15px auto 0 auto;font-weight:300}
.indabout {margin:80px 0}
.indabout ul {margin-top:30px}
.indabout li {float:left;width:22.75%;margin-left:3%; height:290px; background:#f5f5f5; position:relative; text-align:center; cursor:pointer; overflow:hidden}
.indabout li.f1 {margin-left:0}
.indabout li .icon {width:90px; height:90px;margin:0 auto}
.indabout li .title {font-weight:Bold;font-size:18px;margin-top:10px}
.indabout li .cons { position:absolute;width:100%; height:100%; background:#4dc1ea;color:#fff;top:100%;left:0;}
.indabout li:hover .cons {top:0}
.indabout li .cons .i { background-position:bottom; background-size:100%;width:45px; height:45px;margin:0 auto}
.indabout li .cons .t {font-size:18px;margin-top:10px;}
.indabout li .cons .c {max-width:60%;margin:10px auto 15px auto;font-size:14px; line-height:25px;font-weight:300}
.indabout li .cons .m a {border:1px solid #fff;height:30px; line-height:30px; display:inline-block;padding:0 25px;color:#fff; letter-spacing:2px;font-weight:300}
.indabout li .cons .m a:hover { background:#ba3423;border-color:#ba3423}

.indchoose { background-position:center right; background-size:cover; background-repeat:no-repeat;padding:5.5% 0;color:#fff}
.indchoose .title {font-weight:bold;font-size:25px; line-height:35px; letter-spacing:1px;margin-left:-10px}
.indchoose .cons {font-weight:300;margin:15px 0}
.indchoose .more {margin-top:40px}
.indchoose .more a { display:inline-block;border:1px solid #fff;font-weight:300; letter-spacing:2px; height:40px; line-height:40px;padding:0 35px;color:#fff}
.indchoose .more a:Hover { background:#4dc1e8;border-color:#4dc1e8}

.indpro {padding:80px 0}
.tabs{display:table;position:relative;overflow:hidden;margin:0;width:100%;text-align:center;margin:30px 0 50px 0;}
.tabs li{display:inline-block; height:40px; line-height:40px;position:relative; cursor:pointer; text-align:center;margin:20px 10px 0 10px}
.tabs a{display:block;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;padding:0 20px;color:#fff; background:#777;font-weight:300}
.currenttab a{background:#4dc1ea}
.tabs_item{display:none; text-align:center}
.tabs_item:first-child{display:block;}
.tabs_item dl {width:103%;margin-left:-1.5%;}
.tabs_item dd {float:left;width:30.3333%;margin:4.5% 1.5% 0 1.5%;}
.tabs_item dd .pic { position:relative;}
.tabs_item dd .title { height:50px; line-height:50px; overflow:hidden; text-align:center;margin-top:25px}
.tabs_item dd .title a {font-size:18px; background:#dddddd; display:block;font-weight:300}
.tabs_item dd .title a:hover { background:#4dc1ea;color:#fff;}
.tabs_item .more {margin-top:50px}
.tabs_item .more a { height:35px; line-height:35px; background:#4dc1ea;color:#fff;width:150px;margin:0 auto; display:block;font-weight:300}
.tabs_item .more a:hover { background:#ba3524}
.indnum { background:#eeeeee;padding:80px 0}
.indnum li {float:left;width:22.75%;margin-left:3%;border:6px solid #fff; height:160px;padding:42px 0 0 0; text-align:center;font-weight:bold;color:#555;}
.indnum li.f1 {margin-left:0}
.indnum li .num { display:inline-block; vertical-align:top;font-size:60px;margin:16px 10px 0 0}
.indnum li .cons { display:inline-block; vertical-align:top; text-align:left;font-size:20px;}
.indnum li .cons h3 {font-weight:bold;color:#555;font-size:18px;}
.indnum li:hover { background:#fff;color:#4dc1ea}
.indnum li:hover .cons h3 {color:#4dc1ea}
.indcase { text-align:center;padding:80px 0;}
.indcase .mainsubject .cons {max-width:520px;}
.indcase ul {width:102%;margin-left:-1%}
.indcase li {float:left;width:23%;margin:3% 1% 0 1%;}
.indcase li .pic { position:relative; overflow:hidden;border-radius:8px}
.indcase li .title { line-height:25px; height:50px;margin-top:15px; overflow:hidden}
.indcase li .title a {font-weight:300;}

.indbanner { height:450px; background-position:center; background-repeat:no-repeat;}

.indnews {padding:80px 0 0 0;}
.indnews .mainsubject .cons {max-width:750px}
.indnews .cons2 { position:relative;margin-top:50px}
.indnews .cons2 .pic {position:absolute;left:0;top:0;width:630px; height:300px;}
.indnews .cons2 .pic a { display:block; position:relative; overflow:hidden;width:100%; height:100%}
.indnews .cons2 .pic a p {width:100%; height:100%}
.indnews .cons2 .pic .fcons { position:absolute; z-index:50;width:100%; height:100%; background:rgba(77,193,234,0.9);color:#fff; text-align:center;font-weight:300;opacity:0}
.indnews .cons2 .pic .fcons .title {font-size:20px; line-height:30px;margin:0 5%;}
.indnews .cons2 .pic .fcons:hover {opacity:1}
.indnews .cons2 ul {margin-left:670px}
.indnews .cons2 ul li {padding:15px 20px 15px 30px;}
.indnews .cons2 ul li .title { position:relative; height:25px; line-height:25px; overflow:hidden;margin:0 0 5px 0}
.indnews .cons2 ul li .title a { display:inline-block;margin:0 90px 0 0;font-weight:bold; color:#103458}
.indnews .cons2 ul li .title span { position:absolute;right:0;top:0;font-size:14px}
.indnews .cons2 ul li .content {font-weight:300;color:#999;font-size:13px; line-height:20px; height:40px; overflow:hidden}
.indnews .cons2 ul li:Hover { background:#4cc0e9;color:#fff}
.indnews .cons2 ul li:Hover .title a {color:#fff}
.indnews .cons2 ul li:Hover .content {color:#fff}
.bxslider li { height:445px; position:relative;}
.bxslider li .cons { position:absolute; z-index:20;width:100%; height:100%}
.bxslider li .cons .list { background:url(../images/2.png);color:#fff; display:inline-block;padding:12px 20px 15px 20px}
.bxslider li .cons .list .title {font-weight:bold; letter-spacing:2px;font-size:35px; line-height:45px;margin-bottom:8px}
.bxslider li .cons .list .content {font-weight:300;}
.mcons { background:#f6f6f6;}
.mcurrent {font-size:13px;padding:35px 0 10px 0}
.mcurrent i {margin:0 5px}
.mcurrent a {font-size:13px}
.maincons { background:#fff;}
.tmenu {padding:25px 50px 27px 50px}
.tmenu dd { display:inline-block; vertical-align:top;}
.tmenu dd a {color:#666}
.tmenu dd.check a {color:#4dc1ea}
.tmenu dd i { background:#999;width:1px; height:16px;margin:8px 40px 0 40px; display:inline-block; vertical-align:top;}
.aboutcons {max-width:600px;margin:0 auto;padding:70px 0}
.aboutcons .title {font-size:25px; line-height:35px;margin:0 0 20px 0}
.aboutcons .content {font-weight:300}
.about2 { background:#eeeef0; text-align:center}
.image .aboutcons { text-align:center}
.qualifications {padding:30px 3% 80px 3%}
.qualifications ul {margin-top:-3%}
.qualifications li {float:left;width:29.3333%;margin:3% 2% 0 2%;}
.qualifications li .pic { position:relative; overflow:hidden}
.qualifications li .title {font-weight:300; text-align:center;margin-top:20px;font-size:18px; height:25px; line-height:25px; overflow:hidden;color:#333}

.testimony { text-align:center;max-width:750px;margin:0 auto}
.testimony .title {font-size:32px; line-height:42px;margin:50px 0 20px 0; letter-spacing:2px}
.testimony .cons {font-weight:300;font-size:14px;}
.testimonyul {margin:0 2%;padding:30px 0 50px 0}
.testimonyul li {float:left;width:14.6666%;margin:2% 1% 0 1%;padding:1% 0; position:relative; overflow:hidden;border:1px solid #d0d0d0; text-align:center; cursor:pointer;top:0}
.testimonyul li:hover {border-color:#4dc1ea;top:-5px}
.testimonyul li img {max-width:90%;margin:0 auto;}
.testimonycons { text-align:center;font-weight:300;padding:0 0 50px 0}

.product {padding:0}
.product .tabs li a:hover,.product .tabs li.check a { background:#4dc1ea;}
.product .tabs_item { display:block;margin-top:-20px}
.show {padding:80px 0 0 0;background:#f2f2f2;margin-top:70px}
.show .left {float:left; background:#fff;width:75%;padding:70px 0}
.show .left .title {font-weight:Bold;font-size:40px; line-height:55px;margin:-10px 0 10px 0}
.show .left .gs_content {font-weight:300; position:relative}
.show .left .gs_content .cons {margin:0 300px 0 0;font-size:14px; line-height:28px;}
.show .left .gs_content .query { position:absolute;right:0;bottom:-25px;text-align:right}
.show .left .gs_content .query .price { background:#4dc1ea;color:#fff;font-size:18px; height:35px; line-height:35px;width:100px; text-align:center;margin:0 auto 15px auto; display:block}
.show .left .gs_content .query .price:hover { background:#bb3220}
.show .left .gs_content .share span {font-size:14px; display:inline-block; vertical-align:top;}
.show .left .gs_content .share .bdsharebuttonbox { display:inline-block;margin:6px 0 0 0; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);opacity:0.8}
.show .left .gs_content .share .bdsharebuttonbox a {margin:0 0 0 5px;}
.show .left .consd {border-top:1px solid #c9c9c9;padding:35px 0 0 0;margin-top:30px}
.show .left .consd .pics {}
.show .left .consd .content {font-weight:300;margin-top:50px}
.show .left .consd .content h1,.show .left .consd .content h2,.show .left .consd .content h3,.show .left .consd .content h4,.show .left .consd .content h5 {font-size:25px; line-height:35px;margin:15px 0}
.wrap3 {padding:0 8%; position:relative}
.proshowpic {float:left;width:77%;border:1px solid #e2e2e2; text-align:center;padding:20px;margin-top:10px}
#proshowcolor2 {float:right;width:15.3%}
#proshowcolor2 h3 {border:1px solid #e2e2e2;margin-top:10px; cursor:pointer}
#proshowcolor2 h3.on {border-color:#bc301f;}
.show .right {float:right;width:23%}
.show .right dl { background:#fff;padding:10px 10px 20px 10px}
.show .right dl dt { background:#4dc1ea;color:#fff;font-weight:bold;padding:0 25px; height:40px; line-height:40px;margin:0 0 15px 0}
.show .right dl dd {margin:5px 25px;}
.show .right dl dd.check a {color:#5dc1ea}
.show .right .cons2 { background:#85cfec;padding:20px 5px; text-align:center;margin-top:20px}
.case .mainsubject {margin:40px 0 -20px 0;}
.case .mainsubject .cons {max-width:520px}
.case dl {width:104%;margin-left:-2%}
.case dd {float:left;width:21%;margin:3% 2% 0 2%;}
.case dd .pic { position:relative; overflow:hidden;border-radius:8px}
.case dd .title {font-weight:300; line-height:28px; height:56px; overflow:hidden; text-align:center;margin-top:15px}
.case dd .title a {font-size:18px}

.case .cshow {margin-top:80px}
.case .picc {float:left;width:55%; position:relative; overflow:hidden}
.case .picc img {width:100%}
.case .consc {float:right;width:40%}
.case .consc .t {font-size:28px; line-height:38px;margin-top:30px}
.case .consc .l { background:#4dc1ea; height:4px;width:60px;margin:30px 0}
.case .consc .c {font-weight:300;font-size:18px}
.case .prevnextc {margin-top:50px}
.case .prevnextc a,.case .prevnextc a.c:hover { background-color:#cacaca; display:inline-block; height:40px; line-height:40px; text-align:center;width:32%;margin:0 2% 0 0}
.case .prevnextc a:hover { background:#4dc1ea}
.case .prevnextc a.next {margin-right:0}
.tabnews a {padding:0 60px}
.news { background:#f2f2f2;margin-top:60px}
.news dd { position:relative; overflow:hidden;margin:35px 0 0 0}
.news dd .pic { position:absolute;top:0;left:0;width:450px; height:197px; overflow:hidden}
.news dd .cons {margin-left:460px; height:167px;padding:30px 50px 0 50px;background:#fff;}
.news dd .cons .title { position:relative;  height:30px; line-height:30px; overflow:hidden}
.news dd .cons .title a { display:inline-block;margin:0 100px 0 0;font-weight:bold;font-size:20px;}
.news dd .cons .title p { position:absolute;right:0;top:0}
.news dd .cons .content {color:#999; line-height:30px; height:90px; overflow:hidden;margin-top:15px;font-weight:300}
.news dd:hover .cons { background:#4dc1ea;color:#fff}
.news dd:hover .cons .title a,.news dd:hover .cons .content {color:#fff;}

.nshow .left .title {font-size:25px; line-height:40px;}
.nshow .left .consd {padding:0}
.cad { text-align:center;font-size:32px; line-height:47px;color:#555553;margin-top:40px}
.cad sup {font-size:16px;margin:-5px 10px 0 5px}
.cad img { vertical-align:top;margin:19px 10px 0 0}
.cline {margin:40px auto; background:#d7d7d7;width:1px; height:50px;}
.contact { background:#f2f2f2;margin-top:80px;padding:80px 0 0 0}
.contact .left {float:left;width:49%;}
.contact .left .com {margin:0 0 15px 0;}
.contact .left .com b {margin:0 10px 0 0;font-size:18px}
.contact .left .com span {font-size:18px;font-weight:300}
.contact .left .cons { background:#fff;padding:20px 30px;font-weight:300;font-size:18px; line-height:35px;}
.contact .left .cons .m {color:#4dc1ea;font-size:22px;margin-top:30px}
.contact .right {float:right;width:49%;}
.contact .right ul {margin-top:72px}
.contact .right ul li {margin-top:15px; position:relative;float:left;width:100%; overflow:hidden}
.contact .right ul li input[type="text"] {border-radius:5px;border:1px solid #e0e0e0; height:50px; line-height:50px;width:100%;padding:0 20px;font-size:14px}
.contact .right ul li input[type="text"]:hover {border-color:#4dc1ea}
.contact .right ul li.f2 {float:left;width:49%}
.contact .right ul li.f3 {float:right;width:49%}
.contact .right ul li textarea {border-radius:5px;border:1px solid #e0e0e0; overflow:auto;width:100%;padding:10px 20px;font-size:14px; line-height:25px; height:248px;}
.contact .right ul li textarea:hover {border-color:#4dc1ea}
.contact .right ul li #cbut { background:#4dc1ea;color:#fff;width:45px; height:45px; line-height:45px; position:absolute;right:0;bottom:10px;font-size:14px; cursor:pointer;border-bottom-right-radius:5px;}
.contact .right ul li #cbut:hover { background:#bc301f}
.contact .subject {font-weight:300;font-size:20px; letter-spacing:1px;margin:0 0 25px 0}
.contact .cb { text-align:center;color:#666;margin-top:80px}
.contact .cb .title {margin:10px 0 5px 0}
.contact .cb .content {font-size:14px; line-height:25px}


.footblank { height:100px;}
.foot {color:#fff; background:#008c69;font-size:14px; line-height:25px;padding:50px 0;font-weight:300}
.foot a {color:#fff;fong-size:14px;}
.foot a:hover { text-decoration:underline}
.foot .cons {float:left;width:400px;}
.foot .cons .qq a { display:block; background:url(../images/qq.png);width:151px; height:33px}
.foot .cons .content {font-size:20px; line-height:35px;margin:20px 0 30px 0}
.foot .cons .wx {width:100px}
.foot .fmenu {float:right; text-align:right}
.foot .fmenu dl { display:inline-block; vertical-align:top; text-align:left;margin-left:80px}
.foot .fmenu dl dt {margin:0 0 20px 0}
.foot .fmenu dl dt a {font-weight:bold;border-bottom:1px solid #fff;padding:0 0 10px 0; display:block;font-size:18px; letter-spacing:1px}
.foot .fmenu dl dd {margin:5px 0}
.footer {color:#fff; text-align:center;font-size:14px; line-height:25px; background:#113559;padding:15px 0;font-weight:300}
.footer a {color:#fff;font-size:14px}

.fixedright { position:fixed; z-index:9999999;right:0;bottom:0;width:45px;}
.fixedright a { display:block;width:45px; height:45px;color:#fff; text-align:center; line-height:45px;margin-top:1px; position:relative;font-size:14px;}
.fixedright a.totop { background:url(../images/totop.png) no-repeat; height:50px; line-height:55px;font-size:13px;}
.fixedright a.totop:hover { background-position:0 -50px}
.fixedright a span { display:block; background:#fff; position:absolute; z-index:99999;right:46px;padding:0 10px;width:100px;}
.fixedright a.tel { background:#003f98}
.fixedright a div {background:#018c6a;position:absolute; z-index:1;right:0;width:45px; height:45px; overflow:hidden}
.fixedright a span { display:block; background:#fff; position:absolute; z-index:99999;right:46px;bottom:0;padding:5px 10px;width:100px; text-align:center; display:none}
.fixedright a span img {margin:5px 0}
.fixedright a:hover div {width:190px; background:#333}
.fixedright a i {display:inline-block; vertical-align:middle;width:45px; line-height:45px; height:45px;float:left;}
.fixedright a p {display:inline-block; vertical-align:middle; height:45px; line-height:45px;padding:0 0 0 5px;float:left;}
.fixedright a.tel i { background:url(../images/tel.png) no-repeat center; }
.fixedright a.qq i { background:url(../images/qq2.png) no-repeat center; }.fixedright a.qq:hover div {width:120px;}
.fixedright a.wx i { background:url(../images/wx.png) no-repeat center; }.fixedright a.wx:hover div {width:45px;}
.fixedright a.wx:hover span { display:block}