@charset "utf-8";

* {-webkit-user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -ms-touch-action: none;
-webkit-touch-callout: none; }
* html,* html body {background-image:url(about:blank);background-attachment:fixed;}
body{margin:0; padding:0; font-family:"微软雅黑";  font-size:14px; line-height:1.8em; }
img{border:0; max-width: 100%;-ms-interpolation-mode: bicubic; display:block;}
input, textarea {-webkit-user-select: text;}
a{outline:none;}
a{ font-size: 14px;text-decoration: none;}
a:link {-webkit-tap-highlight-color: rgba(0,0,0,0);	-webkit-touch-callout: none;					}
a:link, a:visited, a:hover, a:active {color: #000;}
ul,li,div,p,dl,dt,dd,table,br,span,padding{list-style:none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; margin:0; padding:0; }

img {border: 0;max-width: 100%;-ms-interpolation-mode: bicubic;display: block;}

.header{height:111px;  background-image:url(../images/upbg.jpg);}
.ui-header .ui-btn-left{left: 0px;}
.ui-header .ui-btn-left{position: absolute;top: 0px;}
.ui-btn-left, .ui-btn-right{display: inline-block;
vertical-align: middle;}

.ui-mobile .ui-btn-right{margin: 0;}
.ui-header .ui-btn-right{right: 0px;}
.ui-header .ui-btn-right{position: absolute;top: 0px;}
.ui-btn-right img{ }

.header .logo img{max-height:111px;margin-top:0px;margin-left:0px}
.header .sina img{margin-top:5px;margin-right:1px}
.header-btn{background:#ddd;border-bottom:2px solid silver;height:34px;border-top:1px solid #fff;overflow:hidden}
.header-btn .back{margin:2px 0 0 5px;font-size:14px;height:28px;line-height:28px;text-align:center;padding:0 18px;background:#fff;border-radius:10px;display:inline-block;border:1px solid #ccc;background-image:-moz-linear-gradient(top,#fefefe,#e5e5e5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#e5e5e5));background-image:-webkit-linear-gradient(top,#fefefe,#e5e5e5);background-image:-o-linear-gradient(top,#fefefe,#e5e5e5);background-image:linear-gradient(to bottom,#fefefe,#e5e5e5)}.content{padding:0}
.menu{height:40px;line-height:40px;background-image:-webkit-gradient(linear,0 0,0 100%,from(#741b9b),to(#1c1c1c));background-image:-webkit-linear-gradient(top,#741b9b,#1c1c1c);background-image:-o-linear-gradient(top,#393939,#1c1c1c);background-image:linear-gradient(to bottom,#741b9b,#1c1c1c);border-bottom:1px solid #1c1c1c;-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,.1);text-shadow:-1px 1px #000;background-color: #741b9b;
}
.menu a{color:#ccc;font-size:14px;display:inline-block;text-align:center; padding:0 4px; }
.menu .active{color:#fff;}

.list-title{margin-top:10px;height:42px;box-sizing:border-box;-webkit-box-sizing:border-box;background-image:-moz-linear-gradient(top,#fff,#f4f4f4);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f4f4f4));background-image:-webkit-linear-gradient(top,#fff,#f4f4f4);background-image:-o-linear-gradient(top,#fff,#f4f4f4);background-image:linear-gradient(to bottom,#fff,#f4f4f4);border-top:1px #e7e8e8 solid;border-bottom:3px #cecece solid}

.list-title .list-left{border-bottom:3px #fe2a00 solid!important;box-shadow:0 1px 1px #fff;-webkit-box-shadow:0 1px 1px #e5f0fe;height:28px;padding:10px 0 0 10px;display:inline-block;text-align:right}
.list-title .list-left b{font-size:16px}
.list-title .list-left span{color:#777;margin-left:4px;font-size:12px;vertical-align:bottom}
.list-title .list-right{float:right;display:inline-block;line-height:42px}
.list-title .list-right a{margin-right:4px;color:#777}
.list-title .list-right a:visited{color:#777}
.list-title .list-right a:active{color:#c19626}
.btns{margin-top:15px}
.btns a{border-radius:5px;background-image:-moz-linear-gradient(top,#fefefe,#e5e5e5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#e5e5e5));background-image:-webkit-linear-gradient(top,#fefefe,#e5e5e5);background-image:-o-linear-gradient(top,#fefefe,#e5e5e5);background-image:linear-gradient(to bottom,#fefefe,#e5e5e5);font-size:14px;color:#777;display:block;width:90%;margin:0 auto;border:1px solid #ccc;padding:8px 0;text-align:center}
.btns a:active{background-image:-moz-linear-gradient(top,#f0f0f0,#e0e0e0);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f0f0f0),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#f0f0f0,#e0e0e0);background-image:-o-linear-gradient(top,#f0f0f0,#e0e0e0);background-image:linear-gradient(to bottom,#f0f0f0,#e0e0e0)}
.btns a span{color:#000}
.bottom{margin:15px 0;border-top:1px solid #e7e8e8}
.bottom .totop{border-radius:5px;background-image:-moz-linear-gradient(top,#fefefe,#e5e5e5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#e5e5e5));background-image:-webkit-linear-gradient(top,#fefefe,#e5e5e5);background-image:-o-linear-gradient(top,#fefefe,#e5e5e5);background-image:linear-gradient(to bottom,#fefefe,#e5e5e5);font-size:14px;color:#555;display:block;width:46%;margin:0 auto;border:1px solid #ccc;padding:10px 0;text-align:center;margin-top:35px;font-weight:700}
.bottom .totop:active{background-image:-moz-linear-gradient(top,#f0f0f0,#e0e0e0);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f0f0f0),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#f0f0f0,#e0e0e0);background-image:-o-linear-gradient(top,#f0f0f0,#e0e0e0);background-image:linear-gradient(to bottom,#f0f0f0,#e0e0e0)}
.bottom .mode{text-align:center;font-size:12px;margin-top:30px}
.bottom .mode span{color:#666;border-right:1px solid #777;padding-right:8px;font-weight:700}
.bottom .mode a{text-decoration:none;color:#777;margin-left:5px}
.bottom .copyright{font-size:12px;color:#777;text-align:center;margin-top:10px}
.news{list-style:none;padding:0;margin:0}
.news li{position:relative;border-bottom:1px solid #e7e8e8;padding:15px 10px 0 80px;height:75px}
.news li a img{width:60px;height:60px;position:absolute;top:0;left:0;margin:15px 0 0 10px}
.news li a h3{font-size:18px;color:#393939;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news li a p{font-size:12px;color:#555;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:5px}.news li a .date{color:#999}
.showcase{list-style:none;margin:0;padding:10px;border-bottom:1px solid #e7e8e8}
.showcase:after{content:"";display:block;clear:both}
.showcase li{display:inline-block;width:50%;float:left;margin:10px 0;text-align:center}
.showcase li a img{width:82%;border:6px solid #fff;box-shadow:0 0 12px rgba(0,0,0,.3)}
.showcase li a h3{width:90%;color:#555;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:5px auto;text-align:left}
.showcase li a p{width:90%;color:#999;font-size:12px;margin:5px 0 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 auto;text-align:left}
.process{list-style:none;margin:0;padding:10px;border-bottom:1px solid #e7e8e8}
.process:after{content:"";display:block;clear:both}
.process li{display:inline-block;width:25%;float:left;margin:5px 0;text-align:center}
.process li img{width:86%}
#shareTo .shareList .shares{margin-top:20px}
#shareTo .shareList .shares a{display:block;width:100%;height:45px;border-bottom:1px solid #464646;margin-bottom:30px;color:#fff}
#shareTo .shareList .shares a:visited,#shareTo .shareList .shares a:active{color:#fff}
#shareTo .shareList .shares a span{width:100%;font-size:16px;vertical-align:bottom}

.about {list-style:none;padding:0;margin:0}
.about li {position:relative;border-bottom:1px solid #e7e8e8;padding:5px 10px 5 15px;line-height:24px;}
.about li a img {width:60px;height:60px;position:absolute;top:0;left:0;margin:15px 0 0 10px;padding: 0 10px; }
.about li a h3 {font-size:12px;color:#555;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.about li a p {font-size:12px;color:#555;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:5px;}
.about li a .date {color:#999}

.zuopin{list-style:none;margin:0 auto;padding:0 10px;text-align:left}
.zuopin .list-images::after{content:'';display:block;clear:both}
.zuopin .list-images li{text-align:center;width:48%;float:left;overflow:hidden}
.zuopin .list-images li:nth-child(2n){margin-left:4%}
.zuopin .list-images li a{display:block;width:100%;background:#7b1ea3}
.zuopin .list-images li a img{width:100%;margin:0 auto; }
.zuopin .list-images li a p{margin:0;padding:0;}
.zuopin .list-images li a .title{color:#fff;font-size:12px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.zuopin .list-images li a .desc{color:#ffba00;font-size:12px;padding:2px 0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}




.buttons{width:100%;text-align:center;margin:0; overflow: hidden; background:#fff;}
.buttons dl{margin:0 auto;text-align:center;height:145px;overflow:hidden;}
.buttons dl dt{width:100%;}
.buttons dl dd{width:100%;height:25px;line-height:25px; color:#fff;}
.buttons dl dt img{ margin:0 auto; border:0; display:block; padding-top:10px;}
.buttons a{color:#666;text-decoration:none;font-size:14px;width:33%;float:left;display:block;padding-top:10px;margin-bottom:10px;}












.inabout{ width:100%; height:auto; overflow:hidden; border-bottom:1px #e4dbcc solid; background:#fff; color:#676767; font-size:16px; padding:0px 0 0 0px;}
.inaboutss{ width:97%; border:1px #ddd solid; margin:auto;}
.inabout h2{ text-align:center; font-size:24px; line-height:30px; padding:10px 0px;}
.inabout p{ padding:10px; line-height:30px;}
.inabout span{color:#a3d011; font-size:18px;}
.inservice{ width:42.999999%; height:auto; overflow:hidde; float:left; padding:2.55555% 0 0% 4.55555%;}
.inserviceimg{ width:100%; height:auto; overflow:hidden; border:1px #ddd solid;}
.inservinav{ padding-top:0px; line-height:35px; color:#727272; text-align:center;  overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.proback{ width:100%; height:70px; line-height:70px; padding-top:56px; border-bottom:1px #efefef solid;}
.probackleft{ width:15%; float:left;}
.probidsriht{ width:80%; float:left; text-align:center; font-size:22px;}
.zhbox{ width:100%; height:auto; overflow:hidden;  border-top:1px #e4dbcc solid; border-bottom:1px #e4dbcc solid; background:#fff;}
.figure {float: left; font-size: 10px; letter-spacing: 0.05em; line-height: 1.1; margin: 1.8em 1.5% 1.2em 1.6%; text-align: center; text-transform: uppercase; width: 30%;
}


.inabout6{ width:100%; height:auto; overflow:hidden; background:#fff;  color:#000; font-size:14px; padding:12px 0px;}
.inabout6 p{ padding:10px; line-height:30px;}
.inabout6 p img{ margin:auto; clear:both;}

.faclist{display:block; width:100%;  margin:0 auto;overflow:hidden; }
.faclist li{float:left; display:block; width:50%;text-align:center;}
.faclist li a{display:block;}
.faclist li a img{width:93%; padding:2%; border:1px solid #fff; display:block;}
.faclist li a span{display:block; padding-top:2px; line-height:20px; font-size:12px;}
.faclist li a:hover img,.faclist li a:active img{border:1px solid #373c64;}
.faclist li a:hover span,.faclist li a:active span{color:#167706;}
.faclist li.clear{float:none; clear:both; width:100%; height:10px;}





.news{list-style:none;padding:0;margin:0}
.news li{position:relative;border-bottom:1px solid #e7e8e8;padding:15px 10px 0 80px;height:75px}
.news li a img{width:60px;height:60px;position:absolute;top:0;left:0;margin:15px 0 0 10px}
.news li a h3{font-size:14px;color:#555;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news li a p{font-size:12px;color:#555;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:5px}
.news li a .date{color:#999}

.bottom{margin:15px 0;border-top:1px solid #e7e8e8}
.bottom .copyright{font-size:12px;color:#777;text-align:center;margin-top:10px}


.foot{ width:100%; height:100px; padding:10px 0px 0px 0px; line-height:17px; text-align:center;  color:#191919; font-size:11px; display: block; }
#footbox{ width:100%; height:55px; background:#414141; z-index:10; position:fixed; bottom:0px; left: 0px; _position:absolute;
 right: 0px; top:auto; }
.f1{ width:25%; height:auto; float:left; background:url(../images/icon-36x36-phone.png) no-repeat center top; color:#FFFFFF; text-align:center; display:block; margin:0px 0px; border-right:1px solid #8c8c8c;}
.f1 a{ color:#FFFFFF;  font-size:12px; }
.fize{ padding-top:30px; text-align:center;}
.f2{ width:25%; height:auto; float:left; background:url(../images/icon-36x36-contactus.png) no-repeat center top; color:#FFFFFF; text-align:center; display:block; margin:0px 0px; border-right:1px solid #8c8c8c;}
.f2 a{ color:#FFFFFF;  font-size:12px; }
.f3{ width:21%; height:auto; float:left; background:url(../images/icon-32x32-list-map.png) no-repeat center top; color:#FFFFFF; text-align:center; display:block; margin:0px 0px;}
.f3 a{ color:#FFFFFF;   font-size:12px;}
.f4{ width:25%; height:auto; float:left; background:url(../images/share.png) no-repeat center top; color:#FFFFFF; text-align:center; display:block; margin:0px 0px;   border-right:1px solid #8c8c8c;}
.f4 a{ color:#FFFFFF;  font-size:12px; }
.f5{ width:25%; height:auto; float:left; background:url(../images/products.png) no-repeat center top; color:#FFFFFF; text-align:center; display:block; margin:0px 0px;}
.f5 a{ color:#FFFFFF;  font-size:12px;}




.banners {width: 100%;height: auto;overflow: hidden;text-align: center;padding-top:1px;}
/*企业*/
.ade {color: #c82008;font-weight: bold; padding-top:12px;}
.whyshoow {width: 95%;line-height: 40px;font-size: 16px;border-bottom: 1px #dbdbdb solid;margin: auto;}
.inbao {width: 95%;height: auto;margin: 12px auto;line-height: 23px;}
.inbao strong {color: #000000;font-weight: bold;font-size: 16px;}


.probox {width: 100%;height: auto;overflow: hidden;background: #f5f5f5;padding-top:1px;}
.probox ul li {width:46%;height: 35px;line-height: 35px;text-align: center;border-bottom: 1px #dadada dashed;float: left;font-weight: bold;}

.prozbox {background: #fff;width: 100%;height: auto;overflow: hidden;}
.productsbxo {border-bottom: 1px #dbdbdb solid;width: 100%;height: auto;overflow: hidden;padding: 15px 5px;}
.case1img {width: 50%;height: auto;float: left;border: 0px;}
.case1nav {width: 46%;height: auto;overflow: hidden;line-height: 18px;padding-left: 10px;float: left;color: #717171;}
.case1nav h1 {line-height: 23px;font-size: 14px;color: #303030;font-weight: bold;}
.case1nav h1 a {line-height: 23px;font-size: 14px;color: #303030;}
/*常见问题*/
.home2014pro {width: 100%;height: auto;overflow: hidden;margin: 10px 0px;}

.newsdddww{ padding:10px; height:auto; overflow:hidden;  border-bottom:1px #ddd solid; }
.newsdddww h1{ height:35px; line-height:35px; font-size:16px; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.newsdddww h1 a{ font-size:16px; }

.ewees {color: #929292;line-height: 25px;}
.timeo {
background: url(../images/time.jpg) no-repeat 76% 50%;color: #c3c2c2;font-size: 12px;height: 30px;
line-height: 30px;text-align: right;}

.proback {width: 100%;height: 50px;line-height: 50px;padding-top:16px;}
.probackleft {width: 15%;float: left;}
.probidsriht {width: 70%;float: left;text-align: center;font-size: 16px;}

.probig {height: auto;overflow: hidden;margin: 5px;border: 1px #dadada solid;border-radius: 9px;background: #fff;}
.prots {width: 95%;height: auto;overflow: hidden;margin: auto;padding: 10px 0px;line-height: 30px;}
.ade {color: #c82008;font-weight: bold;}





/*导航栏*/
.dh_nav{width:100%;height:auto;}
.dh_nav ul{width:100%; height:auto; overflow:hidden;}
.dh_nav li a{position:relative; float:left; width:25%; height:45px; line-height:45px; text-align:center; font-size:14px; color:#000; border-bottom:1px solid #c91520;
background-color:#fff; 
background-image:-moz-linear-gradient(top , #fff , #ddd);
background-image:-webkit-linear-gradient(top , #fff , #ddd);
background-image:-o-linear-gradient(top , #fff , #ddd);
background-image:-ms-linear-gradient(top , #fff , #ddd);
background-image:linear-gradient(top , #fff , #ddd);
}
.dh_nav li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:45px; width:0px; border-bottom:1px solid #c91520;   }



#share{ width:100%; height:50px; position:absolute;top:-60px; text-align:center; display:none;}
#share ul{width:98%; text-align:center; margin:0px auto; height:50px; background-color:#000000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;-webkit-border-radius:5px;border-radius:5px;}
#share ul li{ float:left; width:20%; text-align:center; list-style:none;}
#share ul li div{ width:100%; padding-top:6px;}





.iplists{ width:100%; height:auto; overflow:hidden; padding-bottom:0px; background:#fff; margin:auto; border:0px #ddd solid;}
.iplists ul li{width:100%; height:auto; overflow:hidden; padding:9px 0;  text-indent:15px; font-size:16px; margin:auto;}
.lixian{ border-bottom:1px #ffffff solid;  background:url(../images/navleft.jpg) no-repeat 95% 15px;}
.iplists ul li a{ font-size:16px;}
.iplists ul li ul{ margin-top:10px;}
.iplists ul li ul li{ width:33%; float:left; padding:2px 0px; color:#555654; text-align:center;}
.iplists ul li ul li a{color:#555654; font-size:16px;}








#category{width:60%; background:#fff; position:absolute; z-index:100001; left:-100%; top:0; box-shadow:1px -1px 30px #000; border-right:1px solid #ccc;}
#category .close{position:absolute; right:7px; top:8px; width:18px; height:17px; background:url(../images/bg.png) -229px -63px no-repeat;}
#category dl{height:100%; margin-top:22px;}
#category dl dt{height:39px; line-height:39px; overflow:hidden; text-indent:22px; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dotted #ccc; background:url(../images/bg.png) -297px -47px no-repeat;}
#category dl dt a{font-weight:bold; text-decoration:none; color:#444;}
#category dl dd{height:39px; line-height:39px; overflow:hidden; border-bottom:1px dotted #ccc; text-indent:22px; white-space:nowrap; text-overflow:ellipsis;}
#category dl dd a{color:#666; display:block; text-decoration:none;}

#footer_points{height:40px; clear:both;}
#footer{width:100%; margin:0 auto; background:url(../images/bg.png) 0 20px repeat-x; height:60px; position:fixed; z-index:1000; bottom:0;}
#footer ul li{height:38px; width:25%; float:left; padding-top:22px; background:url(../images/bggg.jpg) no-repeat right bottom;}
#footer ul li>a{color:#fff; line-height:58px; font-size:12px; width:45px; height:40px; margin:0 auto; display:block; white-space:nowrap; text-align:center; text-decoration:none;}
#footer ul li.category{height:60px; padding:0;}
#footer ul li.category a{width:62px; height:60px; line-height:100px; margin:0; background:url(../images/bg.png) 0 -42px no-repeat; text-align:left; text-indent:13px;}
#footer ul li.cart a{background:url(../images/share.png) center top no-repeat; background-size:20px auto;}
#footer ul li.member a{background:url(../images/home_icon.png) center top no-repeat; background-size:22px auto;}
#footer ul li.home a{background:url(../images/member_icon.png) center top no-repeat; background-size:22px auto;}

#share{ width:100%; height:50px; position:absolute;top:-20px; text-align:center; display:none;}
#share ul{width:98%; text-align:center; margin:0px auto; height:50px; background-color:#000000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;-webkit-border-radius:5px;border-radius:5px;}
#share ul li{ float:left; width:20%; text-align:center; list-style:none;}
#share ul li div{ width:100%; padding-top:6px;}





.wedding{margin:10px 0 0 0;}
.wedding img{width:100%;}
.showPancl{width:100%;text-align:center;overflow:hidden;display:block	}
.showPancl a{width:45%;	display:inline-block;margin-top:5px; }
.showPancl a:nth-of-type(odd){margin-right:14px}
.showPancl img{width:99%; border:1px solid #e0e0e0;}
.showPancl a span{overflow:hidden; display:block; text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/white-space:nowrap;/* 不换行 */}