﻿
/* press */
* { margin: 0; padding: 0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, i, b, s, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input, select, button, textarea { margin: 0; padding: 0; }
body { background-color: #fff; min-width: 1200px; }
body, input, button, select, textarea { font-size: 14px; line-height: 24px; font-family: "微软雅黑",tahoma,arial; color: #666; }
a img, :link img, :visited img, img { border: 0; }
em, i { font-style: normal; }
ol, ul, li { list-style: none; }
s { display: block; line-height: 0; font-size: 0; font-style: normal; }
table { empty-cells: show; }
button { cursor: pointer; _cursor: hand; }
button, input, label { border: none; outline: none; }
button, input, select, textarea { font-size: 14px; outline: none; }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none /*去虚线框*/; padding: 0; }

/*clear float*/
.cl:after { content: '.'; visibility: hidden; height: 0; width: 0; display: block; _display: inline-block; clear: both; line-height: 0; font-size: 0; overflow: hidden; }
.cl { zoom: 1; }

.l { float: left; }
.r { float: right; }

.clear { clear: both; }
.cl:after { content: "."; clear: both; display: block; _display: inline-block; overflow: hidden; height: 0; width: 0; visibility: hidden; zoom: 1; }
.cl { display: block; _display: inline-block; }
.p_a { position: absolute; }

/* link */
a { color: #666; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }


/*公共部分*/
.ui { background-image: url(https://www.petswecare.com/pc/style/images/common/ui.png); background-repeat: no-repeat; }
.wp { width: 1200px; margin: 0 auto; zoom: 1; position: relative; }


input::-ms-clear, input::-ms-reveal { display: none; }

/*header*/
.header { position: relative; position: fixed; top: 0; }
/*.mod_topbar { background: url(../images/topbg.png) repeat-x; height: 50px; line-height: 40px; z-index: 9; position: relative; overflow: hidden; }
.mod_topbar .welcome { color: #666; width: 560px; }
.mod_topbar .infor { position: relative; overflow: hidden; }
.mod_topbar .infor li { float: left; margin-right: 10px; }
.mod_topbar .infor li img { vertical-align: middle; margin-right: 2px; }*/
.mod_header .language { border: 1px solid #e5e5e5; height: 43px; margin: 10px 0; border-radius: 15px; }
.mod_header .language li { float: left; line-height: 43px; color: #666; padding: 0 10px; padding: 0 8px\9; font-size: 14px; }
.mod_header .language li a { color: #666; }
.mod_header .language li.on a { color: #4b91cb; }



.mod_header { height: 65px; position: fixed; z-index: 9997; /*position: fixed;top: 50px;width: 100%;background: #fff;*/ }
.mod_header .a { position: relative; }
.mod_header .logo { width: 220px; }
/*.mod_header .nav{ position:relative;overflow: hidden;}
.mod_header .nav li{float: left;font-size: 16px;line-height: 65px;color: #FFFFFF;width: 110px;text-align: center;}
.mod_header .nav li a{color: #999;}
.mod_header .nav li.on a{color: #4b91cb;}
.mod_header .nav li a:hover{color: #4b91cb;}*/
.mod_header .search { width: 65px; height: 65px; background: #4b91cb; text-align: center; cursor: pointer; }
.mod_header .search img { margin-top: 15px; }



.mod_header .nav { position: relative; width: 760px; height: 65px; margin: 0 auto; z-index: 99; }
.mod_header .nav a { color: #666; }
.mod_header .nav h3 { font-size: 100%; font-weight: 400; }
.mod_header .nav .m { float: left; position: relative; z-index: 1; height: 65px; line-height: 65px; color: #666; width: 103px; font-size: 16px; font-weight: 400; text-align: center; }
.mod_header .nav .m.m_news{width:80px;}
.mod_header .nav .m.on h3 a { color: #4b91cb; }
.mod_header .nav .s { float: left; width: 3px; text-align: center; color: #D4D4D4; font-size: 12px; }
.mod_header .nav h3 a { display: block; width: 110px; text-align: center; height: 65px;
    overflow: hidden; }
.mod_header .nav h3 a.m_news{width:80px;}
.mod_header .nav .sub { display: none; /*默认隐藏*/ position: absolute; left: 0px; top: 65px; z-index: 9999; width: 110px; border: 1px solid #e5e5e5; background: #fff; }
.mod_header .nav .sub li { text-align: center; height: 38px; line-height: 38px; }
.mod_header .nav .sub li a { display: block; border-top: 1px solid #fff; color: #666; font-size: 14px; }
.mod_header .nav .sub li:hover a { color: #4b91cb; }
.mod_header .nav .sub .title { color: #333; font-size: 16px; }


.mod_header .nav .subad { display: none; /*默认隐藏*/ position: absolute; left: 0px; top: 65px; z-index: 9999; width: 500px; border: 1px solid #e5e5e5; background: #fff; }
.mod_header .nav .subad dl { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 130px; line-height: 40px; }
.mod_header .nav .subad a:hover { color: #4b91cb; }
.mod_header .nav .subad dl dt a { color: #666; }
.mod_header .nav .subad dl dd, dt { text-align: left; }
.mod_header .nav .subad dl dd a { color: #666; padding-left: 7px; line-height: 38px; font-size: 14px; }





/*footer2016.9.4*/
.footer { overflow: hidden; background: #131313; color: #848486; position: relative; height: 200px; }
.footerno { display: none; }
.footer .copyright_wap { position: relative; overflow: hidden; }
.footer .blackimg { width: 680px; margin-top: 25px; }
.footer .blackimg .top { position: relative; overflow: hidden; height: 126px; }
.footer .blackimg .flogo { margin-top: 20px; }
.footer .blackimg .uiimg { position: absolute; left: 300px; top: 0; }
.footer .blackimg .top .uiimg li { float: left; width: 96px; margin-right: 40px; }
.footer .blackimg .top .uiimg li p { text-align: center; line-height: 30px; }
.footer .blackimg .bot { margin: 8px 0; }
.footer .blackmain { width: 500px; margin-top: 40px; text-align: center; }
.footer .blackmain p { line-height: 30px; margin-top: 20px; }
.link span { color: #fff; margin: 0 11px; font-size: 16px; }
.link span a { color: #fff; }


/*点击搜索弹框*/
.indexbg { position: relative; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background-color: rgba(75, 145, 203, 0.6); width: 100% !important; filter: inherit; }
.indexPopup { position: relative; position: fixed; filter: inherit; top: 10%; z-index: 9999; }
.indexclose { position: fixed; right: 10px; top: 10px; }
.indsraech { position: fixed; top: 35%; left: 50%; margin-left: -300px !important; width: 600px; height: 60px; border-radius: 5px; background: #fff; }
.indsraech input { height: 60px; width: 100%; zoom: 1; border: 0 none; background: none; display: inline; line-height: 60px; position: absolute; left: 10px; top: 0; }
.indsraech .searchicon { cursor: pointer; position: absolute; height: 60px; background: #4c90cd; border-radius: 5px; right: 0; top: 0; width: 60px; text-align: center; }
.indsraech .searchicon i { font-size: 30px; color: #fff; line-height: 60px; }
.indsraech .searchicon .icon-isearch img { margin: 12px; }


/*申请职位*/
.replybg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background: url(../image/stock_9.png) repeat; }
.replyPopup { background: #fff; width: 500px; height: 440px; position: fixed; left: 50%; margin-left: -250px; top: 20%; z-index: 9999; padding: 20px; border-radius: 10px; }
.replyPopup .assessclose { position: absolute; right: 10px; top: 10px; }
.replyPopup h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }
.replyPopup textarea { width: 250px; height: 100px; }
.replyPopup .iselect { margin-left: 100px; }
.replyPopup .bottomreply { background: #F5F6F6; text-align: center; cursor: pointer; width: 100px; height: 40px; line-height: 40px; display: block; font-size: 16px; color: #575757; margin: 0 10px; float: left; border: 1px solid #E5E5E5; border-radius: 10px; }
.replyPopup .choose span { color: #575757; line-height: 40px; }
.replyPopup .submit { background: #4b91cb; color: #fff; text-align: center; cursor: pointer; border-radius: 10px; width: 160px; height: 40px; line-height: 40px; display: block; font-size: 16px; margin-left: 150px; }
.replyPopup .submit a { color: #fff; }
.replyPopup .floatemailmain .item { margin: 20px 0; position: relative; margin-left: 30px; }
.replyPopup .floatemailmain .item .inp_label { float: left; color: #4b91cb; height: 35px; line-height: 35px; text-align: right; width: 90px; }
.replyPopup .floatemailmain .item .inp_input { margin-left: 100px; *margin-left: 10px; height: 35px; line-height: 35px; position: relative; background: #fff; width: 200px; }
.replyPopup .floatemailmain .item .inp_input input { height: 35px; width: 250px; border: 1px solid #e5e5e5; }

.offerPopup { background: #fff; width: 300px; height: 250px; position: fixed; left: 50%; margin-left: -160px; top: 30%; z-index: 9999; padding: 20px; border-radius: 10px; text-align: center; }
.offerPopup .assessclose { position: absolute; right: 0px; top: 10px; cursor: pointer; width: 50px; height: 50px; }
.offerPopup h5 { color: #4b91cb; line-height: 30px; text-align: center; font-size: 24px; }

.offerPopup p { line-height: 24px; color: #666; padding: 10px 0; }
.offerPopup .inbtn { background: #4b91cb; width: 180px; height: 35px; line-height: 35px; color: #fff; cursor: pointer; font-size: 16px; border-radius: 5px; margin: 15px 0 10px 60px; }
.offerPopup .inbtn a { color: #fff; }
.offerPopup .inbtn a:hover { background: #255680; display: block; }
.ibtn { position: relative; z-index: 9999; }
.offerbtns { margin: 0 auto; position: absolute; top: 65px; right: 155px; width: 160px; height: 50px; }
.offerbtns a { background: #fab001; line-height: 50px; height: 50px; color: #ffffff; cursor: pointer; font-size: 20px; border-radius: 5px; text-align: center; display: block; font-weight: 400; }
.offerbtns p { line-height: 50px; }
.beat-char { line-height: 50px; position: relative; display: inline-block; background: transparent; }

.rotate { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); -webkit-transition-duration: 0.7s; }

/*导航滚动固定*/
/*.fixed { position: fixed; top: 65px; z-index: 99;  margin: 0 auto;  }*/




/*2018.2.2*/
.mod_header { background: #fff; width: 100%; }

/*/2018.2.2*/






