@charset "utf-8";

/* Style Reset */

body,p,h1,ul,li{margin:0; padding:0;}

ul, ol, li, dl, dt, dd {list-style:none;}

a{text-decoration:none;outline:0px;}

fieldset, img { border: 0; }

.clear { clear:both; }

/* top */

body{background:#e7ecef;}

.topbg{width:100%; background-image:url(../首页_files/7cai0.jpg);position:relative;}

.logo{display:block;width:59.21875%;margin:0 auto;padding:25px 0 24px;}

.logo img{max-width:100%;}

.searchbtn{position:absolute;left:1.25%;width:7.65625%;top:23px;}

.navbtn{position:absolute;right:1.40625%;width:10.78125%;top:23px;}

.weixin{position:absolute; right:-12%; width:59.21875%;top:75px; }

/* banner */

.big-pic{width:100%; position:relative;}

.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}

.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}

.big-pic img{float:left;height:auto; width:100%;display:block;}

.big-pic2 .pic-list{width:200%;}

.big-pic2 .pic-list img{width:100%;}

.big-pic2 .pic-list img{width:50%;/*50%*/}

.big-pic3 .pic-list{width:300%;}

.big-pic3 .pic-list img{width:33.33334%;/*33.33%*/}

.big-pic4 .pic-list{width:400%;}

.big-pic4 .pic-list img{width:25%;/*25%*/}

.slide-dot{width:95%; overflow:hidden; position:absolute;left:0; bottom:0; height:26px; background:rgba(0,0,0,.6);text-align:right;padding:0 5% 0 0;}

.slide-dot span{display:inline-block;width:11px;height:11px;border-radius:11px;vertical-align:top; z-index:10; background:#fff; margin:8px 5px 0 5px;}

.slide-dot .slide-dot-cur{z-index:10;vertical-align:top; background:#2386d6;}

.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}

/* btnbox */

.btnbox{width:100%;height:60px;margin:8px 0;}

.btnbox li{float:left;width:25%;height:60px;font:16px/60px 微软雅黑;}

.tel{background:#efa500;background-image:-moz-linear-gradient(center top , #f7d600, #efa500);background-image: -moz-linear-gradient(top, #f7d600, #efa500);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7d600), to(#efa500));background-image: -webkit-linear-gradient(top, #f7d600, #efa500);background-image: -o-linear-gradient(top, #f7d600, #efa500);background-image: linear-gradient(top, #f7d600, #efa500);text-indent:50%;}

.tel a{background:url(../images/tel.png) 19.375% center no-repeat;color:#fff;display:block;width:100%;height:100%;}

.sms{background:#c6dd21;background-image:-moz-linear-gradient(center top , #c6dd21, #8fbc16);background-image: -moz-linear-gradient(top, #c6dd21, #8fbc16);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c6dd21), to(#8fbc16));background-image: -webkit-linear-gradient(top, #c6dd21, #8fbc16);background-image: -o-linear-gradient(top, #c6dd21, #8fbc16);background-image: linear-gradient(top, #c6dd21, #8fbc16);text-indent:50%;}

.sms a{background:url(../images/sms.png) 19.375% center no-repeat;color:#fff;display:block;width:100%;height:100%;}

.map{background:#2380d4;background-image:-moz-linear-gradient(center top , #33bee9, #2380d4);background-image: -moz-linear-gradient(top, #33bee9, #2380d4);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33bee9), to(#2380d4));background-image: -webkit-linear-gradient(top, #33bee9, #2380d4);background-image: -o-linear-gradient(top, #33bee9, #2380d4);background-image: linear-gradient(top, #33bee9, #2380d4);text-indent:50%;}

.map a{background:url(../images/map.png) 19.375% center no-repeat;color:#fff;display:block;width:100%;height:100%;}

.share{background:#56d3cf;text-indent:50%;}

.share a{background:url(../images/share.png) 19.375% center no-repeat;color:#fff;display:block;width:100%;height:100%;}

/* casepic */

.casepic{width:97.65625%;margin:0 auto;}

.pic1{float:left;width:59.04%;margin:0 0 1% 0;}

.pic1 img,.pic2 img,.pic3 img,.pic4 img,.pic5 img{max-width:100%;}

.pic2{float:right;width:39.84%;margin:0 0 1% 0;}

.pic3{float:left;width:32.64%;margin-right:1.12%;}

.pic4{float:left;width:32.64%;margin-right:0.96%;}

.pic5{float:left;width:32.64%;}

/* radius */

.radius{width:100%; position:absolute;top:-114px;}

.radius li{width:25%;float:left;}

.radius li a{display:block;width:138px;height:138px;margin:1% auto;border-radius:138px;position:relative;overflow:hidden;}

.computer{background:#50c0ee;}

.computer img{margin:21% 25%;width:50%;}

.network{background:#56d3cf;}

.network img{margin:20% 35%;width:30%;}

.people{background:#f0aa00;}

.people img{margin:20% 25%;width:50%;}

.acc{background:#f06270;}

.acc img{margin:25%;width:50%;}

.radius li a p{position:absolute;width:100%;height:30px;font:14px/30px 微软雅黑;bottom:10px;text-align:center;color:#fff;}

.alertbg{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:100%;z-index:999;background:rgba(0,0,0,.5);font:14px/138px 宋体;text-align:center;}

.alertbg span{color:#fff;}

/* footer */

.footer{width:100%;height:127px;background:url(../images/bottom.jpg) 0 0 repeat-x #2381d4;margin:120px 0 0 0;position:relative;}

.foot{width:100%;height:100%;background:url(../images/foot.png) 90% center no-repeat;}


.footnav{width:59.375%;margin:0 auto;height:32px;padding:35px 0 5px;}

.footnav li{width:19.5%;padding:0 0.5% 0 0;height:31px;float:left;}

.footnav li a{display:block;width:100%;height:100%;background:#075698;color:#9bdcff;border-bottom:1px solid #7bc5f2;font:14px/32px 微软雅黑;text-align:center;}

.footnav li a:hover{display:block;width:100%;height:100%;background:#4cbbec;color:#84d1f9;border-bottom:1px solid #9ed1f2;font:14px/32px 微软雅黑;text-align:center;}

.support{width:100%;height:24px;text-align:center;font:14px/24px 微软雅黑;color:#9bdcff;}

.support a{margin:0 3px;color:#9bdcff;}

/* navbg */

.navbg{width:208px;border:1px solid #0f82c8;background:#2998dc;margin-bottom:-2px;position:absolute;right:0;z-index:999;top:61px;display:none;}

.navbg li{width:100%;height:46px;border-bottom:1px solid #097ec6;}

.navbg li a{display:block;width:100%;height:45px;border-bottom:1px solid #50b8f7;background:url(../images/navicons.jpg) 75% center no-repeat;text-indent:11.538%;font:14px/45px 宋体;color:#fff;}

/* searchbox */

.searchbox{width:75.3125%;float:left;height:42px;border:1px solid #7eb6e2;box-shadow:0 0 1px #fff inset;border-radius:42px;position:absolute;z-index:999;margin:8px 0 0 1.40625%;background:#ededed;display:none;}

.text{width:70%;float:left;height:36px;font:16px/42px 宋体;color:#6f6f6f;text-indent:1em;border-radius:42px;background:#ededed;border:0;}

.button{width:20%;height:42px;float:left;background:url(../images/searchico.jpg) center center no-repeat #ededed;border:0;}

/* subnav */

.homebtn{position:absolute;left:1.25%;width:7.65625%;top:23px;}

.subfoot{margin:0;}

.subnavbox{width:100%;height:58px;}

.searchbox2{width:75.3125%;height:42px;border:1px solid #7eb6e2;box-shadow:0 0 1px #fff inset;border-radius:42px;margin:8px 1% 0 1.40625%;background:#ededed;float:left;}

.subnavbtn{width:20.625%;float:left;height:42px;border:1px solid #699ec7;margin:8px 0 0 0;background:#2eabe2;background-image:-moz-linear-gradient(center top , #268bd8, #2eabe2 ,#268bd8);background-image: -moz-linear-gradient(top, #268bd8, #2eabe2 ,#268bd8);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#268bd8), to(#2eabe2),(#268bd8));background-image: -webkit-linear-gradient(top, #268bd8, #2eabe2 ,#268bd8);background-image: -o-linear-gradient(top, #268bd8, #2eabe2 ,#268bd8);background-image: linear-gradient(top, #268bd8, #2eabe2 ,#268bd8);border-radius:42px;box-shadow:0 0 1px #32bae7 inset;}

.subnavbtn p{width:100%;height:100%;border:1px solid #32bae7;background:url(../images/subnav.png) 15.15151515% center no-repeat;text-indent:36.36363636%;border-radius:42px;font:14px/42px 宋体;color:#fff;}

.subnavbg{width:96.5625%;margin:0 1.71875%;position:absolute;z-index:999;background:#2998dc;display:none;}

.subnavbg li{width:100%;height:53px;border-bottom:1px solid #097ec6;}

.subnavbg li a{display:block;width:100%;height:52px;border-bottom:1px solid #50b8f7;font:14px/52px 宋体;text-indent:8.0906%;background:url(../images/navicons.jpg) 89.644% center no-repeat;color:#fff;}

/* productul */

.productul{width:100%;}

.productul li{width:50%;float:left;}

.productul li img{width:92.8125%;height:198px;margin:0 3.59375%;}

.prodtitle{display:block;width:100%;height:30px;font:14px/30px 宋体;color:#6f6f6f;text-align:center;}

/* pages */

.pages{width:170px;margin:10px auto;}

.pre-left{display:block; width:51px; height:32px; border:1px solid #1b1b1b; border-radius:3px; float:left; color:#1c1c1c; text-align:center; font:700 20px/32px 宋体;}

.next-left{display:block; width:51px; height:32px; border:1px solid #999; border-radius:3px; float:left; color:#999; text-align:center; font:700 20px/32px 宋体;}

.pages span{display:block; width:164px; height:30px; text-align:center; font:500 16px/30px 宋体; color:#333333; float:left;}

/* newsul */

.newsul{width:96.5625%;margin:15px auto 10px;border:1px solid #d4d4d4;border-bottom:0;}

.newsul li{width:100%;height:44px;border-top:1px solid #fff;border-bottom:1px solid #d4d4d4;background-image:-moz-linear-gradient(center top , #ebe6e1, #faf9f8);background-image: -moz-linear-gradient(top, #ebe6e1, #faf9f8);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebe6e1), to(#faf9f8));background-image: -webkit-linear-gradient(top, #ebe6e1, #faf9f8);background-image: -o-linear-gradient(top, #ebe6e1, #faf9f8);background-image: linear-gradient(top, #ebe6e1, #faf9f8);}

.newsul li p{width:100%;height:44px; background:url(../images/icons.png) 94% center no-repeat;}

.newsul li p a{display:block;width:86%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/44px 宋体; color:#6d6d6d;}

/* view */

h1{font:700 18px/30px 宋体; color:#0c0c0c; text-align:center;border-bottom:1px dashed #999;width:90%;margin:10px 5%;}

h1 p{width:90%;font:700 18px/30px 宋体;color:#0c0c0c;text-align:center;margin:0 5%;}

.view{font:14px/180% 宋体; color:#4a4a4a;width:90%;margin:0 5%;padding:8px 0;}

.view p{font:14px/180% 宋体; color:#4a4a4a;width:100%;}

.backlist{display:block;width:74px;height:32px;border:1px solid #1374c5;background:#2484d5;margin:15px auto;color:#fff;font:14px/32px 宋体;text-align:center;box-shadow:0 0 1px #57a4e6 inset;}

.prevpage,.nextpage{display:block;width:90%;margin:0 5% 8px 5%;height:20px;font:12px/20px 宋体;color:#6c6c6c;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

center img{max-width:90%;margin:0 auto;}

.hr{width:90%;height:0;border-top:1px dashed #999;margin:6px 5%;}

@media all and (min-width:640px){

body{width:640px;margin:0 auto;position:relative;}

}

@media all and (max-width:640px){

body{min-width:320px;}

.searchbtn,.homebtn{width:10%;}

.navbtn{width:14.5%;}

.logo{width:66%;}

.btnbox li{height:50px;font:14px/50px 微软雅黑;}

.tel a,.sms a,.map a,.share a{background-size:28%;background-position:8% center;text-indent:40%;}

.radius li a{width:74px;height:74px;border-radius:74px;}

.radius li a p{font:12px/30px 微软雅黑;bottom:0px;}

.footnav{width:80%;}

.footnav li{width:19%;padding:0 1% 0 0;}

.radius{top:-50px;}

.footer{margin:56px 0 0 0;}

.navbg{top:50px;}

.subfoot{margin:-10px 0 0 0;}

.searchbox2{width:65%;}

.subnavbtn{width:31%;}

.alertbg{font:14px/74px 宋体;}

}