@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; list-style:none;}
.curr{ color: #008cd6; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; vertical-align: top; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol:after, ul:after, p:after, div:after, .head:after,#aboutCont:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }
ol, ul { list-style: none; zoom: 1; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr,acronym { border: 0; }
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: rgba(229,229,229,0.9);}
::-webkit-scrollbar-thumb {background: rgba(200,200,200,0.9);/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(231,231,231,0.4);}
html, body { overflow-x: hidden; }
body {/* font-size:12px;*/ /*line-height: 20px;*/ font-family: Microsoft Yahei; background: #fff; }
a { color: #000; text-decoration: none; }

.topWrap { width: 100%; height: 36x; line-height: 36px; border-bottom: solid 1px #f2f2f2; background: #f9f9f9; z-index: 9999; }
.topWrap .top { max-width: 1200px; margin: 0 auto; }
.topWrap .link { text-align: right; border-right: solid 1px #e6e6e6; }
.topWrap .link .gs{float:left;font-size:14px;padding-left:10px;}
.topWrap .link a { display: inline-block; color: #a9a9a9; padding: 0 33px 0 46px; border-left: solid 1px #e6e6e6; }
.topWrap .link a.tel { background: url(../images/icon_tel.png) 24px center no-repeat; }
.topWrap .link a.email { background: url(../images/icon_email.png) 20px center no-repeat; }
#headWrap { background: #fff; }
#headWrap .head { max-width: 1200px; margin: 0 auto; padding: 20px 0; zoom: 1; }
#logo { float: left; }
#nav { float: right; padding-top: 16px; }
#nav li { float: left; position:relative;}
#nav li a { display: block; line-height: 40px; padding: 0 32px; border-left: solid 1px #eee; }
#nav li.home a { border: 0; }
#nav li.curr a, #nav li a:hover,#nav li.navHere a,#nav li.navHere a:hover { color: #008cd6; }
#nav .navMenu b{ position:absolute; left:0px; top:-40px; display:block; width:140px; height:35px; background:url(../images/icon_arrow.png) center bottom no-repeat; overflow:hidden;}
#nav .navMenu{ display:none; position:absolute; top:75px; width:140px; color:#333; background:rgba(242,242,242,.8); box-shadow:2px 2px 2px rgba(0,0,0,.1); border-radius:0 0 5px 5px; border-top:solid 5px #89bf42; z-index:9999;}
#nav .navMenu a{ display:block; color:#333 !important; margin:0 10px; padding:0 0 0 20px; border:0; border-top:solid 1px #e1dfda;}
#nav .navMenu a:hover{ color:#008cd6 !important;}
/*焦点图切换*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
.swiper-slide a{ display:block; position:relative;}
.swiper-slide .txt{ position:absolute;top:0; color:#f7fa03;}
.swiper-slide .txt .t1{ font-size:28px; line-height:40px;}
.swiper-slide .txt .t2{font-size:18px; line-height:30px;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/*begin*/
.device { position: relative; }
.content-slide { padding: 20px; color: #fff; }
.swiper-slide img { width: 100%; }
/*.title { font-size: 25px; margin-bottom: 10px; }*/
.pagination { position: absolute; left: 0; bottom: 5px; text-align: center; width: 100%; z-index: 999; }
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #000; margin: 0 2px; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; }
.swiper-active-switch { background: #fff; filter: alpha(opacity=100); opacity: 1; }
/*提示语*/
.tips { line-height: 44px; padding: 25px 0; background: #8bcaec; }
.tips p { color: #0b91d8; font-size: 25px; max-width: 1200px; margin: 0 auto; padding: 0 15px; zoom: 1; }
.tips p strong { float: left; }
.tips p span { float: right; }
.tips p span a { display: block; width: 150px; color: #fff; font-size: 15px; text-align: center; border-radius: 5px; background: #0b91d8; }
.tips p span a:hover { color: #ff0; }

#ci{ max-width:1230px; margin:0 auto; padding-left:30px;padding-bottom: 30px;}
#ci-1{float:left;width: 33.3333%;}
#ci-2{float:left;width: 33.3333%;}
#ci-3{float:right;width: 33.3333%;}
#ci-11{float:left;width: 66.6666%;}
#ci h3{ color: #0b91d8; font-size: 20px;}
#ci h3 a{color: #0b91d8;}
#ci h3 a:hover{ color:#f00; text-decoration:underline;}

.cityCont{ padding-top:10px; padding-bottom:20px;}
.city li{ float:left; width:45%;}
.city li div{ width:95%;   height:121px;}
.city li div img{ margin:4px 8px 4px 8px;}

.info{ padding:0 30px 0 0;}
.infoCont{ padding:10px 0 0 0;font-size:12px;line-height:24px;}
.info li { height:21px; overflow:hidden;}
.info li a{ color:#727272; font-size:12px; line-height:21px;}
.info li span{ float:right; color:#c6c1c1; font-size:12px;}

/*关于杰硕*/
#about { max-width: 1200px; margin: 0 auto; padding-bottom: 30px; }
#about h3{ color: #0b91d8; font-size: 20px; }
#about h3 a{color: #0b91d8;}
#about h3 a:hover{ color:#f00; text-decoration:underline;}
#aboutCont{ padding:10px 0 0 0;}
#about .pic{ float:left; width:370px;}
#about .txt{height:141px; color:#727272; font-size:12px; margin-left:400px; line-height:20px; overflow:hidden;}
/*合作客户*/
#partner { max-width: 1200px; margin: 0 auto; padding-bottom: 30px; }
#partner h3 { color: #0b91d8; font-size: 20px; }
#partner h3 a{color: #0b91d8;}
#partner h3 a:hover{ color:#f00; text-decoration:underline;}
#partnerCont { padding: 10px 0 0 0; }
#partnerCont li { float: left; width: 16.66%; padding-bottom: 20px; }
#partnerCont p { display: block; padding: 0 30px 0 0; }

/*==================== 页脚部分 ====================*/
/*快捷区域*/
#qcWrap { background: #0b91d8; }
#qc { max-width: 1200px; color: #fff; margin: 0 auto; padding: 30px 0; }
#qc-1 { float: left; width: 20%; }
#qc-2 { float: left; width: 34%; padding-right: 2%; }
#qc-3 { float: right; width: 44%; }
#qc h3 { font-size: 17px; padding-bottom: 8px; }
.quick a { color: #fff; }
.quickCont { font-size: 12px; line-height: 22px; }
.quickCont li { float: left; width: 76px; }
.quickCont li.br { width: 140px; }
.quickCont li.last { width: 100%; }
.contbox { font-size: 12px; line-height: 22px; }
.contbox .txt { float: left; width: 65%; }
.contbox .ewm { float: right;margin-right:5px; }
.contbox span { float: left; display: block; width: 60px;text-align:right; }
.contbox strong { display: block; font-weight: normal; padding-left: 60px; }
/*版权*/
#foot {height: 60px; color: #fff; font-size: 14px; line-height: 60px; background: #c0c0c0; overflow: hidden; }
#foot .copyright { max-width: 1200px; margin: 0 auto; }
#foot .copyright span { float: right; padding: 20px 0; }
#foot .copyright span a { display: inline-block; padding: 3px 0 2px; }
#blackBg { position: fixed; background-color: #000; z-index: 999; left: 0; top: 0; display: none; width: 100%; height: 100%; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
/*==================== 内页通用 ====================*/
.banner_contact{height:483px; overflow:hidden; background:#ccc;}
.banner_contact #map{ width:100%; height:100%;}
.b5{ background:url(../images/banner1.jpg) center top repeat-x;}
#banner{ height:114px; overflow:hidden;}
#banner p{ color:#0b91d8; line-height:114px; max-width:1200px; margin:0 auto;}
#banner strong{ font-size:24px; font-weight:normal; text-shadow:0 0 5px rgba(255,255,255,.9);}
#banner span{ float:right; font-size:12px; text-shadow:0 0 10px rgba(255,255,255,.9);}
.b1{ background:url(../images/banner1.jpg) center top repeat-x;}
.b2{ background:url(../images/banner2.jpg) center top repeat-x;}
.b3{ background:url(../images/banner3.jpg) center top repeat-x;}
.b4{ background:url(../images/banner4.jpg) center top repeat-x;}


#inMain{ max-width:1200px; margin:0 auto;}
#side{ float:left; width:270px; padding:30px 0 0;}
.position{ float:left; width:100%; color:#0b91d8; font-size:20px; line-height:20px; padding:0 0 25px 30px;}
/**/
#textList li{ float:left; width:25%; padding-bottom:50px;}
#textList li .stime{ float:left; vertical-align:middle; margin-left:5px;}
#textList li a { display:block; margin-left:30px;}
#textList li .pic2 img{ width:90%; padding:2px; border:solid 1px #e0e0e0;}
#textList li .tit2 { color:#000; font-size:16px; padding:10px 0;text-overflow: ellipsis; white-space: nowrap !important;    white-space: normal; overflow: hidden; text-align:center;}
/**/
#textList li .pic img{ width:100%;}
#textList li .tit { color:#000; font-size:16px; padding:10px 0;text-overflow: ellipsis; white-space: nowrap !important;    white-space: normal; overflow: hidden;}
#textList li .tit #showlinkname{color:#333; font-size:14px; line-height:20px; text-align:center; font-weight:bold; display:block;}
#textList li .txt{ height:80px; color:#7c7c7c; font-size:12px; line-height:20px; overflow:hidden;}
#textList li .more{ color:#0b91d8; font-size:12px; padding-top:5px;}

/**/
#textList1 li{ float:left; width:99%; padding-bottom:10px;margin-left:30px;}
#textList1 li .stime{ float:right; vertical-align:middle; margin-right:5px;color:#7c7c7c;}
#textList1 li a {background:url(../images/ic_right1.png)  left center no-repeat;display:block; margin-left:3px;height:30px;line-height:30px;border-bottom:1px dotted #ccc;}
#textList1 li .tit { color:#7c7c7c; font-size:0.875rem; padding:3px 0;text-overflow: ellipsis; white-space: nowrap !important;    white-space: normal; overflow: hidden; text-align:center;}


#mainCont{  padding:30px 0 0 270px;}
#sort h3{color:#0b91d8; font-weight:normal; font-size:20px; padding-bottom:15px;}
#sort li{ line-height:45px; border-bottom:solid 2px #fff;}
#sort li a{ display:block; color:#000; background:#cde8fd;text-indent:10px;/**url(../images/icon1.gif) right center no-repeat;**/}
#sort li a:hover{ color:#fff;background:#0e95ff;}
#sort li a.curr{ color:#fff;background:#0e95ff;}

/**/
#main{ max-width: 1230px; margin: 0 auto; padding: 40px 0 10px;}
#cp li{float:left; width:20%; padding-bottom:50px;display:inline-block;}
#cp li a { display:block; margin-left:13px; text-align:center;}
#cp li .pic{padding:2px; border:solid 1px #e0e0e0;}
#cp li .pic img{width:100%;}
#cp li .tit { color:#737373; font-size:1rem; padding:10px 0;text-overflow: ellipsis; white-space: nowrap !important;    white-space: normal; overflow: hidden;}
#cp li .tit #showlinkname{color:#333; font-size:14px; line-height:20px; text-align:center; font-weight:bold; display:block;}
#cp li .txt{ height:80px; color:#7c7c7c; font-size:12px; line-height:20px; overflow:hidden;}
#cp li .more{ color:#0b91d8; font-size:12px; padding-top:5px;}

#cp_branch li{ float:left; width:100%; margin-bottom:29px;}
#cp_branch li .branchs { display:block; margin-left:30px;}
#cp_branch li .branchs .pic{float:left;width:270px;}
#cp_branch li .branchs .pic img{width:100%;}
#cp_branch li .branchs .tit{float:left; margin-left:30px;}
#cp_branch li .branchs .tit h2{ color:#666;}
#cp_branch li .branchs .tit p{ font-size:10px; line-height:20px; color:#666;}

#regBox{ padding:0px; }
#regBox .stitle{ text-align:center; width:100%;}
#regBox .stitle span{ margin:0px auto;}

#regBox{float:left; padding:20px 0 50px 30px;}
#regBox1{max-width:1200px; margin:0 auto;padding:20px 0 50px 0px;}
#regBox1 p{ color:#434343; font-size:13px; line-height:20px; padding-bottom:15px;}
.mid_left{ float:left; width:49%; max-width:600px; padding:3px;}
.mid_right{ float:left; width:49%; max-width:600px; padding:3px;}
.mid_bottom{ float:left; width:98%; max-width:1200px; border-top:2px dotted #008DD7; padding-top:8px;}
.mid_left span{ color:#008DD7; font-weight:bold; font-size:16px;}
.mid_right span{ color:#008DD7; font-weight:bold;font-size:16px;}
.mid_bottom span{ color:#008DD7; font-weight:bold;font-size:16px;}
.mid_left .showthisinfo{  font-size:11px; line-height:15px; }
.mid_right .showthisinfo{ font-size:11px;line-height:15px;}
.mid_bottom .showthisinfo{ font-size:11px;line-height:15px;}


#regBox p{ color:#434343; font-size:13px; line-height:20px; padding-bottom:15px;}
#regBox p label{ float:left; width:80px; text-align:right;}
#regBox p input{ width:200px; height:24px; line-height:24px;}
#regBox p select{ height:24px; line-height:24px;}
#regBox p textarea{ height:100px;}
#regBox p .chkbox{  width:13px;height:13px; line-height:20px;}
#regBox p .radios{  width:13px;height:13px; line-height:20px;}
#regBox p .w1{ width:100px;}
#regBox p .w2{ width:200px;}
#regBox p .w3{ width:300px;}
#regBox p .w4{ width:400px;}
#regBox p em{ display:inline-block; color:#f00; padding-left:8px;}
#regBox p.btn{ padding-left:80px;}
#regBox p.btn .ok{ width:200px; height:40px; color:#fff; font-size:16px; font-family:Microsoft Yahei; border:0; background:#0b91d8; cursor:pointer;}
/* ========= 这里是自适应参数 ========= */
@media screen and (max-width: 1000px) {/*幕宽度小于1000像素*/
	#cp_branch li .branchs { display:block; margin-left:10px;}
	#cp_branch li .branchs .tit{float:left; margin-left:10px;}
	#nav li a { padding: 0 20px; }
	#ci{ padding:0;padding-bottom:30px;}
	.info{ padding:0 15px;}
	#ci-11{float:left;width:50%; padding:0 !important;}
	#ci-1{float:left;width:100%; padding:0 !important;}
	#ci-2{float:left;width:50%; padding-bottom:20px;}
	#ci-3{float:right;width:50%; padding-bottom:20px;}
	.city li{ float:left; width:25%;text-align:center;}
	.city li img{width：100%;}
	#about{ padding:0 15px 30px;}
	#about .txt{}
	#partner { padding: 0 15px 10px; }
	#link { padding: 0 15px 20px; }
	#partner li { width: 25%; padding-bottom: 10px; }
	#partner li img { width: 100%; }
	#partner li p { padding-right: 10px; }
	#qc-1 { float: none; padding: 0 0 30px 20px; }
	#qc-2 { padding: 0 0 0 20px; }
	#qc-3 { width: 320px; padding-right: 20px; }
	#foot { padding:0 15px;}
	
	#banner p{ padding:0 10px;}
	#inMain{ padding:0 10px}
	#side{ float:left; width:180px; padding:30px 0 0;}
	#mainCont{  padding:30px 0 0 180px;}
}
@media screen and (max-width: 768px) {/*幕宽度小于768像素*/
	.banner_contact{height:383px; overflow:hidden; background:#ccc;}
	.banner_contact #map{ width:100%; height:100%;}
	.mid_left{ float:left; width:100%; }
	.mid_right{ float:left; width:100%; }
	.mid_bottom{ float:left; width:100%; }
	#logo { padding-left: 15px; }
	#logo img { height: 60px; }
	.swiper-slide .txt .t1{ font-size:24px; line-height:30px;}
	.swiper-slide .txt .t2{font-size:14px; line-height:25px;}
	#nav li a { padding: 0 10px; }
	#qc-2{ width:240px;}
	#side{ float:left; width:160px; padding:30px 0 0;}
	#mainCont{  padding:30px 0 0 160px;}
	#cp li{ width:25%;}
	#textList li{ width:50%;}
}
@media screen and (max-width: 640px) {/*幕宽度小于640像素 max-device-width*/
	.banner_contact{height:283px; overflow:hidden; background:#ccc;}
	.banner_contact #map{ width:100%; height:100%;}
	.mid_left{ float:left; width:100%; }
	.mid_right{ float:left; width:100%; }
	.mid_bottom{ float:left; width:100%; }
	.topWrap .link .gs { display: none; }
	.topWrap .link a.email { display: none; }
	#logo { padding-left: 15px; }
	#logo img { height: 50px; }
	.swiper-slide .txt .t1{ font-size:16px; line-height:20px;}
	.swiper-slide .txt .t2{font-size:12px; line-height:20px;}
	#nav { padding:0;}
	#nav ul{ position:fixed; top:0; right:-40%; display:block !important; height:100%; width:40%; background:#222; z-index:9999}
	#nav li{ float:none; text-align:center; border:0;}
	#nav li.home{ border:0;border-bottom:solid 1px #111;}
	#nav li a{ color:#888; border:0; border-bottom:solid 1px #111;}
	#nav li.home a{ color:#888;}
	#nav b{ float:right; display:block; width:50px; height:50px; background:url(../images/icon_m.png) no-repeat;}
	.tips { padding: 10px; }
	.tips p { line-height: 28px; }
	.tips p strong { float: none; display: block; font-size: 14px; text-align: center; }
	.tips p span { float: none; display: block; text-align: center; }
	.tips p span a { margin: 0 auto; }
	#nav ul { display: none; }
	
	#ci-11{float:left;width:100%; padding:0 !important;}
	#ci-2{ float:none; width:100%; padding-bottom:15px;}
	#ci-3{ float:none; width:100%; padding-bottom:15px;}
	.city li{ width:50%;}
	#about .txt{ float:none; height:auto; margin:0;}
	#about .pic{ float:none; width:100%; margin:0; padding-bottom:10px;}
	#about .pic img{ width:100%;}
	#partnerCont li{ width:50%;}
	#qcWrap {}
	#qc-1 img{ height:55px;}
	#qc-2,#qc-3{ width:100%; margin:0; padding:0;}
	.quick{ padding:0 15px 20px;}
	.quickCont li{ width:25%; height:20px; overflow:hidden;}
	.quickCont li.br,.quickCont li.last{ width:25% !important;}
	.contact{ padding:0 15px;}
	
	#foot .copyright { text-align: center; }
	#foot .copyright span { display: none; }
	#foot .copyright font { display: none; }
	#side{ float:none; width:auto; padding:30px 0px 0;}
	#mainCont{  padding:30px 0 0 0;}
	#sort h3{ padding-bottom:0px;}
	.position{ padding:0 0 20px 0;}
	#cp{ padding-right:10px;}
	#cp li{ float:left; width:50%; padding-bottom:30px;}
	#cp li a { display:block; margin-left:10px;}
	#textList{ padding-right:10px;}
	#textList li{ float:left; width:50%; padding-bottom:30px;}
	#textList li a { display:block; margin-left:10px;}

	#regBox{ padding:0px;width:100%; }
	#regBox .stitle{ text-align:center; width:100%;}
	#regBox .stitle span{ margin:0px auto;}
	#regBox p{ padding-right:0px;}
	#regBox p label{ float:none; display:block; width:100%; font-size:14px; text-align:left;}
	#regBox p input{ width:100%; height:30px; line-height:30px;}
	#regBox p select{ width:100%; height:30px; line-height:30px;}
	#regBox p textarea{ height:100px;}
	#regBox p .w1{ width:100%;}
	#regBox p .w2{ width:100%;}
	#regBox p .w3{ width:100%;}
	#regBox p .w4{ width:100%;}
	#regBox p em{ display:none;}
	#regBox p.btn{ padding-left:0;}
	#regBox p.btn .ok{ width:100%; height:40px; color:#fff; font-size:16px; font-family:Microsoft Yahei; border:0; background:#0b91d8; cursor:pointer;}
	#regBox img{ width:100%;}
	#textList1 li{ float:left; width:99%; padding-bottom:10px;margin-left:0px;}
}
@media screen and (max-width: 440px) {/*幕宽度小于640像素 max-device-width*/
	.contbox .txt{ float:none; width:100%;}
	.contbox .ewm{ float:none; text-align:left; padding:15px 0px 0px 20px;}
}