@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:none;}
.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:#fff; text-align:center;}
.x-header img {display:block; width: 100%;}
.wnav{background:#f9c231;}
.wnav ul{}
.wnav li{float:left;padding:15px 0; text-align:center;}
.v1 {width:20%;}
.v2 {width:25%;}
.v3 {width:25%;}
.v4 {width:30%;}
.v5 {width:33.3%;}
.v6 {width:33.3%;}
.v7 {width:33.3%;}

.wnav li a{display:block; color:#000;font-size: 14px;}
.ztp {
    display: block;
    width: 100%;
	height: auto;
	margin: 0px auto;
}
.ztpimg{margin-top:10px; margin-bottom: 10px;}
.ztpfont {
    display: block;
    width: 95%;
	height: auto;
	font-size:12px;
	color: #333;
	text-align: center;
	margin: 0px auto;
}

.boxxian1{box-sizing: border-box; border-right: #e4a80c 1px solid;}
.boxxian2{box-sizing: border-box; border-bottom: #e4a80c 1px solid;}
.dh1 {
    font-size: 22px;
    display: block;
    height: 80px;
    float: left;
}
.dh2 {
    font-size: 30px;
    font-weight: bold;
    color: #123f86;
    height: 80px;
    display: block;
    margin-top: 0px;
    float: left;
}
.dh3 {
    font-size: 22px;
    display: block;
    height: 80px;
    float: left;
	font-weight:bold;
	color:#333;
	margin-left: 20px;
}
.dh4{
    font-size: 22px;
    height: 80px;
    display: block;
    margin-top: 0px;
    float: left;
	width: 74%;
}
.toub {
    height:auto;
    width: 100%;
	background: #f5f5f5;
}
.toubd {
    width: 80%;
    margin: 0px auto;
    height: 80px;
}
.w-phone {
    height: 80px;
    text-align: center;
    display: block;
    line-height: 80px;
}
.dianhua {
    display: block;
    margin: 27px 30px 0px 0px;
}
.gd {
    display:block;/*内联对象需加*/
    width:95%;/*指定宽度*/
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	min-width: 200px;
}
.gdd {
    display: block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    font-size: 20px;
}
.anniu{
background: url(../img/yajd_21.jpg) no-repeat center;
width: 200px;
height: 50px;
margin: 20px auto;
}
.anniuspan{
	font-size: 16px;
    color: #fff;
    display: block;
    float: left;
    margin: 14px 0px 0px 40px;
}

.anniu span a{
color: #fff;
font-size: 16px;
font-weight: bolder;
}
/**********咨询热线**********/
/*
.phone{background:#f1f1f1; padding:15px 0 11px 0; text-align:center; line-height:24px;}
.phonebox{display:inline-block; font-size:14px; color:#555; padding-left:24px; background:url(../images/phoneicon.png) no-repeat left center / 18px; line-height:24px; padding-bottom:4px;}
.phonebox label{vertical-align:middle;}
.phonebox span{font-size:20px; font-weight:bold; color:#333; vertical-align:middle; }
*/
/************products**********/
.pro{padding: 28px 0px 0px 0px;}
.prohead{height:auto; width: 100%}
.prohead span{background:#fff; padding: 0 5px;}
.proclass{padding:0 10px;}
.proclass h2{font-size: 18px;  color: #e4000d; height: 45px; line-height: 44px;  background: #094196; width: 49%; display: block; margin-top: 20px;}
.proclass h2 a{color: #fff; font-weight: bold; font-size: 16px;  margin: 0px auto; display: block; width: 100%; text-align: center;}
.proclass ul{padding:5px 0; line-height:30px;}
.proclass ul li {
    float: left;
    width: 50%;
    font-size: 14px;
    height: auto;
    display: block;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 1%;
    padding-bottom: 2%;
    position: relative;
}
.proclass .procitem li{float:left; width:50%; padding-right:0px;}

.iprolist{padding-top: 15px;}
.iprolist li{width:calc(50% - 20px); text-align:center;  float:left; padding:0 10px;}
.iprolist li img{display:block; width:100%; height:218px; border:1px solid #e3e3e3;}
.iprolist li p{font-size:14px; height:36px; line-height:32px; color:#666;}
.iprolist li p a{color:#666;}

.fudong{ float:left;}
.yin{}
/*****************综合服务商**************/
.zhfw{width:100%;height: auto;}
.kuangjia{width: 95%;height:auto;margin: 0px auto;overflow: hidden;}
.zhfw ul{width: 110%;height:auto; margin-left: 2.5%;}
.zhfw ul li{width:41.75%;margin-right: 2%;display: inline-block;margin-bottom: 3%;}
.zhfw ul li img{width:100%;height: auto;}
.zhfw ul li h2{font-size: 12px; text-align: center;}











/**************start of safe**************/
.safe{background:#f7f7f7 url(../img/bbb_02.jpg) repeat-x top;padding-bottom: 20px; }
.safehead{    
	font-size: 24px;
    color: #fff;
    background: #fff;
    width: 95%;
    margin: 0px auto;
}
.safehead span{font-weight: bold; color: #e4000d;}
.safebox{padding:30px 15px 0;}

.safe1l{width: 45%;}
.safe1l h2{font-size: 20px; color: #fff; line-height: 30px; padding-bottom: 5px;}
.safe1l p{font-size: 16px; color: #a5a4a4; line-height: 28px;}
.safe1r{width: 55%;}
.safe1r img{display: block; width: 100%; height: auto;}
.safe1info{ padding-top: 12px; padding-bottom: 20px;}

.safe1info span,.safe2r span{display: inline-block;  height: 38px; line-height: 38px; background:#0f4496; color: #000; padding: 0 15px; margin: 0 2px; font-size: 16px;}

.safe2l{width: 50%;}
.safe2l img{display: block; width: 100%; height: auto;}
.safe2r {padding-left: 15px; width: calc(50% - 15px);}
.safe2r h2{font-size: 20px; color: #fff; line-height: 36px;}
.safe2r p{font-size: 16px; color: #a5a4a4; line-height: 28px;}
.safe2r span{margin-top: 15px;}


.anlist{width: 100%;background: #fff;overflow: hidden; margin-top: 20px;}
.anlist ul{width:113%;}
.anlist li{width:25%;float: left;}
.anlist a{ font-size: 14px;}

/***********start of 优势*************/
.rxtj{width: 95%; margin: 20px auto;}
.rxtj p{text-align:left;font-size: 16px; font-weight: 500px;margin-bottom: 5px;}
.rxtj span{float: left; width: 5%; border-bottom: 2px solid #006cce;}
.ys{ padding:30px 0px;clear: both;}
.ys p {
    font-size: 14px;
    padding: 10px 30px;
    background: #006cce;
    color: #fff;
    text-align: center;
    width: 20%;
    margin: 30px auto auto auto;
}
.yshead{text-align:center; margin-top:20px; padding-bottom: 10px;}
.yshead img{display: block; width: 100%;}

.ysbox{ margin-top:20px; width: 95%; margin-left: auto; margin-right: auto; position: relative;}
.ysbox h2{font-size: 18px;}
.ysbox p{ font-size: 16px; color: #555; padding: 5px 10px 15px 10px; }
.ysitem img{display: block; width: 100%; height: auto;}
.yssubt{text-align: center; padding-top: 15px;}
.yssubt li{display: inline-block; width: 36px; background: #616161; color: #fff; text-align: center; line-height: 30px; margin: 0 3px; font-size: 18px; font-weight: bold;}
.yssubt li.on{background: #e4000d;}

.yslist h2 {
    font-size:16px;
    width: 100%;
    text-align: center;
    height: 40px;
    padding-top: 15px;
}
.yslist h2 a{
    color:#666;
}
.rsbtn{position: absolute; top: 50%; margin-top: -45px;  width:34px; height: 34px;}
.ysbox .prev{background:url(../img/rsbtnl.png) no-repeat center bottom/100%; left:10px;}
.ysbox .next{background:url(../img/rsbtnr.png) no-repeat center bottom/100%; right: 10px;}

.jjs{width: 100%;background: #f6f6f6;}
.jjs ul{width: 95%; padding-bottom: 100px;background: #f6f6f6; margin: 0px auto;}
.jjs li{ background: #f6f6f6;}
.jjs li a{ font-size: 14px; width:16.65%; float: left; text-align: center;padding: 3px 0px 3px 0px;}
.jjs li a:hover{background: #006cce;color: #fff;}


.xian12{width: 95%; border: 1px solid #e2e2e2; margin: 20px auto auto auto;}
/***********start of 解决方案*************/
.ysc{ padding:30px 0px;clear: both;}
.ysc p {
    font-size: 14px;
    padding: 10px 30px;
    background: #006cce;
    color: #fff;
    text-align: center;
    width: 20%;
    margin: 30px auto auto auto;
}
.yschead{text-align:center; margin-top:20px; padding-bottom: 10px;}
.yschead img{display: block; width: 100%;}

.yscbox{ margin-top:20px; width: 95%; margin-left: auto; margin-right: auto; position: relative;}
.yscbox h2{font-size: 18px;}
.yscbox p{ font-size: 16px; color: #555; padding: 5px 10px 15px 10px; }
.yscitem img{display: block; width: 100%; height: auto;}
.yscsubt{text-align: center; padding-top: 15px;}
.yscsubt li{display: inline-block; width:10px; height: 10px; margin: 0 3px; font-size: 0px; border: 2px #616161 solid;border-radius: 50px;}
.yscsubt li.on{border: 2px #e4000d solid;}

.ysclist h2 {
    font-size:16px;
    width: 100%;
    text-align: center;
    height: 40px;
    padding-top: 15px;
}
.ysclist h2 a{
    color:#666;
}
.rsbtn{position: absolute; top:103.1%; width:7%; height: 34px;}
.yscbox .prev{background:url(../img/rsbtnl.png) no-repeat center bottom/100%; left:10px;}
.yscbox .next{background:url(../img/rsbtnr.png) no-repeat center bottom/100%; right: 10px;}


/***********solution***********/

/******************证书相册*********************/


/***************结束******************/




.solution{ width: 100%; height:auto;}
.caselist {
    width: 95%;
    margin: 1.5% auto;
    height:auto;
    clear: both;
}
.caselistli {
    display: block;
    border: 1px solid #0f4496;
    float: left;
    text-align: center;
    width: 164px;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
	box-sizing: border-box;
}
.caselistli a:hover{
	background: #0f4598;
	color: #fff;
}
.caseslistlih2 {
    display: block;
    width: 100%;
    height: 60px;
}
.kuan{ width:32%;}
.rsbtnn{position: absolute; top: 82%; width:7%; height: 34px;}
.cusbox .prev{background:url(../img/rsbtnl.png) no-repeat center bottom/100%; left: 10px;}
.cusbox .next{background:url(../img/rsbtnr.png) no-repeat center bottom/100%; right: 10px;}
.kj{background: #f6f6f6; width: 100%;}
.sopro{width: 95%;overflow: hidden;margin: 8% auto;}
.sopro ul{width: 110%; }
.sopro li{display:inline-block;margin-right: 2%; margin-bottom: 2.5%; width:44.08%; border: 1px solid #cdcdcd;}
.sopro li img{width: 100%;height: auto;}
.sopro li p{color:#333;background:url(../img/iproheadline.jpg) no-repeat top center;text-align: center;background-size: 100%;    padding: 10% 0%;}


/***********solution***********/

/***********ad***********/
.ad {width:100%; height: auto; padding-bottom: 20px;}
.adcaselist {
    width: 95%;
    margin: 0px auto;
    height:60px;
    clear: both;
	margin-top: 10px;
}
.adcaselistli {
    display: block;
    float: left;
    text-align: center;
    width: 164px;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
	box-sizing: border-box;
	
}
.adcaselistli a:hover{
	background:url(../img/dht.png) no-repeat center bottom;
	color: #fff;
	height: 67px;
	font-weight: bold;
}
.adcaselistli a.active{
	background: url(../img/dht.png) no-repeat center bottom;
	color: #fff;
	height: 67px;
	font-weight: bold;
}
.adcaseslistlih2 {
    display: block;
    width: 100%;
    height: 60px;
}
.kuann{width:25%; float: left;}
.liii{border-right: 1px solid #cecece;border-bottom: 1px solid #cecece;border-left: 1px solid #cecece; border-top: 1px solid #cecece;}
.riii{border-bottom: 1px solid #cecece; border-left: 1px solid #cecece; border-top: 1px solid #cecece;}

.adbox{width:100%; height:auto;margin-top: 25px;}
.adbox1{width:95%; margin: 0px auto; height: auto;background: #f5f5f5;padding-top: 40px; padding-bottom: 40px;}
.adboxt{width: 100%; margin: 0px auto; height: auto; display: block;}
.adbox1p {
    font-size: 24px;
    font-weight: bold;
    color: #333;
	width: 95%;
    margin: 0px auto;
}
.adbox1ul {
    clear: both;
    margin-top: 15px;
	width: 95%;
    margin: 0px auto;
}
.adbox1li {

    font-size: 16px;
    width: 95%;
    margin-left: 18px;
    list-style: square;
    line-height: 30px;
}
.adbox1li span {
    color: #0f4496;
    font-weight: bold;
}
.fd {
    width:95%;
    height:auto;
    margin:0px auto;
	background: #f5f5f5;
}
.fdd{
    width: 42px;
    height: 42px;
    margin: -19px auto auto auto;
    z-index: 9999;
    position: relative;
    display: block;
}
.lx{
	width: 4%;
    border-top: #2cc447 1px solid;
    float: left;
    clear: both;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 14px;
}
.customized {
}
.bbg{background: #fff;}
/***********ad***********/


/***********定制***********/
.tupbg{width:100%;height: auto;}
.customized{padding-bottom: 40px;padding-top: 30px;}
.customized p{font-size: 14px; padding: 10px 30px; background: #006cce; color: #fff;text-align: center;width: 20%; margin: 30px auto auto auto;}
.cushead{ color:#333; background:url(../img/cusheadbg.jpg) no-repeat center bottom/100%;}
.bd h2{font-size: 14px; text-align: center; padding: 5px 0px;width:100%;background: #f5f5f5;}
.cusbox {}
.cusbox .bd{width: 95%;margin: 0px auto;}
.cusl{}
.cusl img{display:block; width:100%; height:auto;}
.cusr{padding-top:20px;}
.custitle{padding-bottom:5px; }
.custitle h2{font-size:20px; line-height:32px; color:#333;text-align: center;}
.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;}
.tes{ }
.tes img{width:100%;}




/************about us*************/
.about{width: 100%; height: auto; background: #fff}
.abouthead{font-size:20px; font-weight: bold; color: #e4000d; text-align: center;}
.aboutinfo{padding-top:20px;}
.aboutinfo img{display:block; width:100%; height:auto;}
.aboutinfo p{font-size:14px; line-height:26px; color:#5f5f5f; padding:10px 20px;}
.newsr {
    width: 95%;
    height: auto;
    margin: 0px auto;
}
.cnewslist {
    width: 100%;
    height: auto;
}
.cnewslist li {
	position: relative;
    list-style: none;
    width: 92%;
    height: auto;
    clear: both;
    display: flow-root;
}
.tuitu {
    margin-right:3%;
    float: left;
    clear: both;
    width: 25%;
	position: relative;

}
.tuitu img{width:100%; height: auto;}
.btt {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    width: 72%;
    height: auto;
}
.btth {font-size: 14px;position: relative; width: 70%;display: block; float: left;padding: 0% 0% 0% 2%;background: url(../img/hongd.jpg) no-repeat 0px center; line-height: 200%;}
.sjxx {
    z-index: 6666;
    display: block;
	position: relative;
    margin-top: 7%;
    
}
.titletime4 a{display: block; float: left;width: 240px;line-height: 80px;margin-left: 20px;}
.titletime1{float: right;text-align: center;line-height: 14px;padding:1.5% 4% 1% 0px;}
.titletime2{font-size: 24px; font-weight: bold;color:#fff;float: left;line-height: 34px;text-align: center;width: 100%;}
.titletime3{font-size: 12px;  bold;clear: both; float: left;}

.album{width:100%; height:auto;padding-bottom: 10%;}
.dbdh{width:95%; height:auto; margin: 0px auto;}
.dbdh ul li{ width: 33.3333%; float: left; text-align: center; color: #555;}
.bkkk {border-left: 1px solid #cecece;border-right: 1px solid #cecece;box-sizing: border-box;}
.dbdhul{height: auto; margin: 5% auto;}
.dbdhli{float: left; width: 33.33%;font-size: 16px;text-align: center;}
.dizi{font-size: 14px; text-align: center; width: 95%; margin: 5px auto 5px auto;color: #999999;}
.dizib{ border-right: 1px solid #cecece; box-sizing: border-box; display: block;letter-spacing:1px; color:#747474; }
.dizibb{display: block;letter-spacing:1px; color:#747474;}
.btop{ text-align:center;margin-bottom: 80px; }
.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%;z-index: 99999999;}
.fbt li{float:left;width:25%; height:60px; line-height:18px; background:#fff;text-align:center; padding:6px 0px;}

.fbt li.s1{border-top: 2px solid #0f4496; border-right: 1px solid #cecece; box-sizing: border-box;    line-height: 40px;}
.fbt li.s2,.fbt li.s3{border-top: 2px solid #cecece; border-right: 1px solid #cecece; box-sizing: border-box;    line-height: 40px;} 
.fbt li.s4{border-top: 2px solid #cecece; box-sizing: border-box;    line-height: 40px;}
.fbt li.s1{background: #2b78c2;}
.fbt li.s2{background: #f9c231;}
.fbt li.s3{background: #2b78c2;}
.fbt li.s4{background: #f9c231;}

.fbt li.s1 a{color: #fff;}
.fbt li.s2 a{color: #000;}
.fbt li.s3 a{color: #fff;}
.fbt li.s4 a{color: #000;}

.fbt li a{display:inline-block; color:#666666;  font-size:14px; display: block;}
.fbt li a span{display: inline-block; width:23px; height:23px; vertical-align: middle; margin-right: 5px;}
.fbt li.s1 span{background:url(../img/ficon4.png) no-repeat center /20px;}
.fbt li.s2 span{background:url(../img/ficon3.png) no-repeat center /20px;}
.fbt li.s3 span{background:url(../img/ficon2.png) no-repeat center /20px;}
.fbt li.s4 span{background:url(../img/ficon1.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:#0f4496;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 0px 60px 0px;}

.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;}

.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: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 .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:165px;}
	.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;}
	.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:130px;}
	.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:132px;}
	.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:117px;}
	.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:#094196; 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; }

.prodesc{text-align: center;}
.prodesc .prodhead{background:#f45760; letter-spacing:8px; color:#fff; padding:15px 0; font-size: 20px;}
.prodesc .propara{background: #fff; font-size: 16px; color: #444; height: 42px; line-height: 42px;}

.prodesc ul li{float: left; width: 50%;}
.prodesc ul li h2{background: #f0c6c9; height: 32px; line-height: 32px; font-size: 14px; color: #444;}
.prodesc ul li p{font-size: 14px; line-height: 40px; height: 40px;}

.redesc{}
.redesc li{width: 100%; float: left; text-indent: 15px; background:url(../img/point.gif) no-repeat left center; line-height: 28px; font-size: 14px;}
.redesc .redeschead{height: 42px; line-height: 42px; font-size: 20px; text-align: center; padding: 15px 0; border-bottom: 1px solid #e9e6e6;}
.redesc ul{padding-top: 15px;}



.anli{width: 100%;margin: 0px auto;background: #fff; height: auto;}
.anbtn{position: absolute; top:89%; width: 7%; height: 34px;}
.yscbox .prev{background:url(../img/rsbtnl.png) no-repeat center bottom/100%; left:10px;}
.yscbox .next{background:url(../img/rsbtnr.png) no-repeat center bottom/100%; right: 10px;}

/************层切换特效*******************/

.zyjc{background:#f1f1f1; width: 100%;height: auto;padding: 0% 0% 10% 0%;}
4
.caselist3a {width:100%;margin:0px auto 30px auto;height:50px;clear: both;}
.caselistul3a{width: 95%;margin: 0 auto;}
.caselistli3a {cursor: pointer;display: block;text-align: center;width:33.33%;font-size: 14px;line-height:52px;height:52px; background: #fff;}
.caselistli3a p{ height: 52px;}
.bkr{border-right: 1px solid #dedede;box-sizing: border-box;}
.jl1 { margin-right: 2.5%;}
.active3a{ background:url(../img/wap_03.png) no-repeat bottom center; color: #fff;font-weight: bold;height:52px;padding-bottom: 8px; margin-bottom: 5px;}
.active3a a{color:#fff;}
.zeus1a{ width: 95%; margin: 0px auto; overflow: hidden; position: relative;}
.zeus2a{ width: 100%;}
.containergd3a{
	width:100%;
	margin:0px auto;
}
.boxq3a li{width:100%; overflow: hidden;position: relative;}
.boxq3a p{ font-size: 14px;}
.boxq3a p span{ color: #006cce;}
.boxq3a li img{width:100%; height: auto;} 
.containergd3a .navgd3a{width:95%;border:1px solid #ccc;}
.containergd3a .navgd3a span{display: block; width:219px; border-left:1px solid #ccc; text-align:center; line-height:40px; color:#666; float:left; cursor:pointer;}
.containergd3a .navgd3a span.active{background:#666666; color:#fff;}

.containergd3a .navgd3a span:first-child{border:0px}

.contentgd3a{ margin: 0px auto; width:310%;position:relative; overflow:hidden;} /*定位一般设置为relative，overflow设置为hidden来隐藏外面的内容*/
.boxq3a{position:relative;width:100%;} /*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/
.contentgd3a ul{float: left;  width:100%;overflow: hidden;vertical-align: top;margin-right: 0.5%;}
.contentgdul13a {width:100%;  }	
.contentgdulc13a {width:100%; float: left;}
.contentgdulc13a img{width:100%;}
.contentgdulc23a {width:100%;}
.contentgdulc23a li{width:100%; height: 280px;margin:0px 26px 10px 0px;float: left;}
.contentgdulc23a a{width:380px; display: block;}
.contentgdulc23a img{width:100%;}



.caselist3 {width:100%;margin: 5% auto 1% auto;height:50px;clear: both;}
.caselistul3{width: 100%;margin: 0 auto;}
.caselistli3 {cursor: pointer;display: block;text-align: center;width:50%;font-size: 14px;height: 50px;line-height:47px;background:#f2f2f2;}
.jl1 { margin-right: 2.5%;}
.active3{background:#006cce;color: #fff;}
.active3 a{color:#fff;}
.zeus1{ width: 95%; margin: 0px auto; overflow: hidden; position: relative;}
.zeus2{ width: 100%;}
.containergd3{
	width:100%;
	margin:30px auto 0;
}
.boxq3 li{width:100%; overflow: hidden;position: relative;}
.boxq3 p{ font-size: 14px;}
.boxq3 p span{ color: #006cce;}
.boxq3 li img{width:100%; height: auto;} 
.containergd3 .navgd3{width:95%;border:1px solid #ccc;}
.containergd3 .navgd3 span{display: block; width:219px; border-left:1px solid #ccc; text-align:center; line-height:40px; color:#666; float:left; cursor:pointer;}
.containergd3 .navgd3 span.active{background:#666666; color:#fff;}

.containergd3 .navgd3 span:first-child{border:0px}

.contentgd3{ margin: 0px auto; width:310%;position:relative; overflow:hidden;} /*定位一般设置为relative，overflow设置为hidden来隐藏外面的内容*/
.boxq3{position:relative;width:100%;} /*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/
.contentgd3 ul{float: left;  width:100%;overflow: hidden;vertical-align: top;margin-right: 0.5%;}
.contentgdul13 {width:100%;  }	
.contentgdulc13{width:100%; float: left;}
.contentgdulc13 img{width:100%;}
.contentgdulc23{width:100%;}
.contentgdulc23 li{width:100%; height: 280px;margin:0px 26px 10px 0px;float: left;}
.contentgdulc23 a{width:380px; display: block;}
.contentgdulc23 img{width:100%;}





.caselist4 {width:100%;margin:30px auto 20px auto;height:50px;clear: both;}
.caselist4 a{color:#000;}
.caselistul4{width: 100%;margin: 0 auto;}
.caselistli4 {cursor: pointer;display: block;text-align: center;width:33.3%;font-size: 14px;height: 50px;line-height:47px;background:#e3e3e3;box-sizing: border-box;}
.jl1 { margin-right: 2.5%;}
.active4{background:#006cce;color: #fff;}
.active4 a{color:#fff;}
.zeus4{ width: 95%; margin: 0px auto; overflow: hidden; position: relative;}
.zeus5{ width: 100%;}
.containergd4{
	width:100%;
	margin:30px auto 0;
}
.boxq4 li{width:100%;}
.boxq4 li img{width:100%; height: auto;} 
.containergd4 .navgd4{width:95%;border:1px solid #ccc;}
.containergd4 .navgd4 span{display: block; width:219px; border-left:1px solid #ccc; text-align:center; line-height:40px; color:#666; float:left; cursor:pointer;}
.containergd4 .navgd4 span.active{background:#666666; color:#fff;}

.containergd4 .navgd4 span:first-child{border:0px}

.contentgd4{ margin: 0px auto; width:310%;position:relative; overflow:hidden;} /*定位一般设置为relative，overflow设置为hidden来隐藏外面的内容*/
.boxq4{position:relative;width:100%;} /*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/
.contentgd4 ul{float:left; width:100%;overflow: hidden;margin-right: 0.3%;}
.contentgdul14 {width:100%; height: 390px; }	
.contentgdulc4 { width: 103.3%;}
.contentgdulc14{width:100%; height: 390px; float: left;}
.contentgdulc14 img{width:100%;}
.contentgdulc24{width:100%;}
.contentgdulc4 li{width:47%; height:auto;margin: 0px 2.7% 10px 0px;float: left;}
.contentgdulc4 a{width:100%; display: block;text-align: center;}
.contentgdulc4 img{width:100%;}





.alkj{width: 33.333%}
.aysc{width: 100%;}
.ayscbox{ margin-top:20px; width:100%; margin-left: auto; margin-right: auto; position: relative;}
.ayscbox h2{font-size: 18px;}
.ayscbox p{ font-size: 16px; color: #555; padding: 5px 10px 15px 10px; }
.ayscitem {width:49.5%;float: left;}
.ayscitem img{display: block; width: 95%; height: auto;border: 3px solid #e8e8e8; box-sizing: border-box;}
.ayscsubt{text-align: center; padding-top: 15px;}
.ayscsubt li{display: inline-block; width:10px; height: 10px; margin: 0 3px; font-size: 0px; border: 2px #616161 solid;border-radius: 50px;}
.ayscsubt li.on{border: 2px #e4000d solid;}
.aysclist h2 {
    font-size:16px;
    width: 100%;
    text-align: center;
    height: 40px;
    padding-top: 15px;
}
.aysclist h2 a{
    color:#666;
}
.juli14{width:2%;}
.arsbtn{position: absolute; top: 50%; margin-top: -45px;  width:34px; height: 34px;}