@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: #333
}

a:hover {
	text-decoration: underline
}
.fl{float:left;}
.fr{float:right;}
.nobg{background:none !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: 40px
}

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

.w-top{height:46px; background:#404354; color:#fff; text-align:center; line-height:46px; font-size:16px;}
.w-top span{font-weight:bold;}

.x-header{background:#fff; text-align:center;}
.x-header img {display:block; width: 100%;}


.wnav{background:#fa4c29 url(../images/navline.jpg) repeat-x left center;}
.wnav li{float:left; width:33.3%; padding:10px 0; background:url(../images/navline.jpg) repeat-y left center; text-align:center;}
.wnav li a{display:block; color:#fff; font-size:14px;}


/**********解决方案*********/
.plan{ padding:20px 15px;}
.planhead{text-align:center; }
.planhl,.planhr{display:inline-block; vertical-align:middle;}
.planhl{width:139px; height:130px; background:#fff; border:10px solid #fa4c29; color:#fa4c29; font-size:48px; font-weight:bold;line-height:52px; text-align:center; padding-top:17px;}
.planhl span{font-size:52px;}
.planhr{padding-left:23px; position:relative; height:93px; text-align:left; padding-top:74px;}
.planhr img{display:block; position:absolute; width:293px; height:44px; left:-21px; top:25px;}
.planhr h2{font-size:36px; color:#fa4c29; font-weight:bold;}
.planhr p{font-size:21px; color:#000;}

.planclass{background:#fff301; padding:15px; font-size:14px; margin:0 5px; margin-bottom:10px;}
.planclass a{color:#666;}
.planclass a span{color:#000;}
.planclass span{font-weight:bold; font-size:16px; padding-bottom:5px; display:block; color:#000;}
/*.planclass span a{color:#000; display:block;}*/

.planlist{}
.planlist li{width:calc(50% - 20px); padding:5px; background:#f7f7f7; text-align:center; margin:5px; float:left;}
.planlist li img{display:block; width:368px; height:222px;}
.planlist li h2{font-size:14px; height:45px; line-height:45px; overflow:hidden;}
.planlist li a{color:#000;}
.planlist li:hover{background:#fa4c29;}
.planlist li:hover h2 a{color:#fff;}
.planlist3  li{padding-bottom:10px;}
.planb{ padding:21px 0; font-size:14px;}
.planb span{background:#fff; padding-right:18px;}

.wfg span{ display:block; font-size:14px;  line-height:24px; }
.wfg span p{padding:20px; padding-top:10px; text-align:left;}



/**********优势*********/
.procenter{background:#fa4c29; padding:10px;}

.prohead{padding:10px; text-align:center;}
.prohead h2{font-size:20px;font-weight:bold; color:#fff; text-align:center; line-height:30px;}
.prohead p{font-size:12px; color:#fff; line-height:30px;}
.prohead p a{padding:0 3px; color:#fff;}
.prohead p a:hover{color:#fff301;}
.prosub{text-align:center; padding-top:10px; padding-bottom:10px;}
.prosub li{display:inline-block; width:calc((50% - 17px)); height:32px; border-radius:45px; background:#fff; line-height:32px; color:#000; font-size:14px; font-weight:bold; margin:0 7px;margin-bottom:7px; }
.prosub.eng li {font-size:12px;}
.prosub li a{color:#015cb9;}
.prosub li.cur{background:#fff301;}

.iprolist{}
.iprolist li{background:#fff; width:calc(50% - 10px); margin:5px; padding:0 0px;  float:left; }
.iprolist li img{display:block; width:100%; height:191px; border-bottom:1px solid #ccc; padding-top:5px; margin:}
.iprolist li h2{height:40px; line-height:40px; text-align:center; line-height:40px; overflow:hidden; font-size:14px; color:#000;}
.iprolist li h2 a{color:#000;}




/************实力*********/
.strength{background:#fff; margin:20px;}
.strehead{padding-top:10px;}
.strehead div{text-align:center;}
.strehead div.st1{font-size:18px; color:#000; }
.strehead div.st2{ font-size:20px; color:#0254a6; font-weight:bold; padding:6px 0;}
.strehead div.st3{ font-size:16px; color:#0254a6; }

.strelist{ margin-top:20px; border:1px solid #000; padding:10px 10px 30px 10px;}
.streitem{background:#fff;}
.streitem li{ margin-bottom:10px;}
.streitem h2{font-size:20px; font-weight:bold; color:#000; line-height:30px; padding-bottom:6px;}
.streitem p{font-size:12px; line-height:22px; color:#585858; padding-bottom:10px;}
.streitem p span{font-weight:bold;}
.stresub{padding-top:10px; text-align:center;}
.stresub li{display:inline-block; width:30px; height:30px; line-height:30px; background:#b1b1b1; margin:0 5px; font-size:18px; text-align:center; color:#fff; font-weight:bold; }
.stresub li.on{ color:#fff; background:darkorange;}
.planlist ul{ padding-bottom:10px; }


.str0{ padding:15px 10px;padding-left:90px; background-position:8px 20px; background-repeat:no-repeat; background-size:70px; background-color:#f7f7f7; min-height:150px;}
.str1{ background-image:url(../images/ab1.jpg); background-size: 100% 100%;}
.str2{ background-image:url(../images/ab2.jpg); background-size: 100% 100%;}
.str3{ background-image:url(../images/ab3.jpg); background-size: 100% 100%;}
.str4{ background-image:url(../images/a4.png); background-size: 100% 100%;}
.str5{ background-image:url(../images/a5.png); background-size: 100% 100%;}

/***********经营模式***********/
.mshead{background:#fa4c29; text-align:center; padding:20px 0 15px;}
.mshead img{display:block; width:100%;}
.mshead p{padding:5px 20px; font-size:20px;font-weight: bold; color:#fff; line-height:30px;}

.mslist{ margin:20px; border:1px solid #000; padding:10px 10px 30px 10px;}
.msitem{background:#fff;}
.msitem li{ margin-bottom:10px;}
.msitem h2{font-size:20px; font-weight:bold; color:#000; line-height:30px; padding-bottom:6px;}
.msitem p{font-size:12px; line-height:22px; color:#585858; padding-bottom:10px;}
.ms{ padding:15px; min-height:150px; background-color:#f7f7f7;}
.mssub {text-align:center; padding-top:10px;}
.mssub li{display:inline-block; width:30px; height:30px; line-height:30px; background:#b1b1b1; margin:0 5px; font-size:18px; text-align:center; color:#fff; font-weight:bold; }
.mssub li.on{ color:#fff; background:darkorange;}
/************about us**************/
.about{padding:20px; background:#f7f7f7; margin-top:30px; margin-bottom:20px;}
.abouthead{text-align:center; font-size:22px; font-weight:bold; color:#000; line-height:46px; padding-bottom:10px;}
.abouthead a{color:#333;}
.about img{display:block; width:100%; margin-bottom:10px;}
.aboutinfo{padding-top:10px; background:#fff; padding:10px;}
.aboutinfo p{font-size:14px; line-height:24px; color:#666; word-wrap:break-word;}

/*********工作站********/
.drtset{margin:0 20px; border:3px solid #e5e5e5; padding-bottom:25px;}
.dshead{width:70%; padding:15px 0; background:#fa4c29; margin:0 auto;}
.dshead img{display:block; width:100%;}
.dsbox{padding-top:20px;}
.dsbox p{margin:0 20px; padding-left:15px; background:url(../images/dsicon.jpg) no-repeat left 12px; font-size:14px; line-height:28px;}
.dsbox img{display:block; width:100%; padding-top:20px;}

/*********news**********/
.newshead{height:54px; line-height:54px; background:#e3e3e3; overflow:hidden;}
.newshead  .hyhead{display:block; height:54px; line-height:54px; background:#fa4c29 url(../images/newsicon.jpg) no-repeat 15px center / 18px; padding-left:40px; font-size:16px; color:#fff; width:90px; font-weight:bold;}
.qyzx{padding-left:15px; font-size:16px; font-weight:bold; color:#fa4c29;}
.nmore{display:block; width:64px; height:64px; font-size:16px; color:#333;}


.newsbox{padding:0 20px;}
.news{}

.newslist{width:100%; padding-top:25px;}
.newslist li{line-height:32px;font-size:14px; overflow:hidden; padding:5px; border-bottom:1px dashed #ddd; }
.newslist li a{color:#333;}
.newslist li h2{padding-left:25px; background:url(../images/qicon.jpg) no-repeat left 6px; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.newslist li p{background:url(../images/aicon.jpg) no-repeat left 6px; line-height:21px; color:#666; padding:5px 0 5px 25px;}


.btop{margin:28px 20px; text-align:center;}
.btop .backtotop{width:100%; display:block; margin:0 auto;}
.wadd{padding-top:10px; text-align:left;}
.wadd p{border-bottom:1px dashed #d0d0d0; padding-left:10px; font-size:12px; color:#6a6a6a; padding-bottom:8px; line-height:21px;}
.copyright{text-align:center; padding-top:7px;}
.btop .fcode{max-width:40%; display:block; margin-top:20px; margin:20px auto 0 auto;}

/********企业相册*******/



.fbt{position:fixed;bottom:0;right:0;width:100%;height:40px;transition: all 0.3s ease-in-out 0s}
.fbt li{float:left;width:25%;height:60px;background:#015cb9;text-align:center; font-size:16px;}
.fbt li.s2,.fbt li.s4{background:#fa4c29;}
.fbt li.s2 a,.fbt li.s4 a{ color:#fff;}
.fbt li a{display:block; color:#FFF; height:42px; padding-top:10px; font-size:12px;}
.fbt li div{border-right:1px solid #fa4c29;text-align:center}
.fbt li div img{display:inline-block; width:20px; margin:0 auto;padding-bottom:2px;text-align:center; vertical-align:middle; padding-right:5px;}



/********以下可共用*******/
.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:#fa4c29;opacity:.6;color:#fff}


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

.tjmenu{background:#fa4c29;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; height:40px; overflow:hidden;}
ul.news li a{color:#999}
ul.news li span{position:absolute;right:0; top:0px;}
ul.news li span a{color:#333}

.x-page{padding:10px}
.x-page{text-align:center; margin-bottom: 40px;}
.x-page ul li {display: inline-block;}
.x-page li.thisclass a {color: darkorange;}
.x-page span, .x-page a {padding: 3px 6px;}

.x-info{padding:15px 20px 40px;line-height:25px}
.x-info .title{line-height:32px;color:#5a5959;font-size:18px;text-align:center}
.x-info .img{padding:10px}
.x-info img{width:100%}
.x-info .time {text-align: center;}
.x-content .content{padding:10px 20px 50px;;line-height:25px; font-size:14px;}
.x-content  img,.content img .img img{max-width:100%; height:auto !important;}
.x-index{padding: 20px; line-height:25px; font-size:14px; margin-bottom: 30px; min-height: 500px;}
.x-index img {display: inline;}
.x-index h1 {padding: 15px 0;}
.x-index h1 span {font-size: 24px;}
.x-index h2 {padding: 15px 0; }
.x-index h2 span {font-size: 20px;}
.x-case {min-height: 400px;}
.x-index .red {color: #f00;}
.prolist li { 
    border: 1px solid #ccc;
    width: 47%;
    text-align: center;
	display: inline-block;
	margin: 10px 5px 10px 0;}
.about-title{ padding-bottom:10px; }
.ia-box .aboutinfo h2,
.ia-box .about-content p{ color:#666; }
.x-index .fuwu p {text-indent: 2em;}

.x-products {min-height: 400px;}
.x-products .list{width:calc(50% - 10px);float:left;margin:0 5px;text-align:center}
.x-products .list img{border:1px solid #dcdcdc;width:calc(100% - 2px);height:200px;margin:0 auto; display:block;}
.x-products .listbox{padding:10px}
.x-products .list h2{font-size:12px;color:#666;text-align:center;height:36px;line-height:36px;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:#fa4c29;color:#fff;line-height:30px;text-align:center;height:30px;padding:10px 20px; margin: 10px 20px; font-size:16px;}


.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:217px;}
.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}


.ia-info p{color:#666 !important;}


.tobuy ul{padding-top:20px}
.tobuy .tobuy-head{height:40px; padding-left:20px; background:#04ac3e; line-height:40px; color:#fff;}
.buyname{color:#474747; width:70px;}
.tobuy ul li{padding:10px 0; line-height:27px;}
.w2em{width:2em; display:inline-block;}
.tobuy ul li .buyinput{ width:calc(100% - 12px); line-height:27px; border:1px solid #aaaaaa; padding:0 5px;}
.tobuy ul li textarea{line-height:21px;}
.tobuy .subbtn{border:0px; background:#04ac3e; color:#fff; padding:3px 10px; margin-left:140px;}
.tobuy .rebtn{border:0px; background:#787978; color:#fff; padding:3px 10px; margin-left:20px;}



@media (max-width: 650px) {
}



@media (max-width: 580px) {
	.x-products .list img{height:215px;}
	/* .prolist img{height:180px;} */
	.honorbox img{height:275px;}
	.iprolist li img,
	.planlist li img,
	.wfg span,
	.x-products .list img{height:180px;}
	.caselist li img{height:210px;}
	.albumlist li img{height:105px;}
	.x-case .list img{height:208px;}
}

@media (max-width: 480px) {
	.x-products .list img{height:190px;}
	/* .prolist img{height:140px;} */
	.honorbox img{height:245px;}
	.iprolist li img,
	.planlist li img,
	.wfg span,
	.x-products .list img{height:150px;}
	.caselist li img{height:168px;}
	.albumlist li img{height:85px;}
	
	.x-case .list img{height:170px;}
}

@media (max-width: 400px) {
	.x-products .list img{height:140px;}
	/* .prolist img{height:110px;} */
	.honorbox img{height:215px;}
	.planlist li img,
	.wfg span,
	.x-products .list.honorlist img{height:210px;}
	.caselist li img{height:140px;}
	.albumlist li img{height:68px;}
	
	.x-case .list img{height:138px;}
	.fuwu li {display: inline-block;
		width: 47%;
		margin: 3px;}
	.fuwu ul {text-align: center;}
}

@media (max-width: 360px) {
	.x-products .list img{height:135px;}
	.prolist img{height:100px;}
	.honorbox img{height:200px;}
	.iprolist li img,
	.planlist li img,
	.wfg span,
	.x-products .list img{height:110px;}
	.caselist li img{height:123px;}
	.albumlist li img{height:60px;}
	
	.x-case .list img{height:122px;}
}

iframe{width:100%; }

.casecinfo li{font-size:14px; color:#fff; width:calc(50% - 10px); margin: 5px; background:#0198f1; text-align:center; height:38px; line-height:38px; float:left;}
.casecinfo li a{color:#fff;}