@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%;
}

a {
	color: #666
}

a:hover {
	text-decoration: underline
}
.fl{float:left;}
.fr{float:right;}
.ml0{margin-left:0px !important;}
.mr0{margin-right:0px !important;}
.noborder{border:0px !important;}

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

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

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

.i-top {}
.i-top img{display:block;}



.w-nav{background:#246ed7; padding:8px 2%;}
.w-nav li{width:calc(29% - 2px); float:left; text-align:center; line-height:36px; height:36px; border:1px solid #fff; margin:5px 2%;}
.w-nav li a{color:#fff; font-size:16px; display:block;}
.w-nav li.nav1{width:30%;}
.w-nav li.nav2{width:30%;}
.w-nav li.nav3{width:40%;}
.w-nav li.nav4{width:35%;}
.w-nav li.nav5{width:35%;}
.w-nav li.nav6{width:30%;}

/*******客户********/
.corpor{padding-top:50px; background:#f6f4f4 url(../images/parbg.jpg) no-repeat left center / 100%; padding-bottom:45px;}
.corparhead{ text-align:center; font-size:16px; color:#666;}
.corparhead h2{font-size:18px; font-weight:bold; color:#246ed7; }
.corporbox{padding-top:30px;}
.corporbox .bd li{width:calc(50% - 20px); margin:0 10px;  float:left;}
.corporbox .bd li img{display:block; width:calc(100% - 2px); height:120px; border:1px solid #c4c4c4; }
.corporbox .bd li h2{font-size:14px; text-align:center; line-height:28px;}
.corporbox .bd li a{color:#666;}
.corporbox .hd{text-align:center; padding-top:20px;}
.corporbox .hd li{display:inline-block; width:calc(20% - 10px); height:5px; background:#989898; margin:0 5px; color:transparent;}
.corporbox .hd li.on{background:#246ed7;}

/*********产品中心**********/
.procenter{padding-top:48px;}
.prohead{text-align:center; padding-bottom:10px;}
.prohead h2{font-size:18px; font-weight:bold; color:#246ed7;}
.prohead span{font-size:12px; text-transform:uppercase; color:#666;}
.proclass{padding:0 6px 15px 8px;}
.proclass li{width:calc(33% - 6px); margin:5px 3px; background:#246ed7; font-size:14px; color:#fff; text-align:center; border-radius:3px; float:left; line-height:34px;}
.proclass li a{color:#fff;}
.probox{padding:5px 6px 20px;}
.probox .bd li{width:calc(50% - 20px); margin:0 10px;  float:left;}
.probox .bd li img{display:block; width:calc(100%); height:auto; height:282px;}
.probox .bd li h2{font-size:14px; text-align:center; line-height:32px;}
.probox .bd li a{color:#666;}
.probox .hd{text-align:center; padding-top:25px;}
.probox .hd li{display:inline-block; width:calc(20% - 10px); height:5px; background:#989898; margin:0 5px; color:transparent;}
.probox .hd li.on{background:#246ed7;}



.ys{padding-top:45px; padding-bottom:40px; background:#f6f4f4;}
.yshead img{width:90%; display:block; margin:0 auto;}
.yshead p{font-size:16px; color:#b18147; text-align:center; line-height:21px; padding-top:8px;}
.ysbody{padding:10px;}
.ysbody .bd ul li{}
.bd ul li img{display:block; width:90%; height:auto; padding-top:20px; margin:0 auto; height:290px;}
.ysinfo{padding:20px 10px 0 10px;}
.ysinfo h2{font-size:16px;  color:#333333; line-height:30px; padding-left:40px; margin-bottom:15px;}
.ysinfo h2 span{font-weight:bold;}
.ysinfo p{font-size:14px; line-height:21px; color:#535353;}
.ys1{background:url(../images/ys1.jpg) no-repeat left center / 30px;}
.ys2{background:url(../images/ys2.jpg) no-repeat left center / 30px;}
.ys3{background:url(../images/ys3.jpg) no-repeat left center / 30px;}
.ys4{background:url(../images/ys4.jpg) no-repeat left center / 30px;}

.ysbody .hd{margin-top:15px;}
.ysbody .hd ul {
    text-align: center;
}
.ysbody .hd li {
    background: #989898 none repeat scroll 0 0;
    display: inline-block;
    float: none;
    font-size: 0px;
	color:transparent;
    height: 5px;
    margin: 0 3px;
    overflow: hidden;
    width: 50px;
}
.ysbody .hd li.on {
    background: #246ed7 none repeat scroll 0 0;
}

/*******经典案例*******/
.case{padding:0 10px;}
.casehead{font-size:20px; color:#666666; text-align:center; padding-top:50px; padding-bottom:30px;}
.casehead span{font-weight:bold; color:#246ed7;}
.casett{position:relative;}
.casett img{display:block; width:100%; height:auto;}
.casett span{display:block; width:34px; height:39px; position:absolute; top:calc(50% - 80px);}
.casett .prev{background:url(../images/casebtnl.jpg) no-repeat left center / 100%; left:0px; }
.casett .next{background:url(../images/casebtnr.jpg) no-repeat left center / 100%; right:0px;}
.casettlist li h2{font-size:16px; font-weight:bold; padding-top:10px;line-height:28px; height:28px;padding-bottom:3px;}
.casettlist li p{ font-size:14px; line-height:24px; height:72px; overflow:hidden;}

.casetj{padding-top:15px; padding-bottom:10px;}
.casetj ul li{width:48%; float:left; margin-left:4%;}
.casetj ul li img{display:block; width:100%; }
.casetj h2{font-size:14px; text-align:center; color:#666; line-height:36px;}
.casetj h2 a{color:#666;}


.honor{padding-top:40px; background:#fff url(../images/honorbg.jpg) no-repeat top center;}
.honor .honorhead{padding:0 10px; text-align:center;font-size:18px;}
.honorhead .honorl{ width:50%; background:#246ed7; float:left;height:36px; line-height:36px;}
.honorhead .honorl a{color:#fff;}
.honorhead .honorl span{font-weight:bold;}
.honorhead .honorr{width:calc(50% - 2px); background:#fff; border:1px solid #d4d4d4; float:left; height:34px; line-height:34px; }
.honorhead .honorr a{color:#666;}
.honorhead .honorr span{font-weight:bold;color:#246ed7;}
.honorlist{padding:25px 4px 40px;}
.honorlist li{margin:0px 6px; width:calc(50% - 12px); float:left;}
.honorlist li img{display:block; width:100%; height:auto;}

/*******合作流程********/
.flow{background:#f5f1f1; padding-top:40px; padding-bottom:20px;}
.flowhead{text-align:center; padding-bottom:25px;}
.flowhead h2{font-size:18px; font-weight:bold; color:#246ed7;}
.flowhead p{font-size:16px; color:#666;}
.flowinfo{/*background:url(../images/flowbg.png) no-repeat left center / 100%;*/ padding:0 10px;}
.flowinfo li{width:25%; float:left; text-align:center; padding-bottom:20px;}
.flowinfo img{display:block; width:86%; margin:0 auto;}
.flowinfo li h2{font-size:14px;}
.flowinfo li p{font-size:10px; text-transform:uppercase; height:12px; overflow:hidden;}

/********关于我们*******/
.about{}
.abouthead{text-align:center; padding-top:40px;}
.abouthead h2{font-size:18px; font-weight:bold; color:#246ed7;}
.abouthead h2 a{color:#246ed7;}
.abouthead p{font-size:16px; color:#666;}
.aboutinfo{padding:20px 10px;}
.aboutinfo img{display:block; width:100%;}
.aboutinfo p{font-size:14px; color:#666; line-height:24px; padding-top:24px;}
.aboutinfo p a{padding-left:3px; color:#3173d7; display:inline-block}

/********新闻动态*******/
.newsbox{padding:0 10px 40px;}
.newshead{}
.newshead li{width:33%; float:left; background:#f0f0f0; height:42px; line-height:42px; font-size:14px; font-weight:bold; text-align:center;}
.newshead li.cur{background:#3173d7;}
.newshead li.cur a{color:#fff;}
.newstop{padding:15px 5px 20px; }
.newstop img{width:40%; display:block; float:left;}
.newstop .newsr{width:calc(60% - 10px); font-size:14px; line-height:21px; padding-left:10px;}
.newstop .newsr a{color:#3173d7;}
.newslist li{padding-left:12px; background:url(../images/newsicon.png) no-repeat left center / 8px; border-top:1px dashed #d2d2d2; line-height:32px; font-size:14px;}
.newsmore{display:block; width:100px; height:34px; line-height:34px; font-size:16px; border:1px solid #d4d4d4; text-align:center; margin-top:10px;}



.fbt{position:fixed;bottom:0;left:0;width:100%;height:70px}
.fbt li{float:left;width:25%;height:60px;background:#f0f0f0 url(../images/fbg.jpg) repeat-x top center;text-align:center; padding-top:10px;}
.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; height:24px;}
#fbb {
    background: #246ed7 none repeat scroll 0 0;
    bottom: 67px;
    display: none;
    left: 50%;
    margin-left: -62px;
    position: absolute;
    width: 121px;
    z-index: 9999;
}
#fbb a {
    border-bottom: 1px dashed #aabfec;
    display: block;
    font-size: 14px;
    line-height: 30px;
    margin: 4px 10px;
	color:#fff;
}
#fbb a.end {
    border-bottom: 0 none;
}
#fbb img {
    bottom: -21px;
    height: 20px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 30px;
}

.fbt li.s2 {
    position: relative;
}


/********以下可共用*******/
.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:#246ed7;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:#246ed7;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{color:#fff}
.plist li a{color:#666}
.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:#246ed7}

.x-page{padding:10px}
.x-page li{display:inline-block}
.x-page{text-align:center}
.x-page li{background:#246ed7;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}
.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; }



.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; height:200px;}
.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:#246ed7;color:#fff;line-height:30px;text-align:center;height:30px;padding:10px 20px; margin: 10px 20px;}


.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:auto}
.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}



@media (max-width: 610px) {

}

/* 灏忓睆 */
@media (max-width: 480px) {
	.corporbox .bd li img{ height:60px; }
	.bd ul li img{ height:180px; }
	.probox .bd li img,
	.x-products .list img{ height:150px; }
	
}
/* 鏈嶅姟 */
@media (max-width: 450px) {

}