@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0 auto; padding:0px; color:#666; background:#fff;}
span{ overflow:hidden; margin:0 auto;}
a{text-decoration:none; overflow:hidden; padding:0px;color:#666;}
img{border:0px;}
.clear{ clear:both;}
ul li,li{ list-style:none}
.container{ width:1000px; margin:auto;}


header{ width:100%; height:auto; position:fixed;z-index:999;}
.top{ width:100%; height:auto; background:#fff; border-bottom:1px solid #ddd; float:left; line-height:30px;}
.home{ width:30%; float:left; text-align:left;}
.icon-postion{ display:block; width:20px; height:20px; float:left; margin-top:5px; background:url(/templets/jgg/images/icon.png) no-repeat -5px -21px;}
.nav{ width:70%; float:left; text-align:right;color:#888;}
.nav a{ margin:0 5px;color:#888;}
.nav a:hover{ color:#be1d1d;}
.nav-btn{ display:none;}

.header{ width:100%; background:#f5f5f5; float:left;}
.logo{ padding:15px 0; height:auto; width:15%; float:left;}
.search{ padding:20px 0; height:auto; width:50%; float:left;}
.search form{ background:#be1d1d; height:26px; width:80%;float:right; padding:2px;}
.search form input{ background:none; border:none;}
.checked{ line-height:26px; width:25%; text-align:center; height:26px; background:#f4f4f4; float:left; position:relative;}
.checked .now-value{ width:100%; height:26px;}
.checked .now-value span{ width:80%; float:left; display:inline-block;}
.checked .now-value i{ width:20%; float:left; display:inline-block; cursor:pointer;}
.icon-down{ height:26px; background:url(/templets/jgg/images/icon.png) no-repeat -5px 2px;}
.down-list{ background:#fff; box-shadow:2px 2px 5px #ccc; position: absolute; width:100px; top:30px; text-align:center; display:none; z-index:999;}
.down-list li{ line-height:24px; border-bottom:1px dotted #ddd;}
 
 .tel{width:35%;padding:20px 0;font-size:14px;float:left;text-align:right;}
 .tel b{font-size:20px;color:#be1d1d;}
 
.search-box{ width:51%; padding:0 2%;float:left;background:#fff;}
.search-box input{ color:#888; width:100%;height:26px; line-height:26px;}
.search-btn-box{ width:20%; float: left;text-align:center;}
.search-btn-box input{ color:#fff;height:26px; line-height:26px; cursor:pointer;}
/**/
.wrapper{ width:100%; position:relative;}
.postion{ width:100%; background:#fff; line-height:30px;float:left; border-bottom:1px solid #f0f0f0;}
.postion p{ font-size:12px;}
.wrap{ width:100%; height: auto; background:#f4f4f4; padding-top:10px; overflow:hidden;}
.banner{ width:100%; /*max-height:126px;*/ float:left; margin-bottom:10px;}
.content{ width:100%; height:auto;}

.content-left{ width:70%; float:left; border-top:1px solid #c61a1a; margin-right:2%;}
.company-info{ padding:15px 30px; background:#fff;}
.company-head{ border-bottom:1px solid #ddd; overflow:hidden;}
.company-head h2{ width:80%; float:left; line-height:60px; font-size:24px; font-weight:400;}
.company-head h2 span{display:block; float:left;font-weight:bold;}
.company-head h2 .icon-vip{display:block;float:left; width:75px; height:35px; }
.company-head h2 .shf{dispaly:block;margin-left:40px;}
.company-head .count{ width:19%; margin-left:1%; float:left;}
.company-head .count dl{ line-height:20px; width:100%; height:20px; float:left;}
.company-head .count dl dt{ width:30%; float:left;}
.company-head .count dl dd{ width:70%; float:left;}
.company-head .count dl .icon-pass{width:20px; height:20px;background:url(/templets/jgg/images/icon.png) no-repeat -36px -2px;}
.company-head .count dl .icon-share{width:20px; height:20px;background:url(/templets/jgg/images/icon.png) no-repeat -36px -21px;}
.company-head .count dl .icon-zan{width:20px; height:20px;background:url(/templets/jgg/images/icon.png) no-repeat -36px -40px;;}
.company-content{overflow:hidden; padding:10px 0;}
.attestation{ width:100%;}
.attestation span{ display:inline-block; float:left;line-height:40px;}
.attestation a{ width:32px; height:28px; display:inline-block; margin:6px 0;}
.attestation .at-1{background:url(/templets/jgg/images/icon.png) no-repeat -2px -165px;}
.attestation .at-2{background:url(/templets/jgg/images/icon.png) no-repeat -46px -165px;}
.attestation .at-3{background:url(/templets/jgg/images/icon.png) no-repeat -90px -165px;}
.attestation .at-4{background:url(/templets/jgg/images/icon.png) no-repeat -132px -165px;}
.attestation .at-5{background:url(/templets/jgg/images/icon.png) no-repeat -168px -165px;}
.clear{clear:both;}
.service{width:100%;float:left;}
.service p{ width:65px; line-height:30px;float:left;}
.service span{ width:95px; height:30px; background:url(/templets/jgg/images/icon.png) no-repeat 2px -138px; line-height:30px; display:inline-block; color:#c54b08; padding-left:10px;}
.company-decription{ width:auto; background:#fff5e9; border:1px solid #efdfd3; padding:10px; line-height:24px; color:#c61a1a; margin:10px 0;float:left;}
.company-decription span{ color:#555;}
.tel-code{ width:50%; float:left;margin:10px 0;}
.good{ width:50%; float:left;margin:10px 0; height:auto;}
.reminder{ padding-left:78px; height:auto; margin:10px 0; float:left; width:auto; background:url(/templets/jgg/images/info-bg.png) no-repeat left;}
.reminder p{ float:left; height:auto; line-height:24px; font-size:14px; color:#c61a1a;padding:10px; border-radius:10px; background:#fff5e9; overflow:hidden;}
.product-list{ padding:15px 30px; background:#fff; margin-top:20px; margin-bottom:30px;font-size:14px;}
.nrxx{ line-height:36px; width:100%; float:left; border-bottom:1px solid #ddd; text-indent:1em; margin:10px 0; font-size:16px; color:#c54b08;position:relative;}
.icon-delta{display:inline-block;width:0; height:0;line-height:0; border-width:6px;border-style:solid; border-color:transparent transparent transparent #D9534F;
 _border-color:#fff #fff #fff #D9534F;
 position:absolute;
 left:0;
 top:50%;
 margin-top:-6px;
}
.product-list li{ margin:5px 0;}
.product-list img{width:100%;}

.sadebar{ width:28%; float:left; height:auto; overflow:hidden;}
.sadebar-1{ border:1px solid #f1d4d4; width:auto; height:auto; overflow:hidden; background:url(/templets/jgg/images/menu-bg.png) repeat-x top #fff; border-top:1px solid #c61a1a; padding:5px;}
.sade-h{ width:100%; height:60px; float:left;}
.sade-h b{ font-size:24px; color:#c6431a; float:left; display:inline-block; line-height:60px; width:120px; text-align:center;}
.sade-h span{ width:80px; height:24px; display:inline-block; text-align:center; background:#da6454; color:#fff; line-height:24px; float:left; margin:18px 10px;}
.sade-h img{ width:39px; height:60px; display:block;}

.sade-logo{ float:left; width:100%; height:auto;}
.sade-logo img{ border:1px solid #ddd; display:block; margin:5px auto;}
.company-name{ width:100%; text-align:center; line-height:30px; font-size:16px; color:#333; float:left;}
.service-year{ width:100%; text-align:center; height:30px; float:left; line-height:30px; color:#651d00; font-size:14px;}
.icon-service{ width:65px; height:20px; background:url(/templets/jgg/images/icon.png) no-repeat 0 -65px; display:inline-block;}
.service-year span{ color:#c61a1a; font-size:18px; font-weight:700;}
.go-web{ width:100%; float:left; border-bottom:1px solid #f1d4d4; margin:10px 0;}
.go-web a img{ display:block; margin:auto;}
.count-zc{ width:100%; float:left; margin:15px 0;}
.voteit{ width:205px; height:50px; line-height:50px; text-indent:4.5em; font-size:15px; color:#fff; margin:auto;background:url(/templets/jgg/images/icon.png) no-repeat -80px -85px;}
.voteit a span{ margin-right:30px;}
.count-zc span{ line-height:50px; font-size:15px; color:#fff; }

.jiathis_style_24x24{ width:100%; float:left; margin:10px auto;}
.sadebar-2{ width:100%; float:left; margin:10px auto; background:#fff; overflow:hidden; padding:20px 0;}
.sadebar-2 img{ display:block; margin:0px auto; border:1px dotted #ddd; padding:10px; max-width:230px;}
.sadebar-2 p{font-size:12px;color:#C61A1A;text-align:center;}
.sadebar-3{ width:100%; float:left; margin:auto; background:#fff; overflow:hidden;}
.sadebar-3 img{max-width:280px;display:block;margin:auto;}
.sadebar-4{ width:100%; float:left; margin:auto; background:#fff; overflow:hidden; margin-top:10px; position:relative;}
.sadebar-4 .icon-delta{display:inline-block;width:0; height:0;line-height:0; border-width:6px;border-style:solid; border-color:transparent transparent transparent #D9534F;
 _border-color:#fff #fff #fff #D9534F;
 position:absolute;
 left:2px;
 top:50%;
 margin-top:-6px;
}
.sadebar-4 p{ line-height:30px; text-indent:1em; font-size:18px; color:#c72d2d; float:left; border-bottom:1px solid #ddd; width:90%; margin:5%; position:relative;}
.sadebar-4 a{ margin:5px; line-height:24px;}
.like-list{ width:90%; margin:5%;}
.footer{ width:100%; border-top:1px solid #aaa; background:#e4e4e4; float:left; padding:15px 0;}
.footer p{ width:100%; text-align:center; line-height:24px;}
.contact-box{ width:50%; float:left;}
.add-company-decription{ width:50%; float:left;}
.contact{ width:100%; float:left; overflow: hidden; height:auto;}
.contact-text{ line-height:24px; height:auto; width:100%; float:left; margin-bottom:10px;}
.good-color{ width:240px; height:auto; padding-left:75px; background:url(/templets/jgg/images/tel.jpg) no-repeat #f0f7fc;}
.good-color p{ line-height:37px; height:37px;}
.good-color span{font-size:14px;font-weight:bold;}
.sadebar-2 p{ width:100%; line-height:30px; text-align:center; font-size:15px; margin-top:10px; overflow:hidden;}
.sadebar-2 p span{ color:#c42424; font-size:18px;}
.sadebar-2 p a{ display:block; float:left; text-align:right; width:50%;}
.sadebar-2 p img{ border:none; margin:0;}

#gift{position:fixed;right:10px;top:180px;z-index:100;width:150px;height:166px;}
#gift img{width:150px;}
#gift .closeit{position:absolute;right:0;top:8px;z-index:100;width:14px;height:16px;}
#gift .closeit a{display:block;width:14px;height:16px;background:url(../img/gift_close.gif) no-repeat left top;}
#gift .closeit a:hover{text-decoration:none;}

.cc_left{ width: 50%; height: auto; overflow:hidden; float:left;}
.cc_right{width: 50%; height: auto; overflow:hidden; float:left;}
.cc_right a img{display:block; margin:10px auto;}
.content-left{ position:relative;}
.side_tel{ width: 89px; height: 336px; position:absolute; left:-89px; top:0；} 

@media only screen and (max-width: 640px) {
	.side_tel{ width: 45px; height: 172px; position:fixed; left:0; top:0；}
	.side_tel img{ width: 45px; height: 172px;}
	.cc_left{ width: 100%; height: auto; overflow:hidden; float:left;}
    .cc_right{width: 100%; height: auto; overflow:hidden; float:left;}	
	 header{ width:100%; height:auto; position:relative;}
     .container{ width:100%; margin:auto;}
	 .home{ width:60%;}
	 .home a{ margin-left:10px;}
	 .nav{ width:50%; position:fixed; background:#be1d1d;right:10px; display:none; height:auto; z-index:9999;}
	 .nav a{ display:inline-block; float:left; width:100%; text-align:center; color:#fff; border-bottom:1px dotted #fff;}
	 .nav a:hover{ color:#fff;}
	 .nav-down{width:40%; overflow:hidden;}
	 .nav-btn{ display:block; padding:15px; background:url(/templets/jgg/images/nav-btn.png) no-repeat; float:right; margin-right:10px; border:none; cursor:pointer;}
	 .logo{ padding:10px 0; height:auto; width:100%; float:left;}
	 .logo img{ margin:auto; display:block;}
	 .search{ padding:5px 0; height:auto; width:100%; float:left;}
	 .search form{ background:#be1d1d; height:26px; width:96%; padding:2px; margin:0 2%;}
	 .postion p{ padding:0 2%;}
	 
	 .tel{width:100%;text-align:center;padding:5px 0;}
	 
	 .content-left{ width:96%; float:left; border-top:1px solid #f00; background:#fff; padding:0 2%;}
	 .company-info{ padding:5px 10px;}
	 .company-head{ border-bottom:1px solid #ddd; overflow:hidden;}
	 .company-head h2{ width:100%; float:left; line-height:60px; font-size:18px; font-weight:400;}
	 .company-head h2 span{display:block; float:left;}
	 .company-head h2 .icon-vip{ margin-top:10px;display:block;float:left; width:75px; height:35px; background:url(/templets/jgg/images/icon.png) no-repeat 2px -100px;}
	 .company-head .count{ width:100%; float:left;}
	 .company-head .count dl{ line-height:20px; width:30%; height:20px; float:left;}
	 .company-head .count dl dt{ width:30%; float:left;}
	 .company-head .count dl dd{ width:70%; float:left;}
	 .tel-code{ width:100%;margin:10px auto;}
	 .tel-code img,.good img{margin:auto; display:block;}
     .good{ width:100%;margin:10px auto;}
	 .product-list{ padding:5px; background:#fff; margin-top:0;}
	 .sadebar{ width:96%; float:left; height:auto; overflow:hidden; margin:2%;}
	 .contact-box{ width:100%; float:left;}
	 .add-company-decription{ width:100%; float:left;}
	 
    }


/*B版面样式*/
.good p{ width: 100%;box-sizing: border-box; height: auto; overflow: hidden; border: 1px solid #efdfd3; padding:0; border-bottom: 0; display: flex; justify-content: flex-start;}
.good p:last-child{ border-bottom: 1px solid #efdfd3;}
.good p span:first-child{width: 100px; border-right:1px solid #efdfd3;}
.good p span.tel_style{ color: #f00; font-size: 18px;}
.good p span{height: auto; width: 100%; overflow: hidden; box-sizing: border-box; display: inline-block; padding:10px 5px; margin: 0; font-size:14px;}