@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% !important; max-height:auto !important;}
a {color: #333}
a:hover {text-decoration: underline}
.fl{float:left;}
.fr{float:right;}
.nobg{background:none !important;}
.noborder{border:0px !important;}
.ml0{margin-left:0px !important;}
.pl0{padding-left:0px !important;}
img{max-width:100%;}

body,html {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #666;
	background: #fff
}
body {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	color: #666;
	padding-bottom: 30px
}
.content img{ width:100%; height:auto; }
#HIDS {
	display: none
}
.box {width: auto; margin: 0 auto; position: relative;}
.x-header{background:#088209; text-align:center;}
.x-header img {display:block; width: 100%;}
.wnav{background:#ffffff; padding:0 10px;}
.wnav ul{padding:10px 0;}
.wnav li{float:left; width:calc(33.3% - 6px); margin:4px 3px; background:#088209 url(../img/navline.jpg) repeat-y left center; text-align:center; }
.wnav li a{display:block; color:#fff; padding:7px 0;}


.fachead{text-align:center;}
.fachead h2{font-size:20px; font-weight:bold; color:#088209;}
.fachead h2 span{color:#fac511; padding-left:10px;}
.fachead p{font-size:16px; line-height:24px; color:#666; padding-top:5px;}

/******************safe***************/
.safe{padding-top:15px; padding-bottom:55px; border-top:3px solid #f6f6f6; margin-top:10px;}
.safehead h2{background:url(../images/headbg.jpg) no-repeat center;}
.safebox{  margin-top:25px;}
.safelist{background:#f7f7f7;padding:0px 10px;}
.safebox li{width:100%;}
.safebox li img{display:block; width:46%; height:auto; float:left; margin:10px 0; }
.safeinfo{width:calc(54% - 10px); margin-left:10px; text-align:left; }
.safeinfo h2{font-size:16px; font-weight:bold; color:#333; letter-spacing:1px;line-height:32px;}
.safeinfo p{font-size:14px; color:#666; line-height:21px;}
.safesub{background:#fff; text-align:center; padding-top: 10px;}
.safesub li{display:inline-block; width:40px; height:40px; background:#cacaca; margin:0 5px; color: #4d4d4d; font-size:16px; font-weight: bold; line-height: 40px; text-align: center;}
.safesub li.on{background: #088209; color: #f6f6f6;}

/***********start of 优势*************/
.ys{ padding:30px 0px 0; background: #088209;}
.yshead{text-align:center;padding-bottom: 10px;}
.yshead p{font-size: 18px; color: #fff;}
.yshead h2{font-size: 20px; font-weight: bold; color: #fff;}
.yshead span{font-size: 16px; color: #c3d9c3;}
.yshead img{display: block; width: 100%;}

.ysbox{ padding: 20px 15px 0px;}
.ysbox h2{font-size: 20px; font-weight: bold; color: #000; padding-left: 15px; padding-top:20px;}
.ysbox p{ font-size: 16px; color: #808080; padding: 5px 10px 25px 10px; }
.ysitem{background: #fff;}
.ysitem img{display: block; width: 100%; height: auto;}
.yssubt{text-align: center; padding-top: 15px;}
.yssubt li{display: inline-block; width: 36px; height: 36px; background: #fff; color: #b3b3b3; text-align: center; line-height: 36px; margin: 0 3px; font-size: 18px; font-weight: bold;}
.yssubt li.on{background: #fac511; color: #088209}

/************服务项目************/
.service{padding-top: 45px;}
.shead{padding-bottom: 15px;}
.facclass{padding: 0 10px;}
.facclass ul{width:  calc(50% - 20px); float: left; margin: 0 10px; background: #f7f7f7; padding-bottom: 5px;}
.facclass h2{background: #088209; text-align: center; font-size: 16px; height: 38px; line-height: 38px;}
.facclass h2 a{color: #fff;}
.facclass li{ line-height: 24px; padding:5px 10px; border-top: 1px solid #dedede; text-align: center;}
.facclass li a{color: #555; font-size: 14px;}

.serbox{margin: 20px; background: #f7f7f7;}
.serbox img{display: block; width: 100%; height: auto;}
.serdesc{padding: 10px 20px 15px; line-height: 24px; font-size: 14px; color: #666;}

.serbtn{display: block;  background: #fac511; height: 38px; line-height: 38px; text-align: center; font-size: 16px; font-weight: bold; margin: 0 20px;}
.serbtn span{display:inline-block; padding-right:25px; background: url(../images/submore.jpg) no-repeat right center/15px;}

/************操作模式*************/
.mode{padding: 30px; background: #f8f8f8; margin-top: 30px;}
.modeimg{border: 8px solid #088209; padding: 10px}
.modehead{padding: 10px 0 20px;}
.modehead h2{font-size: 20px; color:#088209;}
.modehead p{font-size: 18px; color:#fac511; font-weight: bold;}
.modeimg img{display: block; width: 100%; height: auto;}
.modeinfo{padding-top: 15px;}
.modeinfo p{font-size: 14px; line-height: 21px; border-bottom: 1px dashed #ccc; padding:10px 5px; color: #666;}


/************合作项目***********/
.cooperhead{background: #088209; padding: 35px 20px 15px 20px; text-align: center;}
.cooperhead h2{font-size: 20px; color: #fff; font-weight: bold}
.cooperhead p{font-size: 16px; color:#c3d9c3;}
.cooperimg{padding: 0 20px; background: url(../images/cooperbg.jpg) repeat-x center;}
.cooperimg img{display: block; width: 100%; height: auto;}
.cooperinfo{padding: 20px;}
.cooperinfo h2{font-size: 16px; color: #00af01;}
.cooperinfo h2 a{color: #00af01;}
.cooperinfo p{font-size: 14px; color: #666; padding-top: 5px;}
.coopersub {text-align: center;}
.coopersub li{display: inline-block; width: 15px; height: 15px; background: #cacaca; color: transparent; margin: 0 3px;}
.coopersub li.on{background: #088209;}

/***********定制***********/
/*.customized{padding-top:20px; padding-bottom:45px;}
.cushead{ color:#333; background:url(../img/cusheadbg.jpg) no-repeat center bottom/100%;}

.cusbox {margin-top:44px;}
.cusbox .bd{border: 1px solid #eee; padding: 10px;}
.cusl{}
.cusl img{display:block; width:100%; height:auto;}
.cusr{padding-top:20px;}
.custitle{padding-bottom:15px; }
.custitle h2{font-size:20px; line-height:32px; color:#e4000d;}
.custitle p{font-size:14px; color:#e4000d; line-height:21px;}
.cusinfo{line-height:24px; color:#616161; font-size:14px; height:72px; overflow:hidden; padding-bottom: 10px;}

.cussub{margin-top:15px; text-align: center;}
.cussub li{display:inline-block; width:10px; height:10px; margin-right:10px; background: #c9c9c9; border-radius: 90px; font-size: 0px; color: transparent;}
.cussub li.on{background:#e4000d;}
*/




/************about us*************/
.about{padding:0px 0px 10px; background: #f7f7f7; margin-top: 35px; padding-bottom: 45px;}
.aboutimg{}
.aboutimg img{display: block; width: 100%; height: auto;}
.aboutbox{margin: 0 20px; background: #fff; position: relative;}
.aboutinfo{margin-top: -30px; background: #fff; padding-top: 20px; padding-bottom: 30px;}
.aboutinfo h2{padding-top: 30px; background: url(../images/abouten.jpg) no-repeat top center; text-align: center; font-size: 20px; font-weight: bold;}
.aboutinfo h2 a{color: #000;}

.aboutinfo p{font-size:14px; line-height:26px; color:#555; padding:10px 20px; text-align: center;}
.aboutbtn{display: block; width:170px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #241a01; border-radius: 5px; position: absolute; bottom: -19px; left: calc(50% - 85px); background: #fac511;}


.newsbox{margin-top:20px;}
.newshead{height:40px; background:#e3e3e3; line-height:40px; font-size:16px; margin:0 20px; position:relative;}
.newshead .hynews{font-weight:bold; color:#333; padding:0 15px;}
.newshead a{color:#000; }
.newshead span{background:#088209 url(../img/newsicon.png) no-repeat 15px center; padding:0 15px 0 45px; color:#fff; font-weight:bold; display:block; float:left; background-size:18px}
.newshead span a{color:#fff;}

.newshead .inewsmore{display:block;height:40px; line-height:40px; font-size:14px; color:#666;position:absolute; right:10px; top:0; text-align:right;}

.newsbox ul{margin:15px 20px;}

.newsbox ul li{ font-size:14px; line-height:30px; height:30px; background-size:6px; overflow:hidden;}

.newsbox ul li span{float:right; color:#999999; font-size:12px; display:inline-block; width:69px}

.newsbox ul li a{color:#555555; display:inline-block; width:calc(100% - 69px);}





.btop{margin:28px 0px 50px 0; text-align:center; }
.btop .fcode{width: 190px; height: 190px; border: 1px solid #c1c1c1; margin: 0 auto;}
.btop .fcode p{font-size:18px; color: #000;}

/*.btop .totop{ margin:0 15px; text-align:center; display:block; font-size:16px; font-weight:bold; height:50px; line-height:50px; border-bottom:1px solid #e5e5e5;}
.btop .totop span{display:inline-block; width:20px; height:14px; background:url(../img/totopicon.jpg) no-repeat center / 100%; margin-left:5px; }
*/
.fnav{margin:0 20px;}
.fnav li{width:calc(33.3% - 3px); display:inline-block; font-size:14px; line-height:20px;  margin:15px 0; color:#cecece;}
.fnav li a{color:#555; display:block;}
.btop p{font-size:14px;  text-align:center; line-height:24px;}
.btop p a{color:#555;}

.fbt{position:fixed;bottom:0;left:0;width:100%;}
.fbt li{float:left;width:25%; height:36px; line-height:36px; background:#fac511;text-align:center;  padding:6px 0px;}

.fbt li.s1 ,.fbt li.s3{background:#088209;} 
.fbt li a{display:inline-block; color:#000;  font-size:14px; display: block; }
.fbt li.s1 a ,.fbt li.s3 a{color: #fff;}
.fbt li a span{display: inline-block; width: 23px; height: 25px; vertical-align: middle; margin-right: 5px;}
.fbt li.s1 span{background:url(../img/ficon1.png) no-repeat center /20px; }
.fbt li.s2 span{background:url(../img/ficon2.png) no-repeat center /20px; }
.fbt li.s3 span{background:url(../img/ficon3.png) no-repeat center /20px; }
.fbt li.s4 span{background:url(../img/ficon4.png) no-repeat center /20px; }

/* .fbt li.s3 a{ background:url(../img/h3.png) no-repeat left center; background-size:20px; padding-left:20px; color:#666666; } */
/* .fbt li.s3 a{ background:url(../img/h3.png) no-repeat left center; background-size:20px; padding-left:20px; color:#666666; } */



/********以下可共用*******/

.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:#2c2c2c;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}

.st a{color:#5a5959}

.st span{position:absolute;right:10px;top:0}



.tjmenu{background:#2c2c2c;color:#fff;padding-bottom:20px}

.plist h2,.tjmenu h2{background:#088209;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; top:0px;}

.plist{margin-bottom:10px}

.plist h2 a,.plist li a,.tjmenu .list li a,.tjmenu h2 a{color:#fff; display:block;}



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



.x-page{padding:10px}

.x-page li{display:inline-block}

.x-page{text-align:center}

.x-page li{background:#fff;border-radius:5px;line-height:32px;padding:0 20px; color:#666; border:1px solid #efefef;}

.x-page li a{color:#666}

.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; font-size:14px;}
.x-content .content img{width:100% !important; height:auto !important;}

.img{ padding:20px; text-align:center; }

.img img{ max-width:600px; }

.x-index {padding: 20px}
.x-index  img{height:auto !important;}
.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:226px;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:#2c2c2c;color:#fff;line-height:30px;text-align:center;height:30px;padding:10px 20px; margin: 10px 20px; font-size:16px;}





.x-case .listbox{ padding:15px 10px;}

.x-case .listbox .list{position:relative;width:50%;float:left;text-align:center}

.x-case .listbox .listx{background:#f2f2f2;margin:5px; border:1px solid #f2f2f2;}

/*.x-case .list img{width:100%; height:206px;}*/
.x-case .list img{width:100%; height:165px;}
.s-case .list img{width:100%; height:172px;}

.x-case .listbox .list .sk p{display:block;height:70px}

.x-case .list .r h2{font-size:12px;line-height:25px;text-align:center;line-height:30px;height:30px;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;}

.ry .list img{height:195px;}
.partner .list img{height:195px;}

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


@media (max-width: 560px) {

	.iprolist li img{height: 192px}
	.x-products .list img{height:210px;}
	.x-case .list img{height:153px;}
	.s-case .list img{height:146px;}
	.ry .list img{height:181px;}
	
	
	.stinfo{height:209px;}
	.st2 .stinfo{height:245px;}

}


@media (max-width: 500px) {

	.iprolist li img{height: 169px}
	.x-products .list img{height:187px;}
	.x-case .list img{height:146px;}
	.s-case .list img{height:129px;}
	.ry .list img{height:160px;}
	
	
	.stinfo{height:185px;}
	.st2 .stinfo{height:216px;}

}


@media (max-width: 450px) {

	.iprolist li img{height: 150px}
	.flowbox li{ float:left; width:50%;}
	.x-products .list img{height:167px;}
	.x-case .list img{height:120px;}
	.s-case .list img{height:115px;}
	.ry .list img{height:142px;}




	.x-case .list img{height:162px;}
	.stinfo{height:197px;}
	.st2 .stinfo{height:225px;}

}


@media (max-width: 400px) {
	.iprolist li img{height: 130px}
	.x-products .list img{height:148px;}
	.x-case .list img{height:105px;}
	.s-case .list img{height:100px;}
	.ry .list img{height:124px;}
	

	.stinfo{height:239px;}
	.st2 .stinfo{height:262px;}
}





@media (max-width: 360px) {
	.iprolist li img{height: 114px}
	.x-products .list img{height:132px;}
	.x-case .list img{height:93px;}
	.s-case .list img{height:89px;}
	.ry .list img{height:110px;}


	.stinfo{height:259px; overflow:hidden;}
	.st2 .stinfo{height:280px; overflow:hidden;}
}

iframe{width:100%;}


#ly{ margin:0 20px; padding-bottom:20px; }
.ct{ background:#f4f4f4; }
.ly-info{border:1px solid #e6e6e6; background:#fff; padding:20px 19px;}
.ly-info p{text-align:center; font-size:12px; color:#999999; padding-bottom:15px;}
.ly-info .tjinp{ border:1px solid #d8d8d8; height:31px; line-height:31px; width:calc(100% - 90px);}
.ly-info  textarea{ border:1px solid #d8d8d8; height:72px; line-height:24px; width:190px; padding:5px 0;  width:calc(100% - 90px);}
.ly-info li{padding:3px 0px; font-size:14px; line-height:31px;}
.ly-info li label{color:#656565; width:72px; display:inline-block; vertical-align:top;}
.ly-info li span{color:#c7292f;margin-left:5px; vertical-align:top;}
.ly-info li .re-btn{width:88px; height:28px; line-height:22px; text-align:center; background:#757575; color:#fff; border:0px; border-radius:5px; margin:0 12px 0 60px;}
.ly-info li .sub-btn{width:88px; height:28px; line-height:22px; text-align:center; background: #088209; color:#fff; border:0px; border-radius:5px;}
.ly-head{ font-size:20px;font-size:20px; font-weight:bold; color:#666; height:64px; line-height:64px; background:url(../img/ly.png)no-repeat left center; padding-left:35px;}
.ptt{ font-size:14px; color:#333; padding:20px; font-weight:bold; line-height:25px; }
.ptt a{ color:#333; }
.pty{ color:#666; font-size:14px; text-align:left; padding:10px 60px; line-height:25px; }
.ptq{ text-align:center; padding-top:10px; }
.ptq img{ margin:0 auto; }
.st{ border-top:1px solid #dcdcdc; }
.x-index{ line-height:25px; }
.content{ line-height:25px; }
.svvv{ border:1px solid #dcdcdc; height:30px; margin-left:-4px; }