@charset "utf-8";
/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"思源黑体",Arial;-webkit-text-size-adjust:none;background: #e2f3ff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#b90909;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
#prof{ text-align:center;}
/********************* 以下(结束标识)代码请在实际开发中删除 *********************/
/*头部区域*/
.topp-bg{ background:url(../images/top_bg.jpg) repeat-x; width:100%;}
.topp{ font-size:14px; height:48px; line-height:48px; width:1500px; margin:0 auto; overflow:hidden;}
.welcome{ float:left; display:inline; background:url(../images/home.jpg) left center no-repeat; padding-left:30px; color:#999;}
.welcome span{ color:#b90909;}
.welcome a{ margin-right:20px;color:#999;}
.topp .txt{ float:right; display:inline;width:260px;color:#dfdfdf; text-align:right;}
.topp .txt span{padding:0 10px;}
.headerbg{background:#fff; width:100%;}
.header{width: 1400px;height:120px;margin:0 auto;}
.header .logo{width: 400px;float:left;display:inline;}
.header .logo a{background:url(../images/logo.jpg) left center no-repeat;display:inline-block;width: 179px;height:120px;}
.logo img{
height:120px;
	
}


.search{float:left;width:600px;float:left;display:inline;margin:20px 0 0 60px;/* position: relative; */}
.search form{/* background:url(../images/search_bg.jpg) no-repeat; */width:424px;height:48px;position: relative;}
.search .key{width:340px;height:40px;line-height:40px;margin:4px 0 1px 20px;border:0;float:left; font-size:18px; color:#999;}
.search .key[type="text"]:focus{outline:none;}
.search .sub{float:right;width:55px;height:48px;background:url(../images/search_bg.jpg) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}
.search p{ font-size:15px; height:40px; line-height:40px;}
.search p span{ color:#999;}




.header .telbb{ margin-top:26px; width:220px; padding-left:70px; float:right; display:inline; background:url(../images/tel.png) left center no-repeat; background-size:60px 60px;}
.header .telbb p{ font-size:16px; color:#666; height:30px; line-height:30px;}
.header .telbb span{ color:#b90909; font-size:26px;}






.navBg a{ width:230px; text-align:center;font-size:18px; height:60px; line-height:60px;display:inline-block;color:#fff;}
.navBg a:hover{ text-decoration:none; background:#b90909; color:#fff;}
.navnr{ width:1500px; height:60px; margin:0 auto;}
.navBg{height:60px;line-height:60px;font-family:"思源黑体"; background:#60bbf5; width:100%;}
.menu {width: 1400px;margin:0 auto;}
.menu ul {}
.menu ul li {
float:left; 
position:relative;
}
.menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; width:230px; height:60px; color:#fff; 
line-height:60px; font-size:18px;}
.menu ul li ul {display: none;}
.menu ul li:hover a {
color:#fff; 
background:#03A9F4;
}
.menu ul li #on{background:#03A9F4;}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:60px; 
left:0; 
width:230px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background:#60bbf5; 
color:#fff;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#03A9F4; 
color:#fff;
}








.banner{width:100%;/* height:400px; */text-align:center;/* background:url(../images/banner.jpg) top center no-repeat; */}
.banner img{ width:100%;height:auto;}

.banner .title1{ font-size:18px; color:#fff; padding-top:70px;}
.banner .title2{ font-size:36px; color:#fff; height:80px; line-height:80px; font-weight:bolder;}
.banner .title3{ font-size:18px;color:#ddd; margin-bottom:30px;}

.hotrqi{max-width: 1400px;margin:20px auto;}
.hottab{max-width: 1400px;padding:15px 30px;float:left;/* display:inline; */background:#fff;/* height: 1241px; */border-radius:15px;position:relative;overflow: hidden;width: 100%;box-sizing: border-box;}
.hottab .tipplogo{ width:680px; left:210px; position:absolute; bottom:20px;}
.hottab .tipplogo a{ font-size:18px; background:#ffdc00; width:180px; height:50px; line-height:50px; text-align:center; display:inline-block; border-radius:20px; margin:20px;}
.hottab .tipplogo img{ width:30px; height:30px; vertical-align:middle; margin-right:10px;}





#tab{position:relative; width:1020px;}
#tab .tabList{}
#tab .tabList ul li{border-bottom:1px solid #ddd;
	float:left; height:52px; line-height:52px; font-size:22px;
	width:200px;
	text-align:center;
	margin-left:-1px;
	position:relative;
	cursor:pointer;
}
#tab .tabCon{
	position:absolute;
	left:-1px;
	top:54px;
	border-top:none;
	width:1020px;
	height:1050px;
}
#tab .tabCon div{
	padding:10px;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}
#tab .tabList li.cur{border-bottom: 2px solid #60bbf5;color: #60bbf5;}
#tab .tabCon div.cur{opacity:1;filter:alpha(opacity=100);}
#com01 ul{/* position:absolute; */z-index:100000;}
#com01 li{ height:62px; line-height:62px; width:100%; margin:30px 0; color:#fff;}
#com01 li a{ color:#fff;}
#com01 .dec{font-size:15px;margin:15px 0;line-height:30px;}
#com01 .li01{ background:url(../images/hottab01.png) no-repeat; width:990px;}
#com01 .li02{ background:url(../images/hottab02.png) no-repeat; width:990px;}
#com01 .li02 .zhishu{margin-right:45px; }
#com01 .li03{ background:url(../images/hottab03.png) no-repeat; width:990px;}
#com01 .li03 .zhishu{margin-right:70px; }
#com01 .li04{ background:url(../images/hottab04.png) no-repeat; width:990px;}
#com01 .li04 .zhishu{margin-right:90px; }
#com01 .li05{ background:url(../images/hottab05.png) no-repeat; width:990px;}
#com01 .li05 .zhishu{margin-right:110px; }
#com01 .li06{ background:url(../images/hottab06.png) no-repeat; width:990px;}
#com01 .li06 .zhishu{margin-right:128px; }
#com01 .li07{ background:url(../images/hottab07.png) no-repeat; width:990px;}
#com01 .li07 .zhishu{margin-right:150px; }
#com01 .li08{ background:url(../images/hottab08.png) no-repeat; width:990px;}
#com01 .li08 .zhishu{margin-right:170px; }
#com01 .li09{ background:url(../images/hottab09.png) no-repeat; width:990px;}
#com01 .li09 .zhishu{margin-right:190px; }
#com01 .li10{ background:url(../images/hottab10.png) no-repeat; width:990px;}
#com01 .li10 .zhishu{margin-right:215px; }
#com01 .nov{ width:66px; float:left; display:inline; font-weight:bolder; font-family:Bahnschrift; font-size:22px; text-align:center;}


#com01 .logo{ width:360px; float:left; display:inline; font-size:30px; }
#com01 .logo img{ width:146px; height:50px; vertical-align:middle; margin-top:-5px; margin-right:15px; cursor:pointer;  transition: all 0.6s; }
#com01 .logo img:hover{ color:#ffdc00; transform: scale(1.2);}





#com01 .zhishu{ float:right; display:inline; margin-right:30px; font-size:18px;}
#com01 .zhishu span{ font-size:24px;font-family:Bahnschrift;}
#com02 table{ width:980px; margin:20px auto 0 auto;border:1px solid #eee; border-bottom:none;}
#com02 table b{ font-size:18px;}
#com02 table td{ text-align:center; padding:15px 10px; border-bottom:1px solid #eee;}
#com02 table .num{ font-weight:bolder; font-size:18px;}
#com02 table .pname{ font-weight:bolder; font-size:22px; color:#b90909;}
#com02 table .onload1{ text-align:left;}
#com02 table .onload1 span{ background:#60bbf5; height:10px; line-height:10px; display:inline-block; color:#60bbf5;}
#com02 table .app{ background:#b90909; color:#fff; border-radius:5px; padding:6px 25px; font-size:18px;}
#com02 table .app:hover{background:#60bbf5;}
#com03{width:980px;line-height:30px;}
#com03 table{ width:980px; margin:20px auto 0 auto;border:1px solid #eee; border-bottom:none;}
#com03 table b{ font-size:18px;}
#com03 table td{ font-size:18px; text-align:center; padding:15px 10px; border-bottom:1px solid #eee;}
#com03 table .num{ font-weight:bolder; font-size:18px;}
#com03 table .pname{ font-weight:bolder; font-size:22px; text-align:center;}
#com03 table .pname img{ vertical-align:middle; width:125px; height:65px;}
#com04{width:980px;line-height:30px;}
#com04 table{ width:980px; margin:20px auto 0 auto;border:1px solid #eee; border-bottom:none;}
#com04 table b{ font-size:18px;}
#com04 table td{ font-size:18px; text-align:center; padding:15px 10px; border-bottom:1px solid #eee;}
#com04 table .num{ font-weight:bolder; font-size:18px;}
#com04 table .pname{ font-weight:bolder; font-size:22px; text-align:center;}
#com04 table .pname img{ vertical-align:middle;}
#com05{width:980px;line-height:30px;}
#com05 table{ width:980px; margin:20px auto 0 auto;border:1px solid #eee; border-bottom:none;}
#com05 table b{ font-size:18px;}
#com05 table td{ font-size:18px; text-align:center; padding:15px 10px; border-bottom:1px solid #eee;}
#com05 table .num{ font-weight:bolder; font-size:18px;}
#com05 table .pname{ font-weight:bolder; font-size:22px; text-align:center;}
#com05 table .pname img{ vertical-align:middle;}




#com02 table{  position:absolute; z-index:200000;}
#com03 table{  position:absolute; z-index:300000;}
#com04 table{  position:absolute; z-index:400000;}
#com05 table{  position:absolute; z-index:500000;}








.brand{width:370px;padding:8px 15px;background:#fff;float:right;display:inline;height:1230px;border-radius:15px;display: none;}
.brand h1{ margin-bottom:20px; font-size:22px; height:60px; line-height:60px; font-weight:normal; border-bottom:1px solid #ccc;}
.brand h1 span{ color:#b90909;}
.brand ul li{ width:156px; float:left; display:inline; text-align:center; margin:10px 12px;}
.brand ul li img{border: 3px solid #60bbf5;width:150px;height:150px;border-radius:80px;}
.brand ul li p{ height:50px; line-height:50px; font-weight:bold; font-size:15px;}



.ppinp{max-width: 1400px;margin:20px auto;}
.pinlogo{width: 1400px;float:left;display:inline;}
.pinlogo ul li{width: 49%;padding:25px 20px;background-color:rgba(255,255,255,0.4);height: 212px;font-size:14px;margin-bottom:25px;border-radius:15px;box-sizing: border-box;float: left;}
.pinlogo .img{width: 231px;float:left;display:inline;}
.pinlogo .img img{width: 100%;height:158px;border-radius:15px;}
.pinlogo .nrt{width: 399px;float:right;display:inline;color:#666;line-height:30px;font-size:15px;}
.pinlogo .nrt h2{ color:#000; height:40px; line-height:40px; font-size:22px; font-weight:normal;}
.ruzhupp{w;width: 325px;padding: 8px 15px;background:#fff;float: right;display:inline;height:1160px;border-radius:15px;}
.ruzhupp h1{ margin-bottom:20px; font-size:22px; height:60px; line-height:60px; font-weight:normal; border-bottom:1px solid #ccc;}
.ruzhupp h1 span{ color:#b90909;}
.ruzhupp a{ font-size:16px; height:40px; line-height:40px; width:160px; text-align:center; display:inline-block;}


.newshome{width: 1400px;margin:20px auto;}
.newshome h1{ text-align:center; font-weight:normal; height:100px; line-height:100px; font-size:28px;}
.newshome h1 span{ color:#b7090b;}
.newsLnr{background:#fff;width: 416px;height:550px;padding:15px;float:left;display:inline;margin:0 10px;border-radius:15px;}
.newsLnr h2{ padding-left:18px; background:url(../images/shubiao.jpg) left center no-repeat; height:40px; line-height:40px; font-size:18px; font-weight:normal; border-bottom:1px solid #ddd; margin-bottom:10px;}
.newsLnr h2 { padding-left:20px;position:relative;}
.newsLnr h2::before{content: "";position: absolute; left:0px;top:8px;height:24px;width:6px;background:#03A9F4;}


.newtop{}
.newtop .img{/* width:190px; */float:left;display:inline;}
.newtop .img img{width: 145px;height: 105px;border:1px solid #ddd;padding:5px;}
.newtop .nword{width: 244px;float:right;display:inline;}
.newtop .nword .title{/* height:30px; */line-height: 20px;font-size:15px;}
.newtop .nword .nr{ color:#999; line-height:20px; margin:5px 0; font-size:14px;}
.newtop .nword .more{ background:url(../images/more.jpg) left center no-repeat;}
.newtop .nword .more a{color: #60bbf5;padding-left:30px;font-size:14px;}
.newsLnr ul{ margin:20px 0;}
.newsLnr ul li{ height:35px; line-height:35px; font-size:14px;}











.mhfenlei{ width:220px; border:2px solid #fd7ca7; background:#fff; float:left; display:inline; height:695px; overflow:hidden;}
.mhfenlei h1{ background:#fd7ca7; height:42px; line-height:42px; color:#fff; font-size:14px; text-align:center;}
.mhfenlei ul{ margin:0 auto; width:190px;}
.mhfenlei h2{ width:190px; height:35px; text-align:center;line-height:35px; color:#fff; font-size:14px; margin-top:10px;}
.mhfenlei .c1{background:#ff5200;}
.mhfenlei .c2{background:#70a109;}
.mhfenlei .c3{background:#795f46;}
.mhfenlei .c4{background:#ff3a77;}
.mhfenlei h2 a{ color:#fff;}
.mhfenlei ul li{ height:35px; line-height:35px; background:url(../images/biao.jpg) left center no-repeat; width:80px; margin:0 auto; padding-left:20px;}


#conle{ height:auto; padding-bottom:15px;}
#conle h1{ background:#fd7ca7; height:42px; line-height:42px; color:#fff; font-size:14px; text-align:left; padding-left:30px;}
#conle li{height:35px; line-height:35px; background:url(../images/biao.jpg) left center no-repeat; width:160px; margin:0 auto; padding-left:20px;
font-size:14px; border-bottom:1px dashed #ddd;}










.mproduct{ width:765px; float:right; display:inline; background:#fff;}
.mproduct .toph1{text-align:center;}
.mproduct ul li{ text-align:center; float:left; display:inline; margin:15px 0 10px 10px;}
.mproduct ul li img{ width:240px; height:255px; border:1px solid #ddd;}
.gongsi{width: 100%;float:left;display:inline;margin-top:15px;}
	.gongsi h1{ background:#ff5200; border-top-left-radius:8px;border-top-right-radius:8px; height:35px; line-height:35px; color:#fff; font-size:14px;}
	.gongsi h1 span{ margin-left:10px; float:left; display:inline;}
	.gongsi h1 a{ color:#fff; font-size:12px; font-weight:normal; float:right; display:inline;margin-right:10px;}
	.gongsinr{ width:680px; padding:10px; background:#fff; height:260px;}
	.gongsinr img{ margin:0 10px;}
.newsnn{ width:280px; float:right; display:inline; margin-top:15px;}
	.newsnn h1{ background:#ff5200; border-top-left-radius:8px;border-top-right-radius:8px; height:35px; line-height:35px; color:#fff; font-size:14px;}
	.newsnn h1 span{ margin-left:10px; float:left; display:inline;}
	.newsnn h1 a{ color:#fff; font-size:12px; font-weight:normal; float:right; display:inline; margin-right:10px;}
	.newsnn ul{ background:#fff; height:280px;}
    .newsnn ul li{ height:30px; line-height:30px; background:url(../images/quan.jpg) left center no-repeat; width:240px; overflow:hidden; margin-left:15px; padding-left:15px;}

/*home over*/
.left{ width:225px; float:left; display:inline;}




.right{ width:740px; float:right; display:inline;}
.aboutnr{ width:740px; font-size:14px; line-height:28px;}








/*Banner*/
.mainbody{width:1000px;margin:0 auto;}
.hdatu{ margin:30px auto;}





.contact{background:url(../images/contact_title.png) no-repeat;padding-top:23px;color:#c6c5c5;margin:14px 0 25px 0;}
.follow{background:url(../images/follow_title.png) no-repeat;padding-top:30px;}
.follow a{text-indent:-99999px;overflow:hidden;float:left;}
.follow a.sina{display:block;width:62px;height:50px;background:url(../images/sina_logo.png) no-repeat;margin:0 30px 0 15px;}
.follow a.tqq{display:block;width:48px;height:50px;background:url(../images/tqq_logo.png) no-repeat 0 center;}



/*页脚区域*/
.footer{width:100%;margin-top:15px;background:url(../images/foot_bg.jpg) repeat;border-top: 6px #60bbf5 solid;}
.footerbg{width: 1400px;margin:0 auto;padding:30px 0;}
.footlogo{width:400px;float:left;display:inline;/* background:url(../images/foot_logo.png) center no-repeat; *//* height:200px; */}
.footRight{ width:1000px; float:right; display:inline; color:#d3d3d3;}

.linkinkk{ background:url(../images/links.png) top left no-repeat; min-height:70px; line-height:40px; padding-left:210px; margin-top:20px;}
.linkinkk a{ color:#d3d3d3; margin:0 15px;}
.footnav{ height:60px; line-height:60px; background:url(../images/foot_line.png) bottom repeat-x; font-size:15px; margin-bottom:20px;}
.footnav a{ color:#fff; margin:0 20px;}





.contmsg{width:40px;height:37px;position:fixed;bottom:0;right:20px;background:url(../images/msg_bg.gif) no-repeat;cursor:pointer;text-decoration:none;line-height:18px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.msgtxt{display:none;border:1px solid #e1e1e1;width:120px;padding:5px 8px;position:absolute;bottom:40px;right:0;}






/*子页样式*/
.subBody{width: 1400px;margin:0px auto;}


.avideo{ margin-top:25px;}
.avideo .title{ background:url(../images/logo_n.png) 50px 0 no-repeat; padding-left:200px;}

/********************* 以上(结束标识)代码请在实际开发中删除 *********************/











/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:685px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}


/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}


/*评论样式*/
.commnet{margin:20px 0 30px;padding:8px 0 0 8px;background:url(../images/commnet_bg.png) repeat-x;border:1px solid #ccc;border-radius:3px;}
.commnet textarea{width:100%;height:59px;border:none;background:transparent;outline:none;font-size:14px;color:#999;overflow:auto;}
.commnet .toolbar{padding-top:8px;_padding-top:5px;*padding-top:5px!important;height:30px;line-height:30px;overflow:hidden;}
.commnet .options{float:left;}
.commnet .button,
.commnet .button_on{float:right;width:100px;height:30px;border:none;border-left:1px solid #ccc;font-size:14px;font-weight:bold;cursor:pointer;}
.commnet .button{background:url(../images/commnet_btn_bg.png) repeat-x;}
.commnet .button_on{background:url(../images/commnet_btnon_bg.png) repeat-x;}
.commlist{margin-top:20px; background:#fff; width:90%; padding:2% 5%;}
.commlist li{border-bottom:1px solid #eaeaea;word-wrap:break-word;}
.commlist li p{line-height:20px;color:#999；}
.commlist li span.uname{color:#D32;font-family:Verdana;font-weight:bold;}
.commlist li span.time{color:#bbb;}
.commnum span{display:inline-block;width:70px;margin-top:20px;line-height:24px;border:1px solid #ccc;background:#f5f5f5;border-radius:3px;text-align:center;}
.commnum span i{color:#900;font-family:Verdana;font-weight:bold;}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:28px;line-height:28px;text-align:center;letter-spacing:0;font-size:14px;margin-top:20px;}
.page_list li{display:inline-block;color:#60bbf5;border:1px solid #60bbf5;background:#fff;text-align:center;padding:0 10px;margin:0 2px;}
.page_list li:hover{color:#fff;background:#60bbf5;}
.page_list li:hover a{color:#fff;}
.page_list li.active{color:#fff;border:1px solid #60bbf5;background:#60bbf5;}
.page_list li.active a{color:#fff;}







/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}



/*新闻页面*/
.newslisy{width: 920px;padding:20px;float:left;display:inline;background:#fff;}
.newslisy ul li{ border-bottom:1px solid #ddd; padding:20px 0;}
.newslisy .nrt{/* width:1020px; */}
.newslisy .nrt .title{ height:50px; line-height:50px; font-size:22px; font-weight:bolder; width:100%; overflow:hidden;}
.newslisy .nrt .dec{font-size:16px; color:#666; line-height:26px;}
.newslisy .nrt .hot{color:#999; font-size:15px; height:40px; line-height:40px;}

.newhot{ width:420px; float:right; display:inline; }
.tuijiannew{background:#fff;width:390px; padding:15px;}
.tuijiannew h1{ background:url(../images/shubiao.jpg) left center no-repeat; font-size:20px; height:50px; line-height:50px;}
.tuijiannew h1 span{padding-left:20px;position: relative;}
.tuijiannew h1 span::before{content: "";position: absolute; left:0px;top:-1px;height:24px;width:6px;background:#03A9F4;}
.tuijiannew ul li{width:350px;padding-left:15px;background:url(../images/fang.jpg) left center no-repeat;height:40px;line-height:40px;overflow:hidden;}
.tuijiannew ul li a{ color:#666; font-size:16px;}


.jiontop{background:#fff;width:390px; padding:15px; margin-top:20px;}
.jiontop h1{ background:url(../images/shubiao.jpg) left center no-repeat; font-size:20px; height:50px; line-height:50px;}
.jiontop h1 span{ padding-left:20px;position:relative;}
.jiontop h1 span::before{content: "";position: absolute; left:0px;top:-1px;height:24px;width:6px;background:#03A9F4;}

.jiontop ul{width:365px; margin:0 auto;}
.jiontop ul li{ height:45px; line-height:45px; font-size:16px;}
.jiontop ul li span{ margin-right:15px; color:#fff;font-size:12px; width:20px; height:20px; line-height:20px; display:inline-block; border-radius:3px; text-align:center;}
.jiontop ul li .one1{ background:#ff5050;}
.jiontop ul li .one2{background:#ff7640;}
.jiontop ul li .one3{background:#f1a31b;}
.jiontop ul li .one4{background:#bbb;}
.jiontop ul li .one5{background:#bbb;}
.jiontop ul li .one6{background:#bbb;}
.jiontop ul li .one7{background:#bbb;}
.jiontop ul li .one8{background:#bbb;}
.jiontop ul li .one9{background:#bbb;}
.jiontop ul li .one10{background:#bbb;}


.zuinews{background:#fff;width:390px; padding:15px; margin-top:20px;}
.zuinews h1{ background:url(../images/shubiao.jpg) left center no-repeat; font-size:20px; height:50px; line-height:50px;}
.zuinews h1 span{ padding-left:20px;}
.zuinews ul li{ height:40px; line-height:40px; font-size:16px;}
.zuinews ul li a{ background:url(../images/fang.jpg) left center no-repeat; padding-left:15px;height:40px; width:280px; float:left; display:inline-block; overflow:hidden; color:#666;}
.zuinews ul li a:hover{ color:#03a9f4;}
.zuinews ul li span{color:#999; width:90px; height:40px; overflow:hidden; float:right; display:inline-block; text-align:right;}



/*联系我们*/
.contactour{ text-align:center;}
.contactour h1 span{color: #000;font-size:36px;background:url(../images/contacth1.png) bottom center no-repeat;height:90px;line-height:90px;display:inline-block;width:100%;margin-bottom:10px;}
.contactour h1 em{ color:#999; font-style:normal; font-weight:normal; font-size:20px;}
.contactour .title{ height:100px; line-height:100px; font-size:20px;}
.contactadree{ margin:0 auto; min-height:400px; height:auto!important; background:#fff; width:1000px; padding:50px; font-size:18px; line-height:30px;}


/*留言栏目*/
.message{ width:1000px; background:#fff; padding:80px; margin:0 auto;}
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border: 1px solid #c4e3f9;padding:8px 9px;background:#fff;font-size:13px;color:#888;/* -webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03); *//* box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03); */border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}


/*品牌招商*/
.join{width: 1050px;float:left;display:inline;background: #fff;}
.join h1{text-align:center;}
.join h1 span{color: #000;font-size:36px;background:url(../images/contacth1.png) bottom center no-repeat;height:90px;line-height:90px;display:inline-block;width:100%;margin-bottom:10px;}
.join h1 em{ color:#999; font-style:normal; font-weight:normal; font-size:20px; text-transform:uppercase;}
.join .img{ width:320px; float:left; display:inline;}
.join .img img{ width:320px; height:200px;}
.join ul{ margin-top:50px;}
.join ul li{border-bottom:1px solid #ddd;padding: 25px;position:relative;/* box-sizing: border-box; */}
.join .nrt{width: 667px;font-size:16px;float:right;display:inline-block;line-height:30px;}
.join .nrt .title{ margin-bottom:15px;}
.join .nrt .title img{ width:80px; vertical-align:middle;}
.join .nrt .title span{ height:30px; line-height:30px; width:30px; display:inline-block; border-radius:5px; text-align:center; color:#fff; margin-right:10px;}
.join .nrt .title em{ font-size:20px; font-weight:bolder; color:#03a9f4; font-style:normal; background:#ffe2a6; height:30px; line-height:30px; padding:0 30px; display:inline-block;}
.join .nrt .title .span1{ background:#fe741c;}
.join .nrt .title .span2{ background:#fdb80c;}
.join .nrt .title .span3{ background:#ffdc00;}
.join .nrt .title .span4,.join .nrt .title .span5,.join .nrt .title .span6,.join .nrt .title .span7,.join .nrt .title .span8,.join .nrt .title .span9,.join .nrt .title .span10{ background:#cccccc;}
.join .nrt .dec{ color:#666;}
.join .nrt .tel{color:#03a9f4;}
.join .nrt .tel span{ color:#03a9f4;}
.join .nrt .lookat{position:absolute;right: 26px;bottom: 18px;background: #60bbf5;width:130px;height:40px;line-height:40px;text-align:center;color:#fff;display:inline-block;border-radius:5px;font-size:18px;}
.join .nrt .lookat:hover{ color:#f50; text-decoration:none;}
.join .jiameng{background: #03a9f4;width:950px;padding: 50px 50px;/* margin:50px 0; *//* padding-bottom: 0px; */}
.join .jiameng h2{ color:#fff; font-size:32px; text-align:center; line-height:40px;}
.join .jiameng h2 span b{ font-weight:normal;color:#ddd;}
.join .jiameng h2 em{ color:#ddd; text-transform:uppercase; font-size:18px; font-weight:normal; font-style:normal;} 
.jiameng table{font-size:16px;margin:40px auto 0 auto;background: #f5f5f5;border-radius:10px;width:90%;padding:5%;}
.jiameng table td{ padding:10px;}
.jiameng table .titlename{ text-align:right;}
.jiameng table .titlename span{ color:#f00;}
.jiameng .msg_btn_area{margin:16px 0;text-align:left;}
.jiameng .msg_btn_area a{display:inline-block;padding:5px 25px;border:1px solid #b70100;background:#b70100;color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold; border-radius:5px;}
.jiameng .msg_btn_area a:hover{text-decoration:none;background:#a90009;  border:1px solid #b70100;}



.join_right{ width:420px; float:right; display:inline;}
/*品牌专区*/
.pinpaiLe{width: 950px;float:left;display:inline;}
.pinpaiLe ul li{background:#fff;/* width:990px; */padding:20px 30px;line-height:26px;position:relative;margin-bottom:20px;}
.pinpaiLe .img{ width:260px; float:left; display:inline;}
.pinpaiLe .img img{ width:260px; height:160px; border:1px solid #ddd;}
.pinpaiLe .nrt{width: 605px;float:right;display:inline;}
.pinpaiLe .nrt .title{ font-size:22px; font-weight:bolder;}
.pinpaiLe .nrt .gongsi{ font-size:18px; color:#999; height:50px; line-height:50px;}
.pinpaiLe .nrt .dex{font-size:18px; color:#666;}
.pinpaiLe .nrt .more{ position:absolute; right:30px; top:30px; height:40px; line-height:40px; color:#fff; background:#60bbf5; padding:0 18px; display:inline-block; border-radius:10px; font-size:16px;  border:1px solid #60bbf5;}
.pinpaiLe .nrt .more:hover{ color:#60bbf5; border:1px solid #60bbf5; background:#fff; text-decoration:none;}
.pinpaiLe .title span{ margin:0 5px; font-size:16px; font-weight:normal; color:#fff; padding:2px 7px;}
.pinpaiLe .span1{ background:#4aaa51;}
.pinpaiLe .span2{background:#60bbf5;}
.pinpaiLe .span3{background:#1e9fff;}
.pinpaiLe .span4{background:#f9a411;}


#pinpaiLe{ background:#fff; width:950px; padding:50px;}
#pinpaiLe table{ font-size:16px;}
#pinpaiLe td{ padding:10px;}
#pinpaiLe h1{ height:80px; line-height:45px; font-size:22px; color:#b90909; background:url(../images/tipplogo01.png) no-repeat; background-size:40px 40px; padding-left:45px;}











.pinpaiRig{ width:420px; float:right; display:inline;}
.hotppin{background:#fff;width:390px; padding:15px;}
.hotppin h1{ background:url(../images/shubiao.jpg) left center no-repeat; font-size:20px; height:50px; line-height:50px;}

.hotppin h1 span{ padding-left:20px;position:relative;}
.hotppin h1 span::before{content: "";position: absolute; left:0px;top:-1px;height:24px;width:6px;background:#03A9F4;}

.hotppin ul li{ margin:25px 0;}
.hotppin ul .img{width:162px; float:left; display:inline;}
.hotppin ul .img img{ width:160px; height:98px; border:1px solid #ddd;}
.hotppin ul .dec{ width:210px; float:right; display:inline;}
.hotppin ul .dec .title{ font-size:20px; height:50px; line-height:50px;}
.hotppin ul .dec .hits{ font-size:18px; color:#999; height:40px; line-height:40px; background:url(../images/huo.png) left center no-repeat; background-size:30px 30px; padding-left:35px;}
.hotppin ul .dec .hits span{ color:#60bbf5; font-size:18px;}


.hotppin ul .dec .strop{font-size:16px; color:#999;}



.pincompany{width: 950px;float:left;display:inline;}
.pindec{width: 870px;background:#fff;padding:30px 40px;}
.pindec .img{ width:265px; float:left; display:inline;}
.pindec .img img{ width:260px; height:160px; border:1px solid #ddd;}
.pindec .nr{width: 590px;float:right;display:inline;font-size:18px;color:#666;line-height:32px;}
.pindec .nr .title{ font-size:22px; color:#333; font-weight:bolder; height:40px; line-height:40px;}
.pindec .nr span{ width:335px; display:inline-block; }
.pincompany .pcontent{width: 870px;background:#fff;padding:30px 40px;margin:15px 0;font-size:18px;line-height:30px;color:#666;}
.pcontent .h1title{ background:url(../images/shubiao.jpg) left center no-repeat; height:60px; line-height:60px; padding-left:20px; color:#333; font-weight:bolder; font-size:22px;}
.pincompany .titleh1{width:970px; background:#fff; padding:10px 40px; margin:15px 0 0 0; }
.pincompany .titleh1 p{border-bottom:1px solid #ccc; height:60px; line-height:60px;}
.pincompany .titleh1 a{ padding:0 35px; margin:0 15px; font-size:20px; font-weight:bolder;height:50px; display:inline-block;  }





.pincomRight{ width:420px; float:right; display:inline;}











/*十大品牌*/
.paibang{width:1050px; float:left; display:inline;}
.toupiao{ background:url(../images/toupiao.jpg) no-repeat #b50009; padding-bottom:100px;}
.toupiao h1{ height:200px; line-height:200px; text-align:center; color:#ecbd82; font-size:50px;}
.toupiao h2{ text-align:center; color:#ecbd82; font-weight:normal; font-size:30px;}
.toupiao .leiji{ font-size:20px; color:#ddd; height:95px; line-height:95px; border-radius:20px; margin:150px auto 50px auto; width:950px;background-color:rgba(0,0,0,0.5); text-align:center;}
.toupiao .leiji span{ margin-right:40px;}
.toupiao h3{ text-align:center; height:100px; line-height:100px; color:#fff; font-size:30px;}
.toupiao h3 span{ margin:0 20px; color:#ddd;}
.toupiao ul{ width:950px; margin:0 auto; background:#fff; border-radius:10px;}
.toupiao ul li{ width:200px; background:#f4f4f4; padding:10px; margin:10px 8px; float:left; display:inline;}
.toupiao ul li .img img{ width:200px; height:100px;}
.toupiao ul li .title{ text-align:center; font-size:18px; height:40px; line-height:40px;}
.toupiao ul li .piao{font-size:18px; text-align:center; margin:0 auto;color:#ccc; border-bottom:1px solid #ccc; width:150px;height:40px; line-height:40px;}
.toupiao ul li .piao span{ color:#fe7446; margin-right:6px;}
.toupiao ul li .fl{ color:#b90909; font-size:18px; height:50px; line-height:50px; width:200px; text-align:center; font-weight:bolder;}
.toupiao .tijiao{width:200px; margin:30px auto;}
.toupiao .tijiao a{ border-radius:5px; background:#ffdc00; width:200px; height:50px; line-height:50px; display:inline-block; text-align:center; font-size:20px; color:#000;}
.shuoming{ background:#fff; width:90%; padding:2% 5%; margin:30px 0; font-size:18px; line-height:35px;}
.shuoming h1{ text-align:center; font-size:22px; height:60px; line-height:60px;}

.paibRight{width:420px; float:right; display:inline;}




.listConts{width: 860px;font-size:16px;padding:50px;margin:0 auto;background:#fff;float:left;display:inline;} 
.listConts .title{ text-align:center; font-size:24px; height:50px; line-height:25px;}
.listConts .info{ text-align:center; color:#999; height:60px; line-height:60px;}
.listConts #textarea{ margin:30px 0; line-height:30px;}
.listConts #textarea img{max-width:900px; width:auto!important;}


.product_list{ width:90%; background:#fff; padding:3% 5%;}
.product_list li{  width:300px; float:left; display:inline; font-size:18px;}
.product_list li img{ border:1px solid #ddd; width:300px; height:170px;}
.product_list li p{ width:300px; text-align:center; height:30px; line-height:30px;}





.subTitle{width:100%;text-align:left;height:50px;line-height:50px;font-size:16px;background:url(../images/home.png) left center no-repeat;background-size:20px 20px;padding-left:25px;color:#333;box-sizing: border-box;}
.subTitle a{ color:#333;}




.helpLeft{ width:300px; float:left; display:inline; background:#fff; margin-top:20px;}
.helpLeft h1{ height:65px; line-height:65px; font-size:24px; background:#b90909; font-weight:normal; color:#ffdc00; padding-left:10%; width:90%;}
.helpLeft li{ height:60px; line-height:60px; font-size:20px; background:url(../images/san.png) 12px 26px no-repeat; border-bottom:1px solid #f4f4f4; width:90%; padding-left:10%;}

.helpRight{ font-size:16px; line-height:30px; width:1060px; float:right; display:inline; background:#fff; padding:30px 50px;margin-top:20px;}



.website{ width:250px; float:left; display:inline; margin-right:30px;}
.h11{ text-align:center; font-size:30px; height:100px; line-height:100px;}
.website h1{ background:#e10b0b; height:40px; line-height:40px; width:250px; text-align:center; color:#fff; font-size:22px; font-weight:normal;}
.website h1 a{color:#fff; }
.website ul{ width:250px; text-align:center; margin-top:20px;}
.website ul li{ height:50px; line-height:50px; border-bottom:1px solid #ddd;}




.newshome .h1 {
    text-align: center;
    font-weight: normal;
    height: 100px;
    line-height: 100px;
    font-size: 28px;
}

.newshome .h1 span {
    color: #60bbf5;
}

.ruzhupp h2 {
    margin-bottom: 20px;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
}
.ruzhupp h2 span {
    color: #60bbf5;
}
.brand h2 {
    margin-bottom: 20px;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
}
.brand h2 span {
    color: #60bbf5;
}



@media screen and (max-width:640px){
    .topp-bg,.search p,.navBg,.footer{
        display: none;
        
    }
   .header .logo a {
    background: url(../images/logo.jpg) left center no-repeat;
    display: inline-block;
    width: 200px;
    height: 50px;
     background-size: 200px 50px;
} 
    .header,.banner img,.subBody,.pinpaiLe{
    width: 100%;
}

.pinpaiLe ul li {
        width: 100%;
        padding: 20px 10px;
        box-sizing: border-box;
 
}
.subTitle {
    box-sizing: border-box;
}

.pinpaiLe .img {
    width: 40%;
    float: left;
    display: inline;
}
.pinpaiLe .nrt {
    width: 59%;
    float: left;
    display: inline;
}
.pinpaiRig {
    width: 100%;
 
}
.gongsi {
    width: 100%;
   box-sizing: border-box;
    margin-top: 15px;
}

.tuijiannew,.hotppin{
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
}

    .header .logo {
    width: 200px;
    float: left;
    display: inline;
}
    
 .search {
    float: left;
    width: 160px;
    float: left;
    display: inline;
    margin: 11px 0 0 20px;
}   
   .search form {
    background: url(../images/search_bg.jpg) no-repeat;
    width: 150px;
    height: 36px;
    background-size: 149px 29px;
} 


.search .key {
    width: 122px;
    height: 38px;
    line-height: 40px;
    margin: 0px 0 1px 2px;
    border: 0;
    float: left;
    font-size: 14px;
    color: #999;
}

.search .sub {
    float: right;
    width: 25px;
    height: 38px;
    background: url(../images/search_bg.jpg) no-repeat right 0;
    background-size: 154px 29px;
}
.pinpaiLe .img img {
    width: 150px;
    height: 92px;
    border: 1px solid #ddd;
}


.pinpaiLe .nrt .title {
    font-size: 16px;
   
}
.pinpaiLe .nrt .dex {
    font-size: 12px;
    color: #666;
    line-height: 18px;
}
  .gongsi,.more,.telbb{
      display: none!important;
      
  }  
 .header{
     height: 50px;
 }
    
   .hottab {
    width: 100%;
    padding: 15px 30px;
    float: left;
    display: inline;
    background: #fff;
    height: auto;
    border-radius: 15px;
    position: relative;
    box-sizing: border-box;
} 
  
 .hotrqi,#tab{
    width: 100%;
    
}   
  #tab .tabList ul li {
    border-bottom: 1px solid #ddd;
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    width: 70px;
    text-align: center;
    margin-left: -1px;
    position: relative;
    cursor: pointer;
}  
 .hottab .tipplogo {
    width: 100%;
    left: 0px;
    position: absolute;
    bottom: 20px;
    display: none;
}   
 #tab .tabCon {
      width: 100%;
    position: absolute;
    left: -1px;
    top: 54px;
    border-top: none;
   
    height: auto;
}   
  
 #com01 .li01 {
    background: url(../images/hottab01.png) no-repeat;
    width: 100%;
} 
  
 #com01 li {
    height: 42px;
    line-height: 42px;
    width: 100%!important;
    margin: 30px 0;
    color: #fff;
} 
  .ppinp,.pinlogo{
     width: 100%; 
      
  }
  
  .pinlogo ul li {
    width: 100%; 
    padding: 25px 20px;
    background-color: rgba(255, 255, 255, 0.4);
    height: 165px;
    font-size: 14px;
    margin-bottom: 25px;
    border-radius: 15px;
    box-sizing: border-box;
}
  
  
  
  
  
    
}

.in{
    display: inline-block;
    padding: 9px 21px;
    background: #09F;
    color: #fff;
    text-align: center;
    font-family: "宋体";
    font-size: 16px;
    overflow: hidden;
    cursor: pointer;
    font-weight: bold;
    border: none;
    
}


    .search-container {
      position: relative;
      width: 100%;
      max-width: 300px;
      margin: 2rem auto;
      float: left;
    }

    .search-input {
      width: 100%;
      padding: 12px 20px 12px 45px;
      border: 2px solid #e0e0e0;
      border-radius: 30px;
      font-size: 16px;
      transition: all 0.3s ease;
      outline: none;
      box-sizing: border-box;
    }

    .search-input:focus {
      border-color: #4285f4;
      box-shadow: 0 0 0 4px rgba(66, 133, 244, 0.1);
    }

    .search-icon {
      position: absolute;
      left: 18px;
      top: 50%;
      transform: translateY(-50%);
      color: #888;
      font-size: 18px;
      transition: color 0.3s ease;
    }

    .search-container:focus-within .search-icon {
      color: #4285f4;
    }

    .search-button {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      padding: 8px 18px;
      background-color: #4285f4;
      color: white;
      border: none;
      border-radius: 20px;
      cursor: pointer;
      transition: background-color 0.3s ease;
      font-size: 14px;
    }

    .search-button:hover {
      background-color: #3367d6;
    }

    /* 响应式调整 */
    @media (max-width: 480px) {
      .search-container {
        width: 90%;
      }
      .search-input {
        padding: 10px 15px 10px 40px;
        font-size: 14px;
      }
      .search-button {
        padding: 6px 12px;
        font-size: 12px;
      }
    }


 .tab-container {
            max-width: 1400px;
            margin: 0 auto;
            background-color: white;
            border-radius: 8px;
            /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
            overflow: hidden;
        }
        
        /* Tab导航样式 */
        .tab-nav {
            display: flex;
            border-bottom: 1px solid #eee;
        }
        
        .tab-btn {
            padding: 15px 20px;
            background: none;
            border: none;
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            color: #666;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .tab-btn.active {
            color: #2c3e50;
        }
        
        .tab-btn.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #3498db;
        }
        
        .tab-btn:hover:not(.active) {
            color: #3498db;
            background-color: #f9f9f9;
        }
        
        /* Tab内容区域样式 */
        .tab-content {
            padding: 25px;
            font-size: 16px;
            line-height: 27px;
        }
        
        .tab-panel {
            display: none; /* 默认隐藏所有面板 */
            animation: fadeIn 0.5s ease;
        }
        
        .tab-panel.active {
            display: block; /* 显示激活的面板 */
            padding: 10px;
        }
        
        .tab-panel h3 {
            margin-bottom: 15px;
            color: #2c3e50;
        }
        
        .tab-panel p {
            color: #666;
            line-height: 1.6;
        }
        
        /* 淡入动画 */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

.pinlogo ul{
    
        display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}