/* 公共样式 */
*{list-style-type:none; margin:0; padding:0; outline:none; transition-property: all;/*transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;*/}
* {box-sizing: border-box;}
*::before, *::after {box-sizing: border-box;}
header,footer,article,aside,section,nav,menu,details,dialog,figure,figcaption {display:block}
img{border:0px;}
a {text-decoration: none; outline: none; color: #555;}
ul,li{list-style-type:none;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
html,body{
	background:#fff; width:100%; font-size: 14px; margin:0px; color: #555; padding:0px;
	font-family:  "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";
}
body {padding-top: 80px;}

.fl {float: left;}
.fr {float: right;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.hide{display:none;}
.w100 {width:100%;}
.center {margin:0 auto;}
.o {overflow:hidden;}

.p40 {padding: 40px 0;}
.p30 {padding: 30px 0;}
.p20 {padding: 20px 0;}
.p10 {padding: 10px 0;}

.container{position:relative; max-width:1000px;margin:0px auto;}
.container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.clearfix:after{clear:both}

.wapBtnAn{transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);}


/* Page  */
#fenye {clear:both; overflow:hidden; margin:20px auto 20px; font-family:"Courier New", Courier, monospace;}
#fenye table {margin:0 auto;}
#fenye table td {padding:0;}
#fenye a{margin:0px 2px; color:#999; border:1px solid #999; border-radius:5px; font-size:14px; font-weight:bold; float:left; text-align:center; width:28px; height:24px; line-height:24px;}
#fenye a:hover{color:#da251c; border:1px solid #da251c; text-decoration:none;}
#fenye a.curr{color:#da251c; border:1px solid #da251c; }
#fenye a.num{}
#fenye span{line-height:30px; color:#da251c;}


/* Header */
.navbar {position: fixed; z-index: 100; background: #fff; top: 0; max-height: 80px; box-shadow: 0 0 5px #eee;}
.navbar-header {}
.navbar-header .logo {float: left;}
.navbar-header .logo img {max-height: 80px;}
.navbar-header .nav {float: right;}
.navbar-header .nav li {float: left; display: inline-block; margin-left: 1px;}
.navbar-header .nav li a {display: block; font-size: 16px; font-weight: 400; padding: 0 20px; line-height: 80px;}
.navbar-header .nav li a:hover, .navbar-header .nav li.currclass a {background: #ffc001;}

.navbar-header .nav-btn {display: none;}
.navbar-header .nav-btn {position: fixed; top: 2.4%; right: 2%; width: 40px; height: 34px; padding-top: 2px; cursor: pointer; background: #eee; border-radius: 5px; z-index: 200;}
.navbar-header .nav-btn span {display: block; width: 60%; height: 2px; background: #ffc001; margin: 15% auto;}


/* Contact */
.pet_contact {}
.p_contact {padding: 40px 0;}
.p_contact .child {width: 50%; padding: 0 10%;}
.p_contact .fl {background: url(/template/img/index/i_conbg.png) no-repeat right bottom;}
.p_contact .child h3 {color: #777; font-size: 20px; padding-left: 30px;}
.p_contact .child h3 b {color:#ffc001;}
.p_contact .ico_c1 {background: url(/template/img/index/ico5.png) no-repeat left center;}
.p_contact .ico_c2 {background: url(/template/img/index/ico6.png) no-repeat left center;}
.p_contact .p_contactul {padding: 15px 0 0; }
.p_contact .p_contactul li {padding-left: 30px; line-height: 25px;}
.p_contact .p_contactul li.ico_li1 {background: url(/template/img/index/ico7.png) no-repeat left center;}
.p_contact .p_contactul li.ico_li2 {background: url(/template/img/index/ico8.png) no-repeat left center;}
.p_contact .p_contactul li.ico_li3 {background: url(/template/img/index/ico9.png) no-repeat left center;}
.p_contact .p_contactul li.ico_li4 {background: url(/template/img/index/ico10.png) no-repeat left center;}

.p_contact .qqwx {padding-top: 10px;}
.p_contact .qqwx li {display: inline-block; float: left; padding:0; margin: 0 4px;}
.p_contact .qqwx li a {display: inline-block; position: relative; }
.p_contact .qqwx li a img {width: 30px; background: #000; border-radius: 15px;}
.p_contact .qqwx .childCode{display:none;background:url("/template/img/footCodeBg.png") no-repeat left top;background-size:151px 166px;position:absolute;left:50%;bottom:36px;width:151px;height:166px;margin-left:-75px;text-align:center;}
.p_contact .qqwx .childCode img{position:absolute;top:0px;left:0px;width:142px;height:142px;}

.p_contact .p_contact_form {padding-top: 5px;}
.p_contact .p_contact_form li {position: relative; padding: 15px 0;}
.p_contact .p_contact_form li input {border: 1px solid #666; padding: 3px 4px; line-height: 24px; background: #fff; width: 100%; border-radius: 3px;}
.p_contact .p_contact_form li textarea {border: 1px solid #666; padding: 3px 4px; line-height: 24px; background: #fff; width: 100%; border-radius: 3px;}
.p_contact .p_contact_form li .submit {border: 1px solid #ffc001; cursor: pointer; background: #ffc001; width: 36px;height: 36px; border-radius: 18px; font-size: 16px; color: #fff; text-align: center; position: absolute; right: -15px; bottom: 0px;}
.p_contact .p_contact_form li .submit:hover {background: #e8ae00;}





/* Footer */
.footer { background: #2b2b2b; color: #fff; padding: 40px 0 76px;}
.footer a {color: #fff;}
.footer .foot_l {float: left; width: 240px;}
.footer .foot_m {float: left; width: 270px; margin: 0 120px;}
.footer .foot_r {float: left; width: 240px;}
.footer .foot_txt {}
.footer .foot_l p {margin: 18px 0;}
.footer .pp2 {display: none;}
.footer .foot_l ul {}
.footer .foot_l ul li {display: inline-block; float: left; margin-right: 12px;}
.footer .foot_l ul li a {display: inline-block; position: relative;}
.footer .foot_l ul li a img {width: 30px;}
.footer .ico_wx .childCode{display:none;background:url("/template/img/footCodeBg.png") no-repeat left top;background-size:151px 166px;position:absolute;left:50%;bottom:36px;width:151px;height:166px;margin-left:-75px;text-align:center;}
.footer .ico_wx .childCode img{position:absolute;top:0px;left:0px;width:142px;height:142px;}

.footer .foot_link {margin: 15px 0; line-height: 32px; overflow:hidden;}
.footer .foot_link a {display: inline-block; padding-left: 18px; margin-right: 24px; float: left; white-space: nowrap; background: url(/template/img/ico1.png) no-repeat left center;}
.footer .foot_r div {padding: 18px 0 20px;}
.footer .foot_r p {line-height: 22px;}
/* Footer */


/* QQ Fixed*/
.fixed{position:fixed;bottom:42px;right:0px;width:45px; display:none;}
.fixed .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#ffc001;line-height: 45px;margin-top:1px;}
.fixed .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.fixed .child:hover{width:110px;background: #000;}
.fixed .child img{position:absolute;top:0px;left:0px;}
.fixed .child p{position: absolute;left:45px;color:#fff;}

.fixed .fixedQQ{bottom:92px;}
.fixed .fixedCall{bottom:46px;}
.fixed .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.fixed .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.fixed .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#ffc001;line-height: 45px;margin-top:1px;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}

.linkBtn{background-image:url(/template/img/rightIcon.png); background-repeat:no-repeat; background-size:36px auto; background-position:254px center;width:308px;height:58px;line-height:58px;text-align:left;border:2px solid #f0002f;color:#f0002f;font-size:22px;}
.linkBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.linkBtn span{margin-left:20px;}
.linkBtn:hover{color:#fff;background-color:#f0002f;background-image:url(/template/img/rightIconOn.png);}


@media (min-width: 640px) and (max-width:1023px ) {

.navbar-header .nav {display:none;}
.navbar-header .nav-btn {display: block;}
.navbar-header .nav {background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:80px;right:-125px;width:124px;height:auto;line-height:normal;}
.navbar-header .nav li {border-bottom:1px solid #ddd;font-size:14px; text-align: center; margin:0px;width:124px;height:74px;line-height:74px;float:none;}
.navbar-header .nav li.on{color:#E50012;}
.navbar-header .nav li:hover{color:#E50012;background:#ddd;}

.footer .container {padding: 0 2%;}
.footer .foot_r {float: right;}
.fixed, .foot_m {display:none !important;}
}
@media (min-width: 480px) and (max-width: 639px) {

.navbar-header .nav {display:none;}
.navbar-header .nav-btn {display: block;}
.navbar-header .nav {background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:80px;right:-125px;width:124px;height:auto;line-height:normal;}
.navbar-header .nav li {border-bottom:1px solid #ddd;font-size:14px; text-align: center; margin:0px;width:124px;height:74px;line-height:74px;float:none;}
.navbar-header .nav li.on{color:#E50012;}
.navbar-header .nav li:hover{color:#E50012;background:#ddd;}

.footer {padding: 20px 0 70px;}
.footer .container {padding: 0 12%;}
.footer .foot_l {float: none; width: 100%;}
.footer .foot_l h4 {display: none;}
.footer .foot_l .pp1 {display: none;}
.footer .foot_l .pp2 {display: block; text-align: center; line-height: 26px;}
.footer .foot_l ul {text-align: center;}
.footer .foot_l ul li {float: none; display; margin: 0 10px;}
.footer .foot_l ul li a img {width: 45px;}

.fixed, .foot_m, .foot_r {display:none !important;}

.p_contact {}
.p_contact .fl, .p_contact .fr {float: none;}
.p_contact .child  {width: 100%; margin-bottom: 14%;}
.pet_contact .p_contact .fr  {margin-bottom: 0;}

}

@media (max-width: 479px) {

body {padding-top: 60px;}
.navbar {position: fixed; z-index: 100; background: #fff; top: 0; height: 60px;}
.navbar-header .logo {margin:1% 0 0 1%;}
.navbar-header .logo img {max-width: 70%;}

.navbar-header .nav-btn {display: block;}
.navbar-header .nav-btn {top: 2.2%; right: 2%;}
.navbar-header .nav {background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:60px;right:-125px;width:124px;height:auto;line-height:normal;}
.navbar-header .nav li {border-bottom:1px solid #ddd;font-size:14px; text-align: center; margin:0px;width:124px; float:none;}
.navbar-header .nav li a {line-height: 50px;}
.navbar-header .nav li.on{color:#E50012;}
.navbar-header .nav li:hover{color:#E50012;background:#ddd;}

.footer {padding: 20px 0;}
.footer .container {padding: 0 12%;}
.footer .foot_l {float: none; width: 100%;}
.footer .foot_l h4 {display: none;}
.footer .foot_l .pp1 {display: none;}
.footer .foot_l .pp2 {display: block; text-align: center; line-height: 26px;}
.footer .foot_l ul {text-align: center;}
.footer .foot_l ul li {float: none; display; margin: 0 10px;}
.footer .foot_l ul li a img {width: 45px;}

.fixed, .foot_m, .foot_r {display:none !important;}

.p_contact {}
.p_contact .fl, .p_contact .fr {float: none;}
.p_contact .child  {width: 100%; margin-bottom: 14%;}
.pet_contact .p_contact .fr  {margin-bottom: 0;}


}



/*
@media (min-width: 1440px) and (max-width:1920px ) {


}
@media (min-width: 1200px) and (max-width:1439px ) {

}

@media (min-width: 1024px) and (max-width:1199px ) {

}
*/