@charset "utf-8";
/* CSS Document */
/*全局样式*/
body { font-family:arial; font-size:12px; background: url(../images/m_bj.jpg);
    color: #cccccc;}
* {margin:0px;padding:0px;list-style:none;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { color:#0069ad; text-decoration: none;}
.fl { float:left;}
.fr { float:right; }
ul { list-style:none; margin:0px; padding:0px;}
img { border:0px; max-width:100%;}
.dbgao {/* height:80px; */}


/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background: #151515;position:fixed;z-index:10;width:100%;}
.sp_logo{padding: 8px;float:left;height:50px;}
.sp_logo img{margin:auto;max-height: 35px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #ffad18;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background: #fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

/*首页头部*/
.ltop {width:100%;height:auto;padding:12px 0px;position: relative;background:#000}
.ltop img {}
.ltopl { width:100%; text-align:center;}
.ltopr {  margin:10px 5px 0 0 ;}
.dhtp { float:left; width:15%; margin-right:5px; }
.ltopr p { font-size:1em; line-height:1.3em;  }
.ltopr p strong { font-size:1em;}
/*nav*/
.lnav { width:100%; height:100px; background-color:#1571c8;}
.lnav ul li { width:33.33%; height:50px; line-height:50px; font-size:16px; background:url(../images/shouji_15.jpg) repeat-x bottom; float:left; text-align:center;  }
.lnav ul li a { color:#fdfdfa; text-decoration:none; background:url(../images/shouji_11.jpg) repeat-y right; display:block;}

/*ban*/
.slider-focus{position:relative;max-width:640px;overflow:hidden;margin:0 auto;padding-top:50px;}
.slider-focus .hd{position:absolute;width:100%;height:22px;left:0;bottom: 0px;z-index:1;line-height:28px;text-align:center;}
.slider-focus  .hd li{display:inline-block;vertical-align:middle;width: 8px;height: 8px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#fff;cursor:pointer;}
.slider-focus  .hd li.on{ background:#ffea00;  }
.slider-focus  .bd{ position:relative; z-index:0; }
.slider-focus  .bd li{ position:relative; text-align:center;  }
.slider-focus  .bd li img{/* background:url(../images/loading.gif) center center no-repeat; */vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus  .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slider-focus  .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

/*关于我们*/
.lgywm { width:100%; height:auto; margin-top:20px;} 
.lgywm_title { width:100%; height:auto;}
.xian {width:100%;height:25px;border-bottom: 1px solid #f9bc01;}
.lwenzi {width:110px;height:auto;text-align:center;background-color: #f9bc01;margin:-20px auto 0px;border-radius:3px;padding:6px 0}
.lwenzi p { font-size:12px; color:#333; line-height:1.6em;}
.lwenzi p strong {font-size: 1.3em;}
.lgywm_wz { width:100%; height:auto; padding:3%;}
.lgywm_wz p {font-size:1.2em;line-height:1.8em;color: #b3b1b1;padding:0px 10px;text-indent:2.4em;}

/*更多按钮*/
.angd { width:100%; height:auto; padding:10px 0px; text-align:center;}
.angd a {width:auto;height: 30px;padding: 0px 10px;color: #717171;display:block;font-size: 13px;line-height: 30px;border: 1px solid #525252;border-radius:8px;display:inline-block;}
/*服务项目*/
.fwxm { width:100%; height:auto; margin-top:20px;}
.fwxm_nr { width:100%; height:auto; padding:10px 0px;}
.fwxm_nr ul li { width:20%; height:auto; padding:10px 0px; float:left; text-align:center; line-height:30px;}
.fwxm_nr ul li .lzj { width:74%; margin:0px auto; text-align:center;}

/*成功案例*/
.cgal_nr { width:100%; height:auto; padding:10px 0px;}
.cgal_nr .pageinfor ul li {  height:auto; padding:10px 0px; float:left; text-align:center; /* height:240px; */overflow:hidden}
.cgal_nr .tf li {width: 49%;height:auto;padding: 20px 0px;float:left;text-align:center;line-height:30px;}
.cgal_nr .tf li img{width: 120px; height: 120px; border-radius:15px;}
.cgal_nr ul li .lzj {width: 90%;margin:0px auto;text-align:center;}
.cgal_nr .tf li h3{color:#9e9e9e;line-height:24px;}
.cgal_nr .tf li span{color:#666;line-height:20px;height: 32px; display: block;}

/*新闻中心*/
.xwzx_nr { width:95%; height:auto; margin:5px auto; padding:10px 0px;}
.xwzx_nr ul li {width:100%;height:auto;padding:10px 0px;float:left;line-height:30px;border-bottom: 1px dotted #424242;/* background:url(../images/shouji_44.jpg) no-repeat right center; */}
.xwzx_nr ul li h3 {width: 75%;font-size:14px;color: #b5b3b3;line-height: 16px;overflow:hidden;}
.xwzx_nr ul li p {width: 75%;font-size:12px;color:#666;line-height: 16px;overflow:hidden;}
.xwzx_nr ul li .lzj {width: 20%;text-align:center;float:left;margin-right:15px;}

/*底部*/
.ad01 img { max-width:100%; }
.lbottom {width:100%;padding:10px 0px;font-size:12px;color:#666;text-align:center;line-height:20px;border-top: 1px solid #4a4a4a;/* margin-top:30px; */float:left;}

/*footer*/
.lfooter { width:100%; height:70px; background-color:#0061a8; position:fixed; bottom:0px; float:left; }
.lfooter ul li { width:25%; height:auto; float:left; text-align:center; padding:10px 0px; }
.lfooter ul li a { color:#FFF; line-height:12px; font-size:12px;}


/*关于我们*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;outline:0;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{overflow-y:scroll}
/* page structure */
header{display:block;width:100%;/* height:55px; *//* background:#0061a8; */text-align:center;}
header strong {font-size:20px; color:#FFF; line-height:55px;}
.menubtn{position: fixed;right:10px;top:8px;z-index:101;text-decoration:none;background-image:url(../images/hamburger.png);background-position: center center;background-repeat:no-repeat;width:30px;height:55px;float:right;margin-right:10px;}
a.fanhui { position:absolute;left:15px;top:8px;width:20px; height:55px; background:url(../images/fanhui.png) no-repeat center;}
/* toggle menu */
#pgcontainer{padding:0;margin:0}
.overlay{position:fixed;z-index:99;background-color:rgba(0,0,0,.5);bottom:0;right:0;left:0}
.openmenu .overlay{top:0}
#hamburgermenu{height:100%;width:0;background:#373737;position:fixed;top:0;right:0;z-index:101;overflow:hidden;-webkit-box-shadow:3px 0 7px rgba(0,0,0,.55);-moz-box-shadow:3px 0 7px rgba(0,0,0,.55);box-shadow:3px 0 7px rgba(0,0,0,.55)}
#hamburgermenu ul{margin-top: 20px;z-index:101;overflow-y:auto;overflow-x:hidden;}
#hamburgermenu ul li{display:block;border-bottom:1px solid #666;}
#hamburgermenu ul li a{display:block;min-width:130px;padding: 7px 8px;color: #1d1d1d;font-size: 1.2em;text-decoration:none;text-align: left;background:#f9bc00;}
#hamburgermenu li a:hover{color: #000;background: #f9bc00;}
#hamburgermenu ul li .erji li{border:none}
#hamburgermenu ul li .erji li a{color:#a9a9a9;padding-left:15px;background:#000;border:none;font-size:13px;padding:5px 0 5px 15px;}
#hamburgermenu ul li .erji {padding:0px;}
#hamburgermenu ul li ul{margin-top:0px;}

.zymain {width:100%;height:auto;padding: 60px 3%;}
.zybt {width:100%;border-bottom: 1px solid #4c4c4c;margin:0;}
.zybt strong {font-size: 16px;color: #d8d8d8;line-height:40px;padding-left:10px;}
.zy_nr {width:100%;height:auto;/* margin:10px 0px; */float:Left;line-height: 1.8em;}
.zy_nr li {font-size:14px;color: #febd17;line-height: 24px;}
.zy_nr p { font-size:12px; color:#666; line-height:24px; padding:5px 0px;}
.product_tu{float:left;width:48%;}
.product_tu img{border-radius:16px;}
.app_gcon3 {float:left;width:100%;}
.erweimaxz_tu{width: 48%;float: right;text-align:center;}
.erweimaxz_tu img{ width:100px;padding:5px;border:1px solid #dedede;margin-bottom:15px;}
.erweimaxz_tu .erweima-ms{line-height:1.5em}
.jieshao{width:100%;float:left;line-height:1.8em;padding-top:25px;word-wrap:break-word;}
.jieshao h2{ padding-bottom:25px;;}

/*观点*/
.ltgd_nr { width:98%; height:auto; margin:5px auto; padding:10px 0px;}
.ltgd_nr ul li { width:98%; height:auto; padding:10px 0px; float:left; line-height:30px; border-bottom:1px solid #d7d8d8; background:url(../images/shouji_44.jpg) no-repeat right center; }
.ltgd_nr ul li h3 { width:78%; font-size:14px; color:#333; line-height:20px; overflow:hidden; white-space: nowrap;}
.ltgd_nr ul li p { width:78%; font-size:12px; color:#666; line-height:20px; overflow:hidden; white-space: nowrap;}
.ltgd_nr ul li .lzj { width:13%; text-align:center; float:left; margin-right:15px;}
/*观点首页*/
.ltgds_nr { width:98%; height:auto; margin:5px auto;}
.ltgds_nr ul li {width:33%; height:auto; float:left; margin-top:5px; line-height:30px; text-align:center;  }
.ltgds_nr ul li h3 { width:100%; font-size:14px; color:#333; line-height:20px; font-weight:normal; overflow:hidden; white-space: nowrap;}
.ltgds_nr ul li .lzj { width:79%; margin:10px auto;}


.yunu-footer-fix {display:block;position: fixed;bottom: 0;left: 0;width: 100%;background-color: #ffffff;z-index: 10;}
.yunu-footer-fix li {float: left;width: 33.3%;border-right:1px solid #bfbfbf;}
.yunu-footer-fix li a {display: block;text-align: center;color: #505050;padding: 0.4rem 0;font-size: 0.6rem;line-height: 1;}
.yunu-footer-fix li i {display: block;height: 1.6rem;background: no-repeat center;background-size: contain;margin-bottom: 0.25rem;}
.yunu-footer-fix li i.i1 {background-image: url(../images/bi01.png);}
.yunu-footer-fix li i.i2 {background-image: url(../images/bi02.png);}
.yunu-footer-fix li i.i3 {background-image: url(../images/bi03.png);}


.fwxm .cgal_nr .prolist li{
	width: 49%;
	float:left;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}

.fwxm .cgal_nr .prolist li img {
	padding:5px;
	max-width: 100%;
	/* height: 120px; */
	border-radius:20px;
}
.fwxm .cgal_nr .prolist li a h3{
	font-size:14px;color:#bdbdbd;line-height:24px;
}

.fwxm .cgal_nr .prolist li a span{
	font-size:12px;
        height: 32px;
        display: block;
        color:#616161
}

.prolist2 li{
	width: 49%;
	float:left;
	text-align:center;
	margin-top:10px;
}

.prolist2 li a{
	width: 95%;
	float:left;
	text-align:center;
	font-size:1.2em;
	background:#666;
	margin-top:10px;
	margin-left: 10px;
	color:#fff;
	padding: 10px 10px;
}


/*===============分页===============*/


.pageinfor {
	/* float: left; */
	padding-right: 8px;
	overflow: hidden;
	font-family:  "microsoft yahei";
	font-size: 12px;
	/* padding: 20px 10px; */
}


.pageinfor {
	
}

.pageinfor span{
	float:left;
	margin: 3px 6px;
}

.pageinfor a{
	float: left;
	margin-right: 10px;
	list-style: none;
}


.pageinfor li:last-child {
	margin-right: 0px;
}

.pageinfor a {
	display: block;
	text-align: center;
	padding: 2px 8px;
	font-family: "arial" "微软雅黑";
	border: 1px solid #D8D8D8;
	font-size: 12px;
	float: left;
	margin-bottom:10px;
}

.pageinfor  a:link,.pageinfor a:visited {
	text-decoration: none;
	color: #888888;
	font-size: 12px;
}

.pageinfor a:hover {
	color: #fff;
	background: #E25400;
}

.pageinfor .c {
	margin-top: 6px;
	color: #000000;
}



.tab-container {position: relative;width: 100%;z-index:0;float:Left;min-height:200px;padding-top:20px;}



.guestbook_table {
	margin: 0 auto;
	width: 90%;
	padding:80px 0;
}

.message_body tr {
	float: left;
	margin: 10px 10px;
	width: 100%;
}

.guestbook_table tbody tr th{vertical-align:middle;text-align:right;padding-right:15px;width:60px;}

.guestbook_table input {
    /* float: right; */
    margin: 5px 10px 10px 0;
    height: 32px;
    border: 1px solid #777777;
	width:120px;
    color: #bbbbbb;
    text-indent: 1em;
    font-size: 14px;
    line-height: 36px;
    background:none;
}

.guestbook_table .form_text {
	width: 100%;
}

.form_textarea {

	width: 100%;
	height: 100px;
	border: 1px solid #777777;
	color: #8a8a8a;
	text-indent: 1em;
	font-size: 14px;
	line-height: 24px;
	background:none;
}

.message_body tr th {
	float: left;
	padding-right: 10px;
	width: 100px;
	text-align: right;
}

.code_image {
}

.message_body tr td {
	position: relative;
	float: left;
}

.guestbook_table .form_button {
	float: left;
	margin: 10px 0 0 10px;
	width: 100%;
	height: 42px;
	border: 1px solid #202020;
	background: #febd17;
	color: #8a8a8a;
	color: #000;
	text-indent: 0.1em;
	font-size: 14px;
	font-size: 14px;
	line-height: 42px;
}

.guestbook_table .form_button:hover {
	background: #d05d00;
}

/* Tabs */



.tab-container > div {display: inline;}



.tab-container > div > a {
	position: relative !important;
	width:25%;
	text-decoration: none;
	color: #ffffff;
	display: inline-block;
	border-left:1px solid #272727;
	padding: 5px 8px;
	font-size: 13px;
	/* font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; */
	/* text-transform:uppercase; */
	background: #0a0a0a;
}



.tab-container > div:not(:target) > a {

}	



.tab-container > div:target > a {
    background: #febd17;
    color:#000
}	



.tab-container > div > div {
	background: #1d1d1d;
	color:#8c8c8c;
	z-index: 0;
	top: 45px;
	padding: 15px;
	outline-offset: -8px;
	min-height: 300px;
	position:absolute;
	width:100%;
}	

.tab-container > div:not(:target) > div {
	position: absolute;
}



.tab-container > div:target > div { 
	position: absolute; 
	z-index: 3 !important;
}



.tab-container > div:target > div a{ 
	color:#febd17
}

div.tab-content{
	width:95%;
}

	

.tab-content img{ 
	margin:0 auto; 
	display:block; 
	padding-bottom: 20px;
    padding-top: 10px;
}