@charset "utf-8";

/* CSS reset for c_b*/

html{overflow-y: scroll;}

:root{overflow-y: auto;overflow-x: hidden;}

body{color: #333;font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif;font-size: 14px;line-height: 26px;position: relative;width: 100%;}

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;list-style-type: none;font-weight: normal;}

table{border-collapse: collapse;border-spacing: 0;}

table th,table td{padding: 4px 12px;}

fieldset,img{border: 0;}

address,caption,cite,code,dfn,em,i,th,var{font-style: normal;font-weight: normal;}

ception, th{text-align: left;}

q:before,q:after{content: '';}

abbr,acronym{border :0;}

p{word-spacing: -1.5px;}

input,button,textarea,select,optgroup,option{font-family: inherit;font-size: inherit;outline: none;font-style: inherit;font-weight: inherit;border: none;}

input,button,textarea,select{*font-size: 100%;background: none;border: none;}

input,select{vertical-align: middle;}

table{font-size: 14px;border-collapse: collapse;}

a{color: #000;text-decoration: none;} 

a:focus{outline: none;}

a:hover{text-decoration: none;cursor: pointer;}



/*定位*/

.fl{float: left;}

.fr{float: right;}

.zoom{zoom: 1}

.clear{clear: both;height: 0;line-height: 0;font-size: 0;}

.clearfix{zoom: 1;}

.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}

.w1200{margin: 0 auto;width: 1200px;}

@media only screen and (max-width: 768px){

	.w1200{margin: 0 auto;width: 92%;}

}



/*header*/

.header_top{width: 100%;height: 40px;line-height: 40px;background: #f9fafc;background: url(../images/h_tbg.jpg) no-repeat center;}

.header_top .tit{color: #fff;}

.header_top ul{width: 35%;}

.header_top ul li{float: left;width: 33.33%;padding-left: 22px;box-sizing: border-box;color: #666;}

.header_top ul li:nth-child(1){background: url(../images/h_icon1.png) no-repeat center left;}

.header_top ul li:nth-child(2){background: url(../images/h_icon2.png) no-repeat center left;}

.header_top ul li:nth-child(3){background: url(../images/h_icon3.png) no-repeat center left;}

.header{width: 100%;}

.header .logo{height: 120px;}

.header .logo .img{display: block;height: 100%;width: auto;}

.header .logo .img img{display: block;height: 100%;}

.header .logo .txt{height: 50px;margin-top: 35px;border-left: 1px solid #d1d5db;margin-left: 20px;padding-left: 20px;box-sizing: border-box;font-size: 16px;}

.header .logo .txt span{display: block;font-weight: bold;color: #832438;}

.header .logo .pho{height: 60px;margin-top: 30px;padding-left: 70px;box-sizing: border-box;background: url(../images/h_pho.png) no-repeat center left;}

.header .logo .pho span{display: block;font-weight: bold;color: #832438;font-size: 28px;margin-top: 2px;}

.header .nav{width: 100%;border-top: 1px solid #e5e7eb;height: 60px;line-height: 60px;}

.header .nav ul li{height: 100%;float: left;width: 14.28%;position: relative;text-align: center;}

.header .nav ul li::before{content: "";position: absolute;right: 0;top: 20px;width: 1px;height: 18px;background: #e5e7eb;z-index: -2;}

.header .nav ul li:last-child::before{display: none;}

.header .nav ul li a.hide{display: block;width: 50%;height: 100%;margin: 0 auto;}

.header .nav ul li dl{position: absolute;left: 0;top: 100%;width: 100%;padding: 10px;box-sizing: border-box;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);border-radius: 3px;opacity: 0;transform: translateY(50px);transition: all ease .35s;z-index: 999;}

.header .nav ul li dl a{display: block;color: #666;width: 100%;height: 38px;line-height: 38px;margin: 4px 0;}

.header .nav ul li:hover a.hide{color: #832438;border-bottom: 2px solid #832438;height: 58px;}

.header .nav ul li:hover dl{opacity: 1;transform: translateY(0);}

.header .nav ul li dl a:hover{color: #fff;background: #832438;}

@media only screen and (max-width: 768px){

	.header_top{display: none;}

	.header{display: none;}

}



/*移动端header*/

.m_header{display: none;}

#menu{z-index: 110;}

#menu ul li a{display: block;color: #555;}

.m_head{padding-bottom: 60px;}

.head{height: 60px;position: fixed;width: 100%;z-index: 9999999;left: 0;top: 0;background: #fff;box-shadow: 0 0 5px #ccc;}

.head .m_logo{height: 60px;overflow: hidden;}

.head .m_logo img{height: 100%;width: auto;}

.head .m_nav{position: absolute;right: 15px;top: 20px;}

.head .m_nav img{height: auto;width: 25px;}

@media only screen and (max-width: 768px){

	.m_header{display: block;}

}



/*banner*/

.banner{position: relative;width: 100%;height: 100%;overflow: hidden;}

.banner .bd ul li{float: left;width: 100%;height: 100%;}

.banner .bd ul li img{display: block;width: 100%;height: 100%;}

.banner .hd{width: 100%;position: absolute;bottom: 4%;left: calc(50% - 40px);}

.banner .hd ul li{display: inline-block;margin: 0 6px;font-size: 0;width: 12px;height: 12px;cursor: pointer;border-radius: 12px;background: rgba(255,255,255,.8);}

.banner .hd ul li.on{width: 25px;background: #832438;}

@media only screen and (max-width: 768px){

	.banner{display: none;}

}



/*移动端banner*/

.m_banner{position: relative;width: 100%;display: none;}

.m_banner img{display: block;width: 100%;}

.focus{width:100%; margin:0 auto;position: relative;overflow: hidden;}

.focus .hd{width: 100%;text-align: center;position: absolute;bottom: 0rem;left: 0;z-index:1;}

.focus .hd ul{width: 100%;text-align: center;position: absolute;left: 0;bottom: 0.2rem;}

.focus .hd ul li{display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: rgba(255,255,255,.8);margin: 0 1%;font-size: 0;}

.focus .hd ul .on{width: 25px;background: #832438;}

@media only screen and (max-width: 768px){

	.m_banner{display: block;}

}





/*搜索*/

.home_search{height: 70px;line-height: 70px;background: #f9fafb;overflow: hidden;}

.home_search .txt{width: 720px;color: #999;}

.home_search .txt a{color: #999;margin-right: 10px;}

.home_search form{margin-top: 18px;float: right;}

.home_search form input{float: left;padding-left: 12px;width: 280px;height: 35px;line-height: 35px;box-sizing: border-box;background: #fff;border: 1px solid #e5e7eb;border-right: none;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}

.home_search form input::-webkit-input-placeholder{color: #d1d5db;}

.home_search form button{cursor: pointer;width: 45px;height: 35px;float: right;border-bottom-right-radius: 4px;border-top-right-radius: 4px;background: #832438 url(../images/ss.png) no-repeat center;}

.home_search .txt a:hover{color: #832438;}

@media only screen and (max-width: 768px){

	.home_search{display: none;}

}



/*footer*/

.footer{background: url(../images/f_bg.jpg) no-repeat center;color: #fff;height: 500px;padding-top: 45px;box-sizing: border-box;position: relative;}

.footer a{color: #fff;}

.footer .nav{border-bottom: 1px solid rgba(255,255,255,.2);height: 85px;box-sizing: border-box;}

.footer .nav h2{float: left;font-size: 24px;font-weight: bold;}

.footer .nav h2 span{display: block;font-size: 14px;font-weight: normal;margin-bottom: 4px;color: rgba(255,255,255,.6);}

.footer .nav ul{width: 60%;margin-top: 25px;}

.footer .nav ul li{float: left;width: 12.28%;margin: 0 1%;text-align: right;}

.footer .nav ul li:last-child{margin-right: 0;}

.footer .nav ul li a{color: rgba(255,255,255,.8);}

.footer .nav ul li a:hover{color: #832438;}

.footer .pho{width: 100%;margin-top: 60px;}

.footer .pho dl{float: left;}

.footer .pho dl dd{color: rgba(255,255,255,.8);font-size: 15px;line-height: 35px;}

.footer .pho .ewm{width: 160px;height: 160px;margin-top: 10px;}

.footer .pho .ewm img{display: block;width: 100%;height: 100%;}

.footer .footerB{width: 100%;position: absolute;bottom: 0;height: 65px;line-height: 65px;border-top: 1px solid rgba(255,255,255,.2);color: rgba(255,255,255,.8);}

.footer .footerB span{float: right;}

@media only screen and (max-width: 768px){

	.footer{display: none;}

}



/*移动端footer*/

.m_footer{width: 100%;height: 60px;display: none;}

.mobile-footer-menu{display: none;width: 100%;background: #832438;padding: 8px 0;position: fixed;left: 0;bottom: 0;z-index: 9999999;font-size: 12px;}

.mobile-footer-menu li{width: 25%;float: left;position: relative;}

.mobile-footer-menu li:after{content: "";position: absolute;height: 42px;width: 1px;background: rgba(255, 255, 255, 0.1);right: 0;top: 2px;}

.mobile-footer-menu li span{width: 24px;height: 24px;display: block;margin: 0 auto;position:relative;overflow: hidden;}

.mobile-footer-menu li span img{max-width: 100%;}

.mobile-footer-menu li em{text-align: center;display: block;color: #fff;height: 20px;line-height: 20px;overflow: hidden;margin-top: 2px;}

.mobile-footer-menu li:last-child:after{display: none;}

@media only screen and (max-width: 768px){

	.mobile-footer-menu{display: block;}

	.m_footer{display: block;}

}


.case_list img{width:1200px};