@charset "utf-8";
/* CSS Document */
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { border:0 none; margin:0; padding:0; font-family:"微软雅黑";}
header,footer, section, details, aside, menu, nav, article, hgroup, figure, figcaption, time { display:block; margin:0px; padding:0px;}
ul,ol,li{ list-style-type:none;}
select,input,img{ vertical-align:top;}
a img{ border:0;}
em,i{ font-style:normal;}
a:hover{ text-decoration:underline;}
a,a:active,a:focus { outline:none;}
textarea { resize:none;}
table { border-collapse:collapse; border-spacing:0;}
h2, h3, h4, h5, h6{ font-size:14px; font-weight:bold;}
.clearfix:before,.clearfix:after{ content:"";display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
a{ color:#707070; text-decoration:none;}
a:hover { color:#707070; text-decoration:underline;}

/* 头部 */
.menu{ width:50%; height:100%; background:#008CE1; position:fixed; right:50px; padding-top:8%; display:none; top:0; z-index:500;}
.menu li{ text-align:center; border-bottom:1px solid #0387D8; padding:5% 0; display:block;}
.menu li a{ display:block; width:100%; color:#fff;}
.menu li a:hover{ color:#edff00;}
.menuiocn{ width:15.625%; position:absolute; top:0; right:0;}
.menuiocn img{ width:100%;}

.headbox{ position:relative;}
.headbox img{ width:100%;}

.box{ max-width:640px; width:100%; position:relative; margin:0 auto;}
.boxbg{ position:fixed; width:100%; height:100%; background-color:#000; top:0; display:none; z-index:100; lter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

/* banner */
.focus{ max-width:640px; max-height:350px; position:relative; overflow:hidden;}
.focus .hd{ width:96.875%; height:11px; position:absolute; z-index:1; bottom:10px; text-align:center;}
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden;}
.focus .hd ul .on{ background:#ff0000;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%; max-height:350px;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}

/* 内容 */
.h_tit{ max-width:640px; width:100%; background:url(../images/btbg.png) no-repeat; background-size:100%; text-align:center; color:#707070; overflow:hidden;}
.h_tit span{ color:#F88D00;  }
.h_tit p{ font-weight:normal;}

.prcon{ max-width:632px; width:98.75%; padding:0 0.625%;}
.prcon li{ width:40.3481%; text-align:center; margin:0 4.7468% 4.6875% 4.7468%; color:#707070; float:left;}
.prcon li img{ width:100%; margin-bottom:2%; border:#D8D8D8 1px solid}
.prcon li span{ background:#7AC38D; padding:1% 3%;}
.prcon li span a{ color:#fff; font-size:13px}


.ys{ background:#f5f5f5;}
.y1{ max-width:640px; width:100%; background:url(../images/k1.jpg) no-repeat; background-size:100%; padding-bottom:4.6875%;}
.y2{ max-width:640px; width:100%; background:url(../images/k2.jpg) no-repeat; background-size:100%; padding-bottom:4.6875%;}
.bh{ width:22%; color:#707070; text-align:center; font-style:italic; float:left;}
.k1{ width:72%; color:#707070; padding-right:6%; float:left;}
.k1 p{ color:#546a85;}
.k2{ width:72%; color:#707070; padding-left:6%; float:left;}
.k2 p{ color:#546a85;}

.uscon{ max-width:640px; width:100%; background:url(../images/usbg.jpg) no-repeat; background-size:100%; color:#707070; margin-bottom:4.6875%;}
.uscon span{ width:40.625%; margin:10.9375% 4.6875% 0 0; display:block; overflow:hidden; float:right;}


.necon{ max-width:600px; width:93.75%; padding:0 3.125% 5% 3.125%; background:#f5f5f5;}
.necon li{ margin-top:2%;}
.necon li .rq{ width:10%; text-align:center; float:left;}
.necon li .rq p{ background:#546a85; border-bottom:1px solid #fff; color:#fff; display:block;}
.necon li .rq span{ background:#cccccc; color:#5d5d5d; display:block;}
.necon li .cc{ width:82.5926%; background:#fff; padding-left:3.7037%; padding-right:3.7037%; overflow:hidden;}
.necon li .cc p{ color:#404040;}
.b30{ margin-bottom:5%;}
.bgh{ background:#f5f5f5 url(../images/btbg.png) no-repeat; }

.bq{ text-align:center; color:#fff; background:#007AC4;}

/* 图片列表 */
.kc-con{ max-width:600px; width:100%; margin:0 3%;}
.kc-con li{ background:#f5f5f5; overflow:hidden;}
.kc-con li p{ color:#404040;}
.kc-con li span{ display:block;}
.kc-tu{ width:28.333%; margin-right:3.125%; float:left;}
.kc-tu img{ width:100%;}
.h30{ margin-bottom:2.6875%; margin-top:2%}
.t30{ margin-top:4.6875%;}


/* 底部 */
.wihtesd img{ width:100%;}
.foc{ max-width:640px; width:100%; background:url(../images/foot.jpg) no-repeat; background-size:100%; position:fixed; bottom:-1px; z-index:10;}
.foc li{ width:33.333%; text-align:center; color:#fff; overflow:hidden; cursor:pointer; float:left; background:none;}
.foc li img{ width:100%;}
.foc li a{ display:block; position:relative; color:#fff; overflow:hidden;}
.foc li a p{ position:absolute; width:100%; bottom:12%; left:0;}

.cptt{padding:2.0% 3%; text-align:center; border-radius:6px; text-align:left;background:#fff;  margin:3% 3%; margin-bottom:0;border:1px solid #E8E8E8;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F2F2F2));background: -moz-linear-gradient(top, #fff, #F2F2F2);}

/* 在线咨询漂浮窗口 */
#swt{width:220px; position:fixed; top:50%; margin-top:-30px; text-align:center;left:50%; margin-left:-110px; z-index:503; line-height:normal;}
#swt .close{ width:22px; height:22px; background-color:#333;border-radius:50%; font-family:"微软雅黑"; position:absolute; right:-8px; top:-8px; float:right;z-index:502; color:#fff; font-size:14px; line-height:20px; cursor:pointer;}
#swt .swtbox{ border:1px solid #bbbbbb; background-color:#fff; height:80px; position:relative; }
#swt .swtbox .adwords{ font-family:"微软雅黑"; height:38px; line-height:38px; font-size:16px; overflow:hidden; white-space:nowrap; overflow:hidden; background:#f1f1f1;}
#swt .swtbox .yulist{ width:186px; margin:0 auto;}
#swt .swtbox .yulist li {width:77px; height:26px; display:inline; float:left; margin:0 8px; font-size:12px; text-align: center;}
#swt .swtbox .yulist li a{ width:77px; height:26px; border-radius:2px; display:block; color:#fff; line-height:25px;}
#swt .swtbox .yulist li a.phone{ background-color:#0C58A6; margin-top:8px;}
#swt .swtbox .yulist li a.swt{  background-color:#FF6600; margin-top:8px;}
#swtblack{ position:fixed;height:100%; left:0; top:0; width:100%; display:block; z-index:501;}

.pageListNav{ text-align:center; padding:3% 0; margin:0 4%;}
.pageListNav ul{float:right;}
.pageListNav .firstPage{width:30px;}
.pageListNav ul li{float:left;line-height:25px;height:25px;margin-left:5px;font-size:12px;border:1px solid #E9E9E9;padding:0px 10px;width:auto; background:#FFF}
.pageListNav ul li a:hover{color:#ff0000;text-decoration:none;}
.pageListNav ul li.thisclass,.pageListNav ul li.thisclass a,.pageListNav ul li.thisclass a:hover{background-color:#008CE1;color:#FFF}
.pageListNav .pageinfo{line-height:25px;padding:12px 5px 10px 5px;color:#999;}
.pageListNav select{line-height:25px;margin-top:4px}
.pageListNav .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}

.tit{ background:#f5f5f5; padding:2% 4%;}
.tit a{ color:#000;}

.cont{ padding:0 4% 3% 4%; line-height:180%; color:#414141;}
.cont img{ width:100%;}
.cont p{ margin:3% 0;}

.news{ margin:1% 3%;}
.news li{ padding:2% 0; border-bottom:1px dashed #dadada;}

.t30{ margin-top:4.6875%;}

.cntit{ padding:2% 0; text-align:center; color:#000; font-weight:bold;}
.sjian{ background:#eaeaea; padding:0.5% 0; text-align:center;}
.contu{ width:90%; margin:3% auto;}
.contu img{ width:100%;}


/*****************响应式布局设置*****************/
@media screen and (max-width:320px){
body{ font-size:12px;}
.bq{ line-height:20px;}
.h_tit{ height:67px; line-height:18px; padding-top:9px;}
.h_tit p{ font-size:16px;}
.prcon li{ line-height:24px;}
.y1{ height:46px;}
.bh{ line-height:46px; font-size:17px;}
.k1{ line-height:18px; padding-top:5px;}
.y2{ height:46px;}
.k2{ line-height:18px; padding-top:5px;}
.uscon{ height:178px;}
.uscon span{ height:130px; line-height:21px;}
.necon li .rq p{ line-height:34px;}
.necon li .rq span{ line-height:44px;}
.necon li .cc{ height:72px; line-height:21px; padding-top:7px;}
.kc-con li{ height:65px;}
.kc-con li span{ padding-top:2px; line-height:20px;}
}

@media screen and (min-width:320px) and (max-width:360px){
body{ font-size:12px;}
.bq{ line-height:22px;}
.h_tit{ height:67px; line-height:18px; padding-top:9px;}
.h_tit p{ font-size:16px;}
.prcon li{ line-height:24px;}
.y1{ height:46px;}
.bh{ line-height:46px; font-size:17px;}
.k1{ line-height:18px; padding-top:5px;}
.y2{ height:46px;}
.k2{ line-height:18px; padding-top:5px;}
.uscon{ height:178px;}
.uscon span{ height:130px; line-height:21px;}
.necon li .rq p{ line-height:34px;}
.necon li .rq span{ line-height:44px;}
.necon li .cc{ height:72px; line-height:21px; padding-top:7px;}
.kc-con li{ height:65px;}
.kc-con li span{ padding-top:2px; line-height:20px;}
}

@media screen and (min-width:360px) and (max-width:480px){
body{ font-size:13px;}
.bq{ line-height:22px;}
.h_tit{ height:77px; line-height:21px; padding-top:8px;}
.h_tit p{ font-size:18px;}
.prcon li{ line-height:26px;}
.y1{ height:52px;}
.bh{ line-height:52px; font-size:20px;}
.k1{ line-height:18px; padding-top:8px;}
.y2{ height:52px;}
.k2{ line-height:18px; padding-top:8px;}
.uscon{ height:200px;}
.uscon span{ height:150px; line-height:24px;}
.necon li .rq p{ line-height:38px;}
.necon li .rq span{ line-height:48px;}
.necon li .cc{ height:80px; line-height:24px; padding-top:7px;}
.kc-con li{ height:73px;}
.kc-con li span{ padding-top:5px; line-height:21px;}
}

@media screen and (min-width:480px) and (max-width:560px){
body{ font-size:15px;}
.bq{ line-height:30px;}
.h_tit{ height:92px; line-height:24px; padding-top:21px;}
.h_tit p{ font-size:23px;}
.prcon li{ line-height:30px;}
.y1{ height:69px;}
.bh{ line-height:69px; font-size:28px;}
.k1{ line-height:24px; padding-top:10px;}
.y2{ height:69px;}
.k2{ line-height:24px; padding-top:10px;}
.uscon{ height:266px;}
.uscon span{ height:200px; line-height:24px;}
.necon li .rq p{ line-height:42px;}
.necon li .rq span{ line-height:52px;}
.necon li .cc{ height:87px; line-height:26px; padding-top:8px;}
.kc-con li{ height:98px;}
.kc-con li span{ padding-top:6px; line-height:27px;}
}

@media screen and (min-width:560px) and (max-width:640px){
body{ font-size:16px;}
.bq{ line-height:35px;}
.h_tit{ height:108px; line-height:28px; padding-top:24px;}
.h_tit p{ font-size:26px;}
.prcon li{ line-height:32px;}
.y1{ height:80px;}
.bh{ line-height:80px; font-size:30px;}
.k1{ line-height:24px; padding-top:15px;}
.y2{ height:80px;}
.k2{ line-height:24px; padding-top:15px;}
.uscon{ height:311px;}
.uscon span{ height:230px; line-height:31px;}
.necon li .rq p{ line-height:50px;}
.necon li .rq span{ line-height:60px;}
.necon li .cc{ height:102px; line-height:30px; padding-top:9px;}
.kc-con li{ height:113px;}
.kc-con li span{ padding-top:5px; line-height:32px;}
}

@media all and (min-width:640px){	
body{ width:640px!important; margin:0 auto;}
body{ font-size:18px!important;}
.bq{ line-height:40px;}
.h_tit{ height:119px; line-height:30px; padding-top:32px;}
.h_tit p{ font-size:30px;}
.prcon li{ line-height:36px;}
.y1{ height:92px;}
.bh{ line-height:92px; font-size:36px;}
.k1{ line-height:31px; padding-top:15px;}
.y2{ height:92px;}
.k2{ line-height:31px; padding-top:15px;}
.uscon{ height:355px;}
.uscon span{ height:260px; line-height:36px;}
.necon li .rq p{ line-height:58px;}
.necon li .rq span{ line-height:70px;}
.necon li .cc{ height:120px; line-height:36px; padding-top:9px;}
.kc-con li{ height:130px;}
.kc-con li span{ padding-top:10px; line-height:36px;}
}
/*h1标签样式*/
.biaotih1 {
  text-align: center;
    font-size: 26px;
    color: #000;
    margin: 10px 0;
}

/*在线留言*/
.message_content{background:#F9F9F9; padding:2% 5%; margin:3% auto 2% auto}
.message_content input[type="text"],.contact input[type="email"],.message_content input[type="tel"],.message_content input[type="url"],.message_content textarea,.message_content button[type="submit"]{font:400 12px/16px "Open Sans",Helvetica,Arial,sans-serif;}
.message_content h3{color:#F96;display:block;font-size:30px;font-weight:400;}
.message_content h4{margin:5px 0 15px;display:block;font-size:13px;}
fieldset{border:medium none !important;margin:0 0 10px;min-width:100%;padding:0;width:100%;}
.message_content input[type="text"],#contact input[type="email"],#contact input[type="tel"],#contact input[type="url"],.message_content textarea{width:90%;border:1px solid #CCC;background:#FFF;margin:0 0 5px;padding:10px;}
.message_content input[type="text"]:hover,#contact input[type="email"]:hover,.message_content input[type="tel"]:hover,.message_content input[type="url"]:hover,.message_content textarea:hover{-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;border:1px solid #007AC4;}
.message_content textarea{height:100px;max-width:100%;resize:none;}
.message_content button[type="submit"]{cursor:pointer;width:20%;border:none;background:#007AC4;color:#FFF;margin:0 0 5px;padding:10px;font-size:15px;}
.message_content button[type="submit"]:hover{background:#A30000;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;}
.message_content button[type="submit"]:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
.message_content input:focus,#contact textarea:focus{outline:0;border:1px solid #BF3131;}::-webkit-input-placeholder{color:#888;}:-moz-placeholder{color:#888;}::-moz-placeholder{color:#888;}:-ms-input-placeholder{color:#888;}