*{ padding:0; margin:0;} 
div,span,a,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,b,select,option,p{padding:0; margin:0;}
body{ color:#333;font-family:Arial;background-image:url(http://www.swan-tools.com/images/bg1.jpg); background-position: bottom;font-size:12px;background-color:#FFFFFF;}
a{ text-decoration:none; color:#333;}
ul{ list-style:none;text-align: left;}
img{ border:none}

.header { width:100%; height:29px; background:#000;}
.headmain { width:1200px; margin:auto;}
.headmain a { color:#959595;}

.hleft { float:left; line-height:29px;}
.mail { background:url(../image/hdbg.jpg) left -1px top -3px no-repeat; padding-left:20px;}
.search { background:url(../image/hdbg.jpg) left -1px top -24px no-repeat; padding-left:16px; margin-left:17px; margin-right:50px;}
.fes { margin:0 5px; margin-top:2px;}

.hright { float:right ; line-height:29px;}
.phone { float:left; background:url(../image/hdbg.jpg) left -1px top -139px no-repeat; font-size:16px; color:#fff !important; padding-left:20px; margin-right:50px; font-weight:bold;}
.language { float:left; background:url(../image/hdbg.jpg) left -1px top -87px no-repeat; padding-left:20px; position:relative }
.language dl { position:absolute; top:29px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; left:0px; background:rgba(255,255,255,0.95); width:100%; text-align:center; z-index:22; display:none;}
.language dl dt { color:#333; cursor:pointer; font-size:14px;}

.top { width:100%; height:91px; margin:auto; background:#333; z-index:2; position:relative;}
.logo{ width:92%; height:91px; margin:auto;}
.logoL {margin:11px auto; float:left;}

.logoR {   height:90px; margin:auto; float:right;}
.nev  { height:90px; margin:auto; float:left;}

.nev ul li{ width:90px; height:90px; float:left; font-size:17px; line-height:90px; margin:0 15px;}

.nev ul li a{ width:90px; height:1px; padding-top:5px; float:left;text-align:center; color:#fff; font-size:17px; transition: all 0.3 ease 0s; -webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s; }
.nev ul li a:hover{width:90px; height:75px; padding-top:5px; background-color:#ffd500;}
.nev ul li a.tvb {width:90px;height:75px; background-color:#ffd500; color:#1d1d1d;}

.nev .lidif{ border-right:none;}
.nev ul li span {width:111px; height:22px; margin:auto; font-size:10px;-webkit-transform:scale(0.8);display:block; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}

.subb{ display:none; position: absolute;  width:100%; height:auto;  top:90px; left:0px; padding-bottom:20px; z-index:9999; background:url(../image/bg_05.png)}
.menuson-img { float:left; padding-top:5px; margin-left:20%; margin-top:25px;}
.menuson-con { float: left;
    width: 430px;
    height: 118px;
    font-size: 12px;
    padding-left: 30px;
    margin-top: 25px;
    border-left: 1px solid #587184;
    color: #cad1d7;
    line-height: 25px; text-align:justify;}
.subb dl{ width: 98%; margin-left: 30px; margin-top: 15px; /* float: right; */ margin: auto; }

.subb dl dt{ float: left;
    line-height: 60px;
    width: 18%;
    margin: 0 10px;
    height: 60px;
    padding: 0px;
    border-bottom: 1px solid #597386;
    border-right: none;}
.subb dl dt a{ display:block; height:60px; line-height:60px; color:#fff; padding-top:0px; font-size:16px; text-align:center; width:100%;   }
.subb dl dt a:hover{  padding-top:0px; text-align:center; width:100%; margin-left:0px; background-color:transparent;}

  

.banner {width:100%; height: auto; margin:auto; text-align:center; clear:both; background:url(../image/e23ef5ca-9f1e-476b-8317-4bfdc8ab7f2b.png) center no-repeat;}
section { width:90%; height:auto; margin:auto; overflow:hidden;}
.maintitle { height:64px; line-height:64px; font-weight:bold; background:url(../image/aboutmain.png) center no-repeat; font-size:35px; text-align:center; text-transform:uppercase; margin-bottom:20px; position:relative;}
.maintitle p { position:absolute; top:45px; text-align:center; width:100%; font-size:16px; font-weight:normal; text-transform:none;}
 
.mainbg { padding-top:50px; background-color:#f8f8f8}

.mainbg .left { width:-webkit-calc(100% - 600px); width:-moz-calc(100% - 600px); width:calc(100% - 600px);  float:left;  }
.mainbg .left a { float:right; color:#0270d1; font-size:14px; background:url(../image/moreimg.jpg) no-repeat top 3px left 0px; padding-left:20px;}
.mainbg .text { font-size:15px; text-indent:2em; text-align:justify; line-height:38px; } 
.mainbg .text b { font-size:18px; }
.mainbg .right { width:580px; float:right; text-align:right}



.product { width:100%; background:#f1f1f1; height:auto; overflow:hidden; padding:20px 0;}
.promain { width:1200px; height:auto; overflow:hidden; margin:50px auto;}
.classname { width:100%; height:auto; text-align:center; margin-bottom:30px; }
.classname a {padding:12px 30px; margin:0 25px; background:url(../image/protit.png) no-repeat top 12px right 3px; background-color:#fff; line-height:50px; position:relative; font-size: 16px;  -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1);
    box-shadow:0 2px 6px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);}
.classname a span {font-size:26px; color:#939393; position:absolute; left:9px; top:-5px;}

.promain ul { width:100%; height:auto; overflow:hidden; padding:10px 0 !important; margin-top:20px;}
.promain ul li { float:left; width:17%; height:auto; border:1px solid #e7e7e9; margin-right:17px; border-radius:5px; background:#fff; text-align:center; padding:10px; padding-bottom:20px; cursor:pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -moz-transition: all 0.2s linear;}
.promain ul li em { display:block; width:204px; height:142px; overflow:hidden; margin-bottom:10px;}

.promain ul li span { text-align:center; font-size:14px; margin:auto; border-bottom:1px solid #a1a1a1; text-transform:uppercase;}

.promain ul li p { line-height:20px; margin:15px auto; font-size:12px; color:#626262;}
.promain ul li a{ margin:auto; margin-top:10px; border:1px solid #94d9de; padding:4px 5px; color:#0ea5b0; font-size:14px;}
.promain ul li img { height:100% !important; width:auto;}

.promain ul li:hover { -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.1); box-shadow: 0 10px 25px rgba(0,0,0,0.1); margin-top:-10px !important;}



.searchmain {/* background:#00a885;*/  background: #01296E; width:100%; height:91px;}
.smain { width:1000px; margin:auto; height:auto; overflow:hidden;}
.sleft { float:left; color:#fff; font-size:30px; line-height:91px;}
.scenter { float:left; height:91px;}
.scenter input { border:1px solid #fff; border-radius:5px; width:600px; background:none; height:40px; margin-top:26px; margin-left:10px; padding:0 5px; color:#fff; font-size:18px; outline:0;}
.sright { float:left; padding-left:20px;}
.sright input { border:0px; background:url(../image/soso.png)  top 10px left 6px  no-repeat; background-color:#fff; border-radius:5px;   height:40px; font-size:22px; padding:0 10px;  padding-left:30px; margin-top:26px; outline:0; cursor:pointer;}


.footer { width:100%;/* background-color:#414e70;*/ background-color:#01296E; height:auto; overflow:hidden;}
.fmain { width:1200px; margin:10px auto; height:auto; overflow:hidden; padding:10px 0;}
.fleft { width:30%; float:left; height:auto;}
.fmain b { display:block; font-size:26px; color:#fff; font-weight:100; margin-bottom:20px;}
.fleft li { line-height:25px; }
.fleft li a { color:#fff;}

.fcenter { width:30%; float:left; height:auto; }
.fcenter p { margin-bottom:10px;}
.fcenter p textarea { width:300px; height:70px; outline:0; border-radius:5px;   padding:5px; font-size:18px;  font-family:arial;}
.fcenter ul li { float:left;  }
.fcenter ul li input[type=text] { height:25px; width:200px; outline:0; font-size:18px;  }
.fcenter ul li input[type=submit] { height:27px; margin-left:10px; background:#ffaa05; color:#fff; font-size:16px; border-radius:2px; border:none; cursor:pointer; outline:0; padding:2px 10px;}

.fright { width:36%; float:right; height:auto;}
.fright .text { color:#fff; line-height:25px; font-size:14px; }

.fline {  border-top:1px solid #01296E;  }
.fnum { width:100%; line-height:50px; text-align:center; background:rgba(51,51,51,0.08); color:#fff; font-size:16px;  }
.fnum span { color:#9db0c9;}
.fnum a{ margin:0 15px; color:#fff;}
.copy { text-align:center; background:#01296E; color:#f5f5f5; font-size:14px; line-height:40px; }

.about { width:100%; height: auto; margin:auto; text-align:center;}
.aboutus { width:92%; height:auto; overflow:hidden; min-height:500px; margin:auto; margin-top:20px;}
.aboutusL { width:206px; height:auto;  margin:auto; float:left; background-color:#F0F0F0;}
.aboutusL1 { width:206px; height:78px; line-height:78px;margin:auto; background-color:#39395b; color:#fff; margin-bottom:5px;  }
.aboutusL2 { width:180px; height:78px; line-height:78px; margin:auto;  font-size:26px; text-align:center; font-weight:bold;}

.aboutusL3 {  height:auto; margin:auto;}
.aboutusL3 ul li { height:45px; margin:auto;  line-height:45px; border-bottom:1px solid #ccc; position:relative; overflow: inherit}
.aboutusL3 ul li a { display:block; font-size:16px; color:#000000;padding-left:15px; border-bottom:1px solid #DADADA;}

.aboutusL3 dl { width:200px; position:absolute; background:#E40613; display:none; height:auto; overflow:hidden; top:0px; left:206px;}
.aboutusL3 dl dt { color:#fff; line-height:45px; padding-left:10px; height:45px; border-bottom:1px solid #fff; font-size:14px; cursor:pointer;}

 
.aboutusL3 ul li a.bb {font-weight:bold; color:#fff;background-color:#E40613;}

.aboutusR { width:-webkit-calc(100% - 270px); width:-moz-calc(100% - 270px); width:calc(100% - 270px); height:auto; overflow:hidden; min-height:500px; margin:auto; float:right;}
.aboutusR1 {   height:47px; margin:auto;border-bottom:1px solid #ccc;}
.aboutusR2 { float:left; font-size:24px; color:#333; font-weight:bold; border-bottom:3px solid #ea3c00; height:45px; line-height:45px; padding-right:10px;}
.aboutusR3 { float:right; text-align:right; line-height:45px; font-size:14px;}
.aboutusR4 { height:auto; overflow:hidden;min-height:300px;  margin-top:12px; margin-bottom:20px; font-size:14px; line-height:34px; }

.productinfo { height:auto; margin:auto;}
.productinfo ul li { width:220px;   margin:19px; margin-bottom:0px !important; float:left; text-align:center;}
.productinfo ul li p { width:100%; height:165px; overflow:hidden;}
.productinfo ul li img { width:100%;   }
.productinfo ul li span { width:100%; line-height:45px; margin:auto; text-align:center; display:block;}
.productinfo1 { width:220px; height:200px; margin:auto; padding:2px; border:1px solid #ccc; }

.productinfo2 { width:100%; height:45px; line-height:45px; text-align:center; font-size:23px; color:#000; } 
.productinfo3 { width:100%; height:auto; overflow:hidden; min-height:200px; margin:auto; line-height:35px; font-size:16px; margin-top:5px;}

.newsinfo {  height: auto; overflow:hidden; min-height:300px; margin:auto;}
.newsinfo ul li { width:100%; min-height:80px; margin:auto; float:left; border-bottom:1px solid #ccc; margin-bottom:25px; margin-top:25px;}
.newsinfoL { width:100px; float:left; margin:auto; border-right:1px solid #ccc;}
.newsinfoL1 { width:100%; line-height:30px; margin:auto; text-align:center; font-size:30px; color:#0061B0; margin-top:5px;}
.newsinfoL1 span { width:100%; margin:auto; text-align:center; font-size:16px; color:#666; display:block;}

.newsinfoR {width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px); width:calc(100% - 130px); height:auto; overflow:hidden; margin:auto; float:right;}
.newsinfoR1 { width:100%; height:30px; line-height:30px; margin:auto; font-size:16px;}
.newsinfoR1 a {color:#666; font-weight:bold;}
.newsinfoR1 a:link {color:#666;}	
.newsinfoR1 a:hover {color:#0061B0;} 

.newsinfoR2 { width:100%; line-height:22px; color:#999999; font-size:14px;}

.newsinfoR3 { width:92%; line-height:30px; margin:auto; border-bottom:1px solid #ccc; text-align:center; font-size:24px; font-weight:bold; color:#000; margin-bottom:15px;}
.newsinfoR3 span { width:100%; line-height:45px; margin:auto; color:#888; display:block; font-size:12px; font-weight:normal;}
.newsinfoR4 { width:100%; height:auto; margin:auto; line-height:35px; font-size:14px; margin-bottom:10px;}




.flexslider{position:relative; height:473px; overflow:hidden; background:url(http://www.swan-tools.com/images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:638px;}
.flex-control-nav{position:absolute;bottom:28px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:26px;height:8px; margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:26px;height:8px;line-height:40px;overflow:hidden;background:url(../image/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}


.page_info{text-align:center;margin-top:10px;color:#333; font-size:14px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0; font-family:Arial; ;font-size:14px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;border:1px solid #898989;background:#898989;}


.g-btn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding-left:10px;padding-right:10px;line-height:2.142857;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:0;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none; background-color:#124574; color:#fff; font-family:Arial;}
.g-btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px; background-color:#4A7C6C;}
.g-btn:hover,.g-btn:active,.g-btn:focus{text-decoration:none; background-color:#4A7C6C;}
.g-btn:active,.g-btn.g-btn-active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.g-btn.g-btn-disabled,.g-btn[disabled],fieldset[disabled] .g-btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}


.g-btn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding-left:10px;padding-right:10px;line-height:2.142857;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:0;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.g-btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.g-btn:hover,.g-btn:active,.g-btn:focus{text-decoration:none}.g-btn:active,.g-btn.g-btn-active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.g-btn.g-btn-disabled,.g-btn[disabled],fieldset[disabled] .g-btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
 



.g-input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:30px;margin:0;padding:4px 6px;color:#454545;background-color:#fff;border:1px solid #ccc;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.15);box-shadow:inset 0 1px 1px rgba(0,0,0,0.15);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; font-family:Arial; font-size:14px; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;*height:20px;_margin:-1px 0}.g-input:-moz-placeholder{color:#999; }.g-input::-moz-placeholder{color:#999}.g-input:-ms-input-placeholder{color:#999}.g-input::-webkit-input-placeholder{color:#999}.g-input:focus{border-color:#f8b500;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(248, 181, 0, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(248, 181, 0, 0.6)}.g-input[disabled],.g-input[readonly],fieldset[disabled] .g-input{cursor:not-allowed;background-color:#eee}textarea.g-input{height:auto}



.keifu{position:fixed;top:10%;right:0;width:131px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:999;}
.icon_keifu{width:26px;height:100px;float:left;background:url(http://www.swan-tools.com/images/keifu.png) 0 0;position:relative;display:none;cursor:pointer;}
.keifu_box{float:left;width:131px;}
.keifu_head{width:131px;height:41px;background:url(http://www.swan-tools.com/images/keifu.png);background-position: 0 -103px;font-size:0;line-height:0;position:relative;}
.keifu_close:link,.keifu_close:visited{display:block;width:11px;height:11px;background:url(http://www.swan-tools.com/images/keifu.png) -42px 0;position:absolute;top:5px;right:5px;}
.keifu_close:hover{background-position:-60px 0;}
.keifu_con{border-left:7px solid #029bdb;border-right:7px solid #029bdb;padding-top:15px;background:#fbfbfb;}
.keifu_con li{height:33px; text-align:center; margin:auto; font-size:14px; color:#ff0000;}
.keifu_con .weixin{height:96px;}
.keifu_con .bt{font-size:16px;height:30px;line-height:30px;text-align:left;padding:0 0 0 20px;color:#012646;}
.keifu_bot{width:131px;height:119px;background:url(http://www.swan-tools.com/images/keifu.png);background-position:0 -149px;}