@charset "utf-8";
/* CSS By www.softmoon.com.cn */

a { text-decoration:none;}

.navbar { min-height:60px;}
.navbar-default { background:#fff; margin-bottom:0; border:none;}
.navbar-default .navbar-brand { width:70%;}
.navbar-brand { height:60px; padding: 18px 15px;}
.navbar-brand>img { width:40%;}
.navbar-nav { padding: 0 15px;}
.nav>li { border-bottom: 1px #e8e8e8 solid;}
.navbar-nav .dropdown > a:after {
    content: "\ea99";
    font-family: IcoFont;
    padding-left: 10px;
    position: absolute;
    right: 15px;
}
.navbar-nav .open.dropdown > a:after {
    content: "\eaa1";
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color:#5a2f5e; color: #fff;}
.navbar-toggle { margin-top:12px; border:none;}
.navbar-default .navbar-toggle .icon-bar { background-color:#5a2f5e;}
.navbar-default .navbar-toggle:hover { background-color:initial;}
.navbar-default .navbar-toggle:hover span { background-color: #5a2f5e;}


.index_box .thumbnail { border:none; padding:0; position:relative; margin-bottom:8px; border-radius:0px}
.index_box .thumbnail .caption { position:absolute; bottom:0; color:#fff; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%); width:100%; padding:30px;}
.index_box .thumbnail .caption h3 { font-size:20px; margin-bottom:5px;}
.index_box .thumbnail .caption p { margin:0;}
.index_box .thumbnail .caption p.index_pice span { font-size:26px;}

.index_box .index_text_center .caption { text-align:center; height: 100%; background:rgb(22,29,55, 0.7)}
.index_box .index_text_center .caption h3 { margin-top:60px; font-size:24px;}


.pro_ico_list { overflow:hidden; margin-left:5px; margin-right:5px; background:#fff; margin-bottom:5px; margin-top:8px;}
.pro_ico_list li { float:left; width:25%; list-style:none; text-align:center;}
.pro_ico_list li a { color:#333}
.pro_body_main { padding-left:0px; padding-right:5px;}
.pro_body_main [class^=col-] { padding-left:5px; padding-right:0px;}
.pro_body_main .thumbnail { border:none; border-radius:0px; margin-bottom:8px; padding:0; background:#fff;}
.pro_body_main .thumbnail .caption h3 { font-size:14px; margin-top:10px; line-height: 22px; margin-top:5px; text-align:center; overflow:hidden; height:42px;}
.pro_body_main .thumbnail .caption p { overflow: hidden; height:18px; text-align:center; font-size:12px; color:#666;}

.m_page { background:#fff; margin-bottom:8px; text-align:center; padding:10px 0; color:#666;}
.m_page a { color:#666;}
.m_page a:hover { color:#666; text-decoration:none;}

.product_box { margin-left:10px; margin-right:10px;}
.product_box .product_title {}
.product_box .product_title h1 { font-size:20px;}
.product_box .product_title li { list-style:none; color: #5a2f5e; margin-bottom:10px;}
.product_box .product_title p { color: #b6b6b6;}
.product_box .product_title dl { font-size: 36px; color: #ff3300;}
.product_box .product_title dl span { font-size: 24px;}
.product_box .product_color { margin-bottom:20px;}
.product_box .product_color ul { font-size:18px; margin-bottom:20px; font-weight: 600;}
.product_box .product_color li { display:table;}
.product_box .product_color li p { border:2px #e5e5e5 solid; border-radius:5px; padding: 10px 20px; float:left; margin-right:10px;}
.product_box .product_color li p.cur { border:2px #000 solid;}
.product_box .product_color li p input[type="radio"] { vertical-align:middle; margin-right:15px;position:absolute; clip:rect(0,0,0,0)}
.product_box .product_color li p input[type="radio"] + label::before {
     content:"";
	 background:#fff;
	 border:2px solid #e5e5e5;
	 width:15px;
	 height:15px;
	 border-radius:50%;
	 float:left;
	 margin-right:10px;
	 margin-top: 3px;
}
.product_box .product_color li p input[type="radio"]:checked +label::before{border:2px solid #333;background-color:#333;background-clip:content-box;padding:3px;}
.product_contents img { max-width:100%;}

.news_body_main { padding-left:10px; padding-right:10px;}
.news_list_title { font-size:24px;}
.article_list_box .thumbnail { border:none; border-radius:0px; margin-bottom:8px; padding:0;}
.article_list_box .thumbnail .caption h3 { font-size:16px; margin-top:8px; line-height: 22px; margin-bottom:6px;}
.article_list_box .thumbnail .caption p { color: #e5e5e5; margin-bottom:5px;}
.news_content_main { padding-left:10px; padding-right:10px;}
.news_title { font-size:18px; margin-bottom:15px; margin-top:15px;}
.news_box { background:#fff; padding:10px;}
.news_box_title { text-align: center; font-size:16px;}
.news_box_info { text-align: center; border-bottom: 1px #e5e5e5 dashed; padding-bottom: 20px; margin-bottom: 20px; font-size: 14px; color: #ccc;}
.news_box_contents { font-size:14px; color:#666; line-height:26px;}
.news_box_contents h2 { font-size:18px; margin-top:10px; color:#333;}
.news_box_contents img { max-width:100%;}

/*--------------关于我们-----------------------*/
.about_info h2 { font-size:24px; color:#333;}
.about_info p { color:#666; line-height:26px;}
.about_fangzhen { padding:15px 0;}
.about_fangzhen .thumbnail { border:none; border-radius:0; padding:0; position:relative; margin-bottom:8px;}
.about_fangzhen .thumbnail img { width:100%;}
.about_fangzhen .thumbnail .caption { position:absolute; bottom:0; color:#fff; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%); width:100%}
.about_fangzhen .thumbnail .caption h3 { margin-top:10px;}

.about_h_box { background: #f2f2f2;}
.about_team { background:#fff; margin-bottom:8px; padding-bottom:15px;}
.about_team h2 { text-align:center; font-size:24px; color:#333;}
.about_team p { color:#666; line-height:26px;}

.about_cxts { background:url(../images/about_cxts_bg.jpg) no-repeat; color:#fff; background-size:cover; padding:15px 15px;}
.about_cxts_text { margin:15px 0;}

/*--------------联系我们-----------------------*/
.contact_info h2 { margin-bottom:20px; font-size:24px;}
.contact_info p { background: url(../images/ico_contact_time.png) no-repeat 0px 0px; padding-left:35px; line-height:25px;}
.contact_info p:nth-child(2n) { background: url(../images/ico_contact_2.png) no-repeat 0px 0px; padding-left:35px;}
.contact_ewm { border-bottom: 1px #e5e5e5 solid; overflow:hidden; padding-top:30px; padding-bottom:30px; margin-bottom:20px;}
.contact_ewm p { text-align:center;}
.contact_ewm p img { margin-bottom:5px;}

.contact_job { text-align:center; color: #313131;}
.contact_job h2 { margin-bottom:20px; font-size:24px;}
.contact_job p { line-height:25px;}

.fieldset {position:relative;margin-bottom:2em;font-size:14px;font-weight:bold;text-align:center;}
.fieldset:before {content:"";position:absolute;left:0;bottom:50%;width:100%;height:1px;background:#e5e5e5;}
.fieldset span {position:relative;z-index:88;padding:0 2.25em;background:#fff;}
.lineand-title { margin-top:30px; margin-bottom:20px; font-size:18px;}
.positions-list { font-size:14px; padding:0;}
.positions-list .item { padding:10px 14px; list-style:none;}
.positions-list .item a { color:#333; text-decoration:none;}
.positions-list .item a:hover { color:#5a2f5e;}
.positions-list .item:nth-child(odd) {background:#f1f1f1;}
.positions-list .item:last-child {border-bottom:solid 1px #f1f1f1;}
.positions-list .locale {float:right;color:#999;}
.positions-list .cover {display:none;position:fixed;z-index:1000;height:100%;width:100%;top:0;left:0;background:#666;opacity:.3;}
.positions-list .jobInf { display:none; position:fixed; z-index:1001; width:90%; height:70%; top:10%;background:#fff; box-shadow:0 0 4px #666; padding:2em 2.5em;left: 50%; margin-left: -45%;}
.positions-list .jobInf .titBar>* {display:inline-block;}
.positions-list .jobInf .titBar .tit { font-size:18px;}
.positions-list .jobInf .titBar .where { font-size:16px; color:#888; margin-left:3em;}
.positions-list .jobInf .con { position:absolute; top:7em; bottom:3em; overflow:auto; line-height:26px; font-size:14px;}
.positions-list .jobInf .close { position: absolute;right: 0; top: 0;width: 34px; height: 34px;background: #5a2f5e;color: #fff;line-height: 34px; text-align: center;cursor: pointer;font-size: 12px;opacity: 1;}

/*--------------代理合作-----------------------*/
.hezuo_info h2 { text-align:center; font-size:24px; margin-bottom:20px;}
.hezuo_info p {}
.contact_box_list { width:100%; padding-left:10px; padding-right:10px; padding-bottom:20px; padding-top:20px;}
.contact_list_title { text-align:center; font-size:24px; margin-bottom:20px;}
.contact_box { background:#fff; padding:15px; margin-bottom:10px;}
.contact_box h2 { font-size:24px; margin-top:10px; background: url(../images/ico_add.png) no-repeat 0px 3px; padding-left:30px;}
.contact_box p span { padding-right:5px;}


.service_body { padding-left:10px; padding-right:10px; padding-bottom:15px;}
.info_content { background:#fff; font-size:14px; color:#666; padding:15px;}
.info_content table { border:1px #e5e5e5 solid; width:100%; text-align:center; border-right:none; border-bottom:none; line-height:35px;}
.info_content table td { border-right:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid}
.info_content table td p { margin-bottom:0}
.service_left { background:#fff; padding-left:10px; padding:15px; overflow:hidden; margin-bottom:8px;}
.service_left ul { font-size:16px; margin-bottom:20px; padding:0;}
.service_left form { }
.service_left p { margin-bottom:15px;}
.service_left .yzm { width:100%; height: 38px; line-height: 38px; text-indent: 15px; color: #454545; border-radius: 8px; border: 1px #ccc solid; outline: none;}
.service_left .chaxun { width: 188px; height: 38px; line-height: 38px; color: #fff; background: #5d2855; border: none; cursor: pointer;}
.service_left .reset { width: 68px; height: 38px; line-height: 38px; color: #454545; background: #ccc; border: none;cursor: pointer;}
.service_right { width:100%; font-size:12px; color:#666; padding:15px; background:#fff;}
.service_right ul { font-size:18px; margin-bottom:30px; padding:0;}
.service_right p { line-height:26px;}
	  
.footer {display: block;background: #272727;}
.footer .row1 {display: block;padding-top: 60px;padding-bottom: 60px;}
.footer .foot-nav ul li { display: block; line-height:26px;}
.footer h3 {display: block;	padding-bottom: 20px;font-family: 'texgyreadventorbold';font-size: 16px;color: #fff;text-transform: uppercase;}
.footer .foot-nav ul li a {	font-size: 14px; color: #9fa3a6;}
.footer .foot-nav ul li a:hover { color: #fff; text-decoration:none;}
.footer p {	font-size: 12px; color: #6c7073; text-align:center;}
.footer p span {color: #fff;font-weight: 700;}
.footer ul.terms {display: block;}
.footer ul.terms li {display: block;float: left;font-size: 11px;font-weight: 700;}
.footer ul.terms li:after {	display: inline-block;padding: 0 4px;content: " I ";}
.footer ul.terms li:last-child:after {display: none;}
.footer ul.terms li:first-child {padding-left: 0px;}
.footer ul.terms li a {color:#8eb6d6;}
.footer ul.terms li a:hover {color:#fff;}
.footer .bottom {display:block;padding:40px 0;background:#2e5f85;}
.footer .connect-us {display:block;padding:14px 0 18px 0;width:95%;border-right:1px #537d9e solid;}
.footer ul.follow-us {display:block;}
.footer ul.follow-us li {display:block;padding:0 4px;float:left;}
.footer ul.follow-us li:first-child {padding-left:0px;}
.footer ul.follow-us li a {width:40px;height:40px;display:block;border:2px #4d87b5 solid;border-radius:50%;font-size:18px;line-height:38px;text-align:center;color:#fff;}
.footer ul.follow-us li a:hover {background:#1c7bc3;border-color:#1c7bc3;}
.footer .subscribe {display:block;padding:14px 58px 18px 0;width:95%;border-right:1px #537d9e solid;}
.footer .subscribe .input-wrapper {display:block;background:#fff;border-radius:4px;}
.footer .subscribe input {width:82%;height:44px;padding:0 15px;border:none;background:none;font-size:12px;color:#7da6c6;}
.footer .subscribe button {width:46px;height:44px;float:right;border:none;background:#2c97ea;font-size:20px;color:#fff;border-radius:0 4px 4px 0;transition:all 0.3s ease 0s;}
.footer .subscribe button:hover {background:#ff8500;}
.footer .instagram {display:block;padding:14px 58px 18px 0;}
.footer .instagram ul {display:block;}
.footer .instagram ul li {width:16.6%;padding:0 2.5px;float:left;}
.footer .instagram ul li a:hover {opacity:0.7;}
a.scroll-top {width:44px;height:44px;line-height:40px;color:#fff;border-radius:50%;text-align:center;position:fixed;display:none;right:20px;bottom:20px;background-color:#17a43b;}
a.scroll-top:hover {background:#ff9600;}

@media (min-width: 992px) and (max-width:1199px) {
	.footer ul.follow-us li a {width:36px;height:36px;line-height:34px;}
	.footer .connect-us {width:100%;}
	.footer .subscribe {width:100%;padding-right:30px;}
	.footer .instagram {padding-right:0px;}	
}
@media (min-width: 768px) and (max-width: 991px) {
	.footer p {line-height:20px;}
	.footer .bottom {padding:20px 0;}
	.footer .connect-us {width:100%;}
	.footer .subscribe {width:100%;padding-right:30px;}
	.footer .subscribe input {width:75%;}
	.footer ul.follow-us li {padding:0 2px;}
	.footer ul.follow-us li a {width:30px;height:30px;line-height:28px;font-size:14px;border:1px solid #4d87b5;}
	.footer .instagram {padding:14px 15px 18px 0;}
	.footer .subscribe input {width:78%;height:34px;}
	.footer .subscribe button {width:40px;height:34px;}
}
@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 15px;}
	
	.footer .row1 {padding-top:30px;padding-bottom:30px;}
	.footer .row1 .col-sm-9 {padding-bottom:15px;}
	.footer .foot-nav {width:100%;border-bottom:1px #6c7073 solid;padding:10px 0 12px 0;}
	.footer .foot-nav h3 {padding-bottom:0px;cursor:pointer;margin:0;}
	.footer .foot-nav h3:after {display:inline-block;vertical-align:middle;margin-top:-4px;float:right;content:" + ";}
	.footer .foot-nav h3.open:after {content:" - ";}
	.footer .foot-nav ul {padding:15px 0 10px 0;}
	.footer .bottom {padding:20px 0px;}
	.footer .connect-us,.footer .subscribe,.footer .instagram {width:100%;border-right:none;padding-right:0px;}
	.footer .instagram ul li a img {width:100%;}
}
