@charset "utf-8";

html,body,div,iframe,span,dl,dt,dd,ul,ol,li,form,input,textarea,pre,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%
}

a {
	text-decoration: none
}

li {
	list-style: none
}

.clear {
	clear: both;
	height: 0;
	line-height: 0
}

h1,h2,h3 {
	font-weight: normal;
	padding: 0;
	margin: 0
}

img {
	border: 0;
	max-width:100%;
	
}
#xjs img{ height:auto !important; }

a {
	color: #666
}

a:hover {
	text-decoration: underline
}
.fl{float:left;}
.fr{float:right;}
.nobg{background:none !important;}

body,html {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #666;
	background: #ebebeb;
	
}
html {height:100%;}

body {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	color: #666;
	padding-bottom: 60px
}

body.findex{width:100%;height:100%;overflow: hidden; }

#HIDS {
	display: none
}
.box {width: auto; margin: 0 auto; position: relative;}


.w-top{background:#ea3f4c; padding:5px 10px;}
.w-top img{}

body.findex .w-top{ position:fixed; top:0; left:0;width:calc(100% - 20px); max-width:600px; max-height:60px; z-index:9999;  }

.wlogo{display:block; width:20%; padding-top:10px;}

.navmore{width:25px; height:30px; display:block; background:url(../images/navmore.png) no-repeat center / 80%; margin-top:15px;;}


.w-nav{padding:8px 2%; width:calc(76% - 25px);}
.w-nav li{width:25%; float:left; text-align:center; line-height:36px; height:36px;  margin:5px 0; background:url(../images/navline.png) no-repeat left center;}
.w-nav li a{color:#fff; font-size:16px; display:block;}

/***********case banner********/
.ibanner img{display:block; width:100%; }

/***********案例分类**********/
.cclass{padding:10px 5px;}
.cclass ul li {padding-bottom:90px; float:left; border-radius:5px; margin-top:15px;}
.cclass ul li h2{font-size:14px; color:#fff;}
.cclass ul li p{ font-size:12px; line-height:18px;height:36px; overflow:hidden;}
.cclass ul li a:hover{text-decoration:none;}

.cc1{width:calc(40% - 20px); border-radius:5px; padding:35px 10px; background:#11c4d8 url(../images/caseicon1.jpg) no-repeat center 135px / 45%;}
.cc1 p{color:#6cd4e2;}

.cc2{margin-left:5px; width:calc(25% - 10px); background:#92cf0f url(../images/caseicon2.jpg) no-repeat center 135px / 45%; padding:35px 10px;}
.cc2 p{color:#b1dc6c;}
.cc3{margin-left:5px; width:calc(25% - 10px); background:#f4b613 url(../images/caseicon3.jpg) no-repeat center 135px / 45%; padding:35px 10px; }
.cc3 p{color:#f7ca6d;}

.cc4{width:calc(25% - 10px); margin-left:0px; background:#747ae8 url(../images/caseicon4.jpg) no-repeat center 135px / 45%; padding:35px 10px; }
.cc4 p{color:#8e92ec;}

.cc5{ width:calc(40% - 20px);margin-left:5px;  border-radius:5px; padding:35px 10px; background:#ff687b url(../images/caseicon5.jpg) no-repeat center 135px / 45%;}
.cc5 p{color:#ff96a2;}

.cc6{ width:calc(25% - 10px); margin-left:5px;background:#fe864a url(../images/caseicon6.jpg) no-repeat center 135px / 45%; padding:35px 10px; }
.cc6 p{color:#fea57e;}

/********产品分类********/
.pclass{background:#000000 url(../images/procbg.jpg) repeat-x top center; padding:10px;}
.ipclass{background:#fff;}
.ipclass img{display:block; width:100%;}
.prohead{padding:20px 0 12px 0; text-align:center;}
.prohead span{display:inline-block; height:; padding-left:42px; background:url(../images/proicon.png) no-repeat left center / 35px; font-size:38px; color:#ea3f4c; padding-right:5px;}
.protitle{display:inline-block; text-align:left;}
.protitle h2{font-size:18px; color:#333; line-height:22px;}
.protitle p{font-size:12px; text-transform:uppercase; color:#333; padding:0px; line-height:16px;}
.ipclass .procinfo{padding:20px; color:#666; line-height:26px; font-size:14px;}
.pmore{display:block; background:#ea3f4c; color:#fff; margin-top:10px; height:42px; line-height:42px; text-align:center; font-size:14px;}
.pmore span{display:inline-block; padding-right:30px; background:url(../images/pmoreicon.png) no-repeat center right / 20px; }

.subclass{ position:fixed; z-index:99999; top:70px; left:0; background:url(../images/pcbg.jpg) no-repeat bottom center / 100%; padding:30px 10px 50px 10px; width:calc(100% - 20px); height:calc(100% - 150px); display:none;}
.subclass ul li{border:3px solid #fff; border-radius:5px; width:calc(33% - 26px); margin:0 10px 10px 10px; float:left; text-align:center; font-size:16px; padding-bottom:20px; padding-top:60px;}
.subclass ul li a{color:#fff; display:block;}
.subicon1{background:url(../images/sicon1.png) no-repeat center 20px / 40px;}
.subicon2{background:url(../images/sicon2.png) no-repeat center 20px / 40px;}
.subicon3{background:url(../images/sicon3.png) no-repeat center 20px / 40px;}
.subicon4{background:url(../images/sicon4.png) no-repeat center 20px / 40px;}
.subicon5{background:url(../images/sicon5.png) no-repeat center 20px / 40px;}

.spclass{padding:20px 10px 10px;}
.spclass li{border:1px solid #919191; margin:0 8px; width:calc(33% - 18px); float:left; text-align:center; font-size:12px; height:36px; overflow:hidden; line-height:36px; margin-bottom:10px;}
.spclass li a{color:#666; letter-spacing:1px;}
.spclass li a span{color:#ea3f4c; padding-right:3px;}


/**********产品列表**********/
.ichead{padding:20px 10px 5px;}
.ichead img{display:block; width:100%;}

.plist{padding:0 10px;}
.plist li{background:#fff; margin-bottom:12px;}
.plist li img{display:block; width:100%;}
.plist li h2{height:42px; line-height:42px; padding:0 10px; font-size:14px;}
.plist li a.ggh{width:calc(100% - 50px); display:block; float:left; height:42px; overflow:hidden;}
.plist li a.yyy img{ display:block; width:100%; }
.plist li span{display:block; width:25px; padding-left:25px; background:url(../images/zanicon.png) no-repeat left center / 18px; height:40px;}


/********新闻中心*********/
.newshead{}
.newshead ul  li{width:calc(33% - 20px); margin:0 10px; float:left; text-align:center; padding-bottom:5px; font-size:16px; color:#333; line-height:46px; height:46px;}
.newshead ul li a{color:#333;}
.newshead ul li.cur{background:url(../images/newsline.jpg) no-repeat center bottom;}

.newslist{padding-top:10px;}
.newslist li{background:#fff; border-bottom:1px solid #d8d8d8; padding:15px 10px; margin-bottom:15px;}
.newslist li img{display:block; width:100px; height:; float:left;}
.newslist li .ninfo{width:calc(100% - 115px); float:right;}
.ninfo h2{font-size:16px; line-height:32px;}
.ninfo h2 a{color:#333;}
.ninfo p{font-size:14px; line-height:18px; color:#666; height:36px; overflow:hidden;}
.page{}
.page{height:38px; line-height:38px; background:#b7b7b7; border-radius:3px; text-align:center; font-size:14px;}
.page span{display:inline-block; width:33.3%; height:38px; background:#ea3f4c; color:#fff;}
.page a{display:inline-block; width:33.3%; color:#fff; }

/*******关于我们********/
.aboutinfo{background:#f5f5f5; padding:30px 10px; border-bottom:10px solid #dfdfdf;}
.abouthead{text-align:center; letter-spacing:1px;}
.abouthead span{display:inline-block; font-size:38px; color:#ea3f4c;}
.abouthead .abouth{display:inline-block;text-align:left; }
.abouthead .abouth p{font-size:12px; font-weight:bold; color:#666; font-style:italic; line-height:14px;}
.abouthead .abouth h2{font-size:18px; line-height:18px; color:#333;}
.aboutc{font-size:14px; line-height:26px; padding-top:5px;}

/********企业相册*******/
.album{padding-top:20px; background:#f5f5f5; border-bottom:10px solid #dfdfdf; padding-bottom:30px;}
.albumlist{position:relative; padding:0 10px;}
.albumlist ul li{width:calc(50% - 20px); float:left; margin:10px;}
.albumlist ul li img{display:block; width:100%;}
.albumtitle{width:60px; height:54px; border-radius:90%; background:#ea3f4c; border:10px solid #fff; color:#fff; font-size:16px; text-align:center; padding-top:6px; position:absolute; left:calc(50% - 40px); top:calc(50% - 40px);}


/*********合作流程*********/
.flow{background:#f5f5f5; padding-top:25px; padding-bottom:30px;}
.flowimg{padding-top:15px;}
.flowimg img{display:block; width:100%; margin:0 auto; max-width:548px;}

.fbt{position:fixed;bottom:0;left:0;width:100%;height:60px}
.fbt li{float:left;width:20%;height:60px;background:#f0f0f0;text-align:center}
.fbt li a{color:#666}
.fbt li div{ text-align:center;padding-top:7px; height:53px}
.fbt li div img{display:block;margin:0 auto; padding-bottom:2px; text-align:center; width:26px;}
.fbt .s3{position:relative;}
.fbt .s3 .free{display:block; width:40px; height:20px; background:url(../images/freeicon.png) no-repeat center top / 40px; position:absolute; left:calc(50% + 5px); top:8px; z-index:999;}
#fbb {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    bottom: 50px;
    display: none;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    width: 90px;
    z-index: 9999;
}
#fbb a {
    border-bottom: 1px dashed #dcdcdc;
    display: block;
    font-size: 14px;
    line-height: 30px;
    margin: 4px 10px;
}
#fbb a.end {
    border-bottom: 0 none;
}
#fbb img {
    bottom: -21px;
    height: 20px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px;
}


/********以下可共用*******/
.swipea #js{bottom:10px;left:0;position:absolute;text-align:center;width:100%}
.swipea #js a{background:rgba(255,255,255,.7);color:#fff;font-size:12px;width:20px;margin:0 3px;height:20px;line-height:20px;display:inline-block;text-align:center;border-radius:50%}
.swipea img{width:100%; display:block}
.swipea #js a.active{background:#ea3f4c;opacity:.6;color:#fff}


.st{background:#eee;height:49px;line-height:49px;padding:0 20px;color:#5a5959;font-size:14px;position:relative;padding-right:50px}
.st a{color:#5a5959}
.st span{position:absolute;right:10px;top:0}

.tjmenu{background:#f0f0f0; color:#fff;padding-bottom:20px}
/*.plist h2,.tjmenu h2{background:#000;line-height:50px;padding:0 20px;margin-top:0;color:#fff}
.plist li,.tjmenu .list li{height:40px;font-size:14px;line-height:40px;border-bottom:1px solid #fff;margin:0 20px;position:relative}
.plist h2 a,.plist li a{color:#fff}
.plist li .more,.tjmenu .list li .more{position:absolute;right:0}
.plist{margin-bottom:10px}
.plist h2 a,.plist li a,.tjmenu .list li a,.tjmenu h2 a{color:#fff}
*/
ul.news{margin:20px}
ul.news li{border-bottom:1px solid #dcdcdc;line-height:40px;position:relative;font-size:14px;padding-right:30px}
ul.news li a{color:#999}
ul.news li span{position:absolute;right:0}
ul.news li span a{color:#ea3f4c}

.x-page{padding:10px}
.x-page li{display:inline-block}
.x-page{text-align:center}
.x-page li{background:#ea3f4c;border-radius:5px;line-height:32px;padding:0 20px; color:#fff;}
.x-page li a{color:#FFF}
.x-page li strong{font-style:normal;padding:0 5px}

.x-info{padding:15px 20px;line-height:25px}
.x-info .title{line-height:32px;color:#5a5959;font-size:18px;text-align:center}
.x-info .img{text-align:center;padding:20px}
.x-info img{width:100%}
.x-info .time {text-align: center;}
.x-content .content{padding:10px 20px;line-height:25px;overflow: hidden;}
.img{ padding:20px; text-align:center; }
.img img{ max-width:600px; }
.x-index {padding: 20px}
.x-index{ line-height:25px; font-size:14px; }
.about-title{ padding-bottom:10px; }
.ia-box .aboutinfo h2,
.ia-box .about-content p{ color:#666; }


.yyui img{ width:100%; }
.yyuio{ background:#fff; }

.x-products .list{width:50%;float:left;margin:0;text-align:center}
.x-products .list img{border:1px solid #dcdcdc;width:calc(100% - 2px);height:auto;margin:0 auto}
.x-products .listbox{padding:10px}
.x-products .list h2{font-size:12px;color:#666;text-align:center;height:30px;line-height:30px;overflow:hidden}
.x-products .list h2 a{color:#666}
.x-products .pname{height:32px;line-height:32px;font-size:16px;background:#1767b5;color:#FFF;text-align:left;margin-top:5px;padding-left:51px;margin-bottom:9px}
.x-products .plist li{height:25px;line-height:25px;background:url(../images/dian.png) no-repeat 212px 8px #1767b5;font-size:12px;margin-bottom:3px;padding-left:51px}
.tttc{background:#ea3f4c;color:#fff; font-size:14px;line-height:30px;text-align:center;height:30px;padding:5px 10px; margin: 10px 10px;}


.x-case .listbox{margin-top:18px;padding:15px}
.x-case .listbox .list{position:relative;width:50%;float:left;text-align:center}
.x-case .listbox .listx{background:#f2f2f2;margin:5px}
.x-case .list img{width:100%;height:120px;}
.x-case .listbox .list .sk p{display:block;height:70px}
.x-case .list .r h2{font-size:14px;line-height:25px;text-align:center;line-height:40px;height:40px;overflow:hidden;letter-spacing:0}
.x-case .list .r h2{color:#666}
.x-case .list .r .sk{display:block}

.xxpp0{ padding-bottom:20px; border-top:1px solid #dcdcdc; margin-top: 20px; padding-top:20px; padding-left:20px; padding-right:20px; line-height:24px; font-size:12px; color:#666; }
.xxpp0 a{color:#666;}


.tjmenu{background:#ed2b3a;color:#fff;padding-bottom:20px}
.tjmenu h2{background:#ea3f4c;line-height:50px;padding:0 20px;margin-top:0;color:#fff}
.tjmenu .listxx li{height:40px;font-size:14px;line-height:40px;border-bottom:1px solid #fff;margin:0 20px;position:relative}
.tjmenu .listxx li a{color:#fff}
.tjmenu .listxx li .more{position:absolute;right:0}
.tjmenu .list li a,.tjmenu h2 a{color:#fff}
.tjmenu h2{ font-size:16px; }
.tjmenu h2 span{ font-size:12px; padding-left:10px; text-transform:uppercase; }

/* ----------- */
.alert{ background:url(../images/qlogo.png) no-repeat center 20px; padding-top:180px; text-align:center; }
.alert p{ font-size:14px;padding-bottom:10px;  }

.box {width: auto; margin: 0 auto;}
.indexbox{ position: relative;}
.indexbox img{display:block; margin:0 auto;}
.indexbox .indexlist li{height:800px; position:relative;}
.ilbg1{background:url(../images/index.jpg) no-repeat center 50px; background-size:cover; height:100%;vertical-align:middle;height:100%; position:relative;}
.ilbg1 img{vertical-align:middle;}
.qbg{background:url(../images/banner1.jpg) no-repeat center top; background-size:100% auto;}
.qbg .listhead{width:100%;}
.qbg .listinfo{width:100%;}
.tbg{background:url(../images/banner2.jpg) no-repeat center top;background-size:100% auto;}
.lbg{background:url(../images/banner3.jpg) no-repeat center top;background-size:100% auto;}
.jbg{background:url(../images/banner4.jpg) no-repeat center top;background-size:100% auto;}
.ilinfo{position:absolute; width:100%; left:0px; top:120px;}
.listhead{padding-bottom:20px; width:100%;}
.listinfo{width:100%;}

.ztt{ font-size:22px; font-weight:bold; color:#333; text-align:center; padding-bottom:10px; }
.ztt img{ margin-top:10px; }
.zxx{ font-size:18px; color:#333; text-align:center; padding:0 20px; }

.hb{position:absolute; text-align:center; width:100%; left:0px; bottom:60px;}
.hb li{display:inline-block; width:12px; height:12px; margin:0 2px; background:url(../images/subicon.png) no-repeat center/100%; }
.hb li.cur{background:url(../images/subiconc.png) no-repeat center/100%; }
.hb li a{display:block;}



.indexbox{ }
.indexbox,
#even{width:100%; height:100%;top: 0%; display:block;position:relative;  }
#even li{position:relative;top:0;left:0;z-index:0;width:100%;height:100%;background-position:top center;background-size:cover;background-repeat:repeat}
#even li.current{z-index:1;display:block;-webkit-transform:translateY(0);transform:translateY(0)}


.kf{position:fixed; width:45px; right:0px; bottom:60px; z-index:666;}
.kf a{display:block; width:40px; height:40px; margin:5px 0;}
.kf .kfphone{background:url(../images/kfphone.png) no-repeat center / 100%;}
.kf .kfqq{background:url(../images/kfqq.png) no-repeat center / 100%;}


.current .zoomin{-webkit-animation:zoomIn 2s ease 0s 1 both;-webkit-animation-play-state:initial;animation:zoomIn 2s ease 0s 1 both;}
.sc{ padding:20px; }
.sc .csi{ border:1px solid #dcdcdc; border-radius:5px; height:40px; padding:0 10px  }
.sc .csi input{ line-height:40px; font-size:14px; border:0; width:90%; }
.sc .cst{ border-bottom:1px solid #dcdcdc; line-height:40px; }
.sc a{ background:#881d10; line-height:40px; height:40px; font-size:14px; text-align:center; display:block; width:100%; color:#fff; margin-top:10px; }
.syy{ text-align:center; padding:20px 0; color:#666; font-size:18px; border-top:1px solid #dcdcdc; }

.skk .skkb .skkb1{ color:#666; font-size:14px; }

.skk .skkb .skkb2{ display:block;text-align:center; height:30px; background:#11c4d8; border-radius:10px; color:#fff; padding:0 30px; margin:0 40px; margin-bottom:10px; }
.skk .skkb .skkb2 span{ display:block; font-size:14px; line-height:30px;}

.skk .skkb .sl21{ background-color:#92cf0f; }
.skk .skkb .sl31{ background-color:#f4b613; }
.skk .skkb .sl41{ background-color:#747ae8; }
.skk .skkb .sl51{ background-color:#ff687b; }
.skk .skkb .sl61{ background-color:#f934cd; }
.skk .skkb .sl71{ background-color:#fe864a; }

.skk .skkb{ padding-bottom:10px; }
.skk .skkb .skkb3{ margin:0 10px;border:1px solid #d9d9d9;border-bottom:10px solid #d9d9d9;border-right:3px solid #d9d9d9; border-radius:5px; background:#fff; }

.skk .skkb .skkb3 .skkb3b{ padding:10px; font-size:14px; line-height:25px; color:#666;}
.skk .skkb .skkb3 .skkb3b p{ display:block;  }
.skk .skkb .skkb3 .skkb3b img{ display:block; width:100%; height:auto; border-radius:10px;  }

#container{ margin-top:10PX; }


.tobuy ul{padding-top:20px}
.tobuy .tobuy-head{height:40px; padding-left:20px; background:#ea3f4c; line-height:40px; color:#fff; font-size:18px;}
.buyname{color:#474747; width:70px;}
.tobuy ul li{padding:3px 0; line-height:27px;}
.w2em{width:2em; display:inline-block;}
.tobuy ul li .buyinput{ width:100%; line-height:33px; border:1px solid #dcdcdc;}
.tobuy ul li textarea{line-height:21px;}
.tobuy .subbtn{border:0px; background:#ea3f4c; color:#fff; padding:10px 30px;font-size:14px;}
.tobuy .rebtn{border:0px; background:#787978; color:#fff; padding:10px 30px; margin-left:20px; font-size:14px;}



.iccvy{ border-bottom:4px solid #dcdcdc;}
.iccv{ margin:0 auto; padding:20px; color:#666; position:relative; }
.iccv h2{ font-size:24px; padding-bottom:10px;}
.iccv p{ font-size:14px; line-height:28px; }
.iccv img{ position:absolute; right:0px; top:60px; }
.icct{ padding-bottom:20px; }
.icct1{ margin:0 20px; margin-top:20px;}
.icct1 h2{ font-size:24px; border-bottom:1px solid #dcdcdc; line-height:70px; }

.icct1b{ border-left:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; min-height:100px;position:relative; padding:20px}
.icct1bt{ width:30px; line-height:20px; font-weight:bold; padding-top:15px; border-radius:5; color:#fff; background:#ea3f4c; text-align:center; position:absolute; left:-15px; top:20px; }

.iu1 img { width:100%; height:auto; }
.iu1 .iu1b{line-height:25px; color:#666; }

.iu2b{line-height:25px; color:#666; }
#ttyu img{ height:auto; }


.iu4 img {  width:100%; height:auto;  }
.iu4 .iu4b{ line-height:25px; color:#666; }
.iu4 .iu4b .iu4x{ background:url(../images/xx.png) no-repeat left; height:21px; padding-bottom:10px; }







@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50%, 100% {
opacity:1;
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50%, 100% {
opacity:1
}
}

@-webkit-keyframes start {
0%, 30% {
opacity:0;
-webkit-transform:translate(0, 10px)
}
60% {
opacity:1;
-webkit-transform:translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:translate(0, -8px)
}
}
@-moz-keyframes start {
0%, 30% {
opacity:0;
-moz-transform:translate(0, 10px)
}
60% {
opacity:1;
-moz-transform:translate(0, 0)
}
100% {
opacity:0;
-moz-transform:translate(0, -8px)
}
}
@keyframes start {
0%, 30% {
opacity:0;
transform:translate(0, 10px)
}
60% {
opacity:1;
transform:translate(0, 0)
}
100% {
opacity:0;
transform:translate(0, -8px)
}
}