/*
@author：maxrisein 
@date ：2017-2-10
*/
body,div,dl,dt,h1,h2,h3,ul,ol,li,p,form,input,textarea,cite,span,strong { margin:0; padding:0; }
body { font-family:'微軟正黑體','微软雅黑','Microsoft YaHei','Arial','Helvetica','sans-serif'; font-size:12px; color:#333; }
body { background: #fff; }
li { list-style-type: none; }
ul,ol { list-style:none outside none; }
legend { display:none; }
fieldset,img { border:none; vertical-align:middle; }
input,button,select,textarea { outline:none; }
textarea { resize:none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
table,tr,th,td,font { font-size: 12px; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }
input,textarea{ outline:none; }
a{ text-decoration:none; font-size:12px; color:#333; }
img { border: medium none; }
.clear:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; }
.clear {*zoom:1;}
.clear:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clear { *height:1%; }
.wb { word-wrap: break-word; }
.wa { word-break:break-all; }
.wn { white-space: nowrap; }
.vm { vertical-align: middle; }

/* LOGO */
.logo-wrap { width:100%; height:200px; background:#fdfdfd;  }
.logo-container { width:1000px; height:200px; margin:0 auto; }
.logo-container #logo { text-align:center; }

.wrap-box { width:100%; height:auto !important; height:100px; min-height:100px; position:relative; z-index:10 }
/* 导航 */
.nav-container { width:100%; height:67px; background:url(../images/nav-bg.png) repeat-x; position:absolute; z-index:999; top:0;  left:0; }
.nav-box { width:1000px; height:67px; margin:0 auto; }
.nav-box ul li { float:left; }
.nav-box ul li a { width:146px; height:67px; line-height:67px; text-align:center; color:#fff; font-size:18px; margin:0 24px 0 0; display:inline-block; }
.nav-box ul li a.active,.nav-box ul li a:hover { background:#009944; }
.nav-box ul li a.navmargin { margin-right:0; }

/* 轮播 */
.slider-wrap { width:100%; height:588px; position:relative; overflow:hidden; }
.slider-wrap ul li { position:absolute; }
.slider-wrap ul li img { position:relative; }
.slider-text { display:none; padding:33px 48px; border:2px solid #fff; position:absolute; top:235px; left:20%; font-size:45px; color:#fff; font-weight:bold; font-family:'Arial'; }
.slider-wrap ol { position:absolute; bottom:12px; width:100%; text-align: center;  _left:28%; *left:46%; }
.slider-wrap ol li { width:20px; height:20px; _float:left; *float:left; display:inline-block; overflow: hidden; cursor: pointer; background:url(../images/slider-btn.png) no-repeat; margin:0 0 0 8px; }
.slider-wrap ol li.active { background:url(../images/slider-btn.png) no-repeat 0 -20px; }

.main-wrap { width:1000px; height:335px; margin:0 auto; margin-top:35px; }
.main-wrap ul li { float:left; width:304px; height:335px; text-align:center; margin:0 44px 0 0; }
.main-wrap ul li.c-nomargin { margin:0; }
.main-wrap ul li span { display:block; }
.m-text { font-size:18px; -color:#009944; margin:16px 0 0 0; font-weight:bold; }
.m-ico1,.m-ico2,.m-ico3 { display:inline-block; width:107px; height:117px; }
.m-ico1 { background:url(../images/m-ico1.png) no-repeat; }
.m-ico2 { background:url(../images/m-ico2.png) no-repeat; }
.m-ico3 { background:url(../images/m-ico3.png) no-repeat; }
.m-textbox { width:274px; height:113px; padding:25px 15px; background:#e5e5e5; margin:10px 0 0 0; font-size:14px; color:#434343; text-align:left; }
/* 选中状态青色图标 */
.main-wrap ul li.currently .m-text { color:#009944; }
.main-wrap ul li.currently .m-textbox { color:#fff; }
.main-wrap ul li.currently .m-textbox { background:#009944; }
.main-wrap ul li.currently .m-ico1 { background:url(../images/m-ico11.png) no-repeat; }
.main-wrap ul li.currently .m-ico2 { background:url(../images/m-ico22.png) no-repeat; }
.main-wrap ul li.currently .m-ico3 { background:url(../images/m-ico33.png) no-repeat; }

/* 图片 */
.picture-wrap { width:100%; height:356px; margin:43px 0 0 0; }

/* CONTACT US */
.center-wrap { width:1000px; height:235px; margin:0 auto; margin-top:68px; }
.icontact-box { float:left; width:286px; height:225px; }
.title-text { font-size:18px; color:#434343; font-weight:bold; margin:0 0 40px 0;}
.text-us { height:161px; }
.text-us p { font-size:14px; color:#434343; font-family:'Arial'; margin:20px 0 0 0; }
.text-us em { font-style: normal; width:50px; display:block; float:left; }
.text-us strong { font-weight:normal; letter-spacing:1px; margin:1px 0 0 0; display:block; }

.ifind-box { float:left; width:215px; height:225px; margin:0 0 0 95px; }
.text-find { height:161px; }
.find-ico1,.find-ico2,.find-ico3 { float:left; width:57px; height:57px; display:block; margin:0 13px 0 0; }
.find-ico1 { background:url(../images/find-ico1.png) no-repeat; }
.find-ico2 { background:url(../images/find-ico2.png) no-repeat; }
.find-ico3 { background:url(../images/find-ico3.png) no-repeat; }

.icode-box { float:left; width:130px; height:225px; margin:0 0 0 80px; }
.text-codepic img { width:130px; height:128px; }

.line-box { float:left; width:130px; height:225px; margin:0 0 0 60px; }

/* 尾部 */
.footer-wrap { width:100%; height:110px; padding:18px 0 0 0; border-top:1px solid #bbb; background:#000; margin:77px 0 0 0; }
.footer-container { width:1000px; height:110px; margin:0 auto; }
.footer-logo { float:left; width:168px; height:80px; }
.copy { float:right; height:110px; line-height:110px; color:#fff; color:#e5e5e5; font-family:'Arial'; }

/* 公司簡介 */
.picture-box { width:100%; height:378px; }

.content-mainbox { width:1000px;  margin:0 auto; margin-top:70px; }
.title-box { margin:0 0 24px 0; font-weight:bold; font-size:18px; color:#111212; }
.cm-center p { font-size:14px; color:#313131; }

/* 寵物出國 */
.pet-list {  background:url(../images/dashed-bg.png) repeat-x; }
.pet-list ul li { height:22px; padding:25px 0 0 0; background:url(../images/dashed-bg.png) repeat-x 0 bottom; }
.pet-list ul li a { font-size:14px; float:left; padding:0 0 0 3px; }
.pet-list ul li a:hover { color:#605f5f; }
.pet-list ul li span { font-size:14px; float:right; padding:0 15px 0 0; font-family:'Arial'; }

.page { width:100%; height:20px; margin:42px 0 0 0; text-align:right; } 
.page a { height:20px; line-height:20px; display:inline-block; color:#434343; font-size:18px; padding:0 4px 0 2px; margin:0 1px; } 
.page a.need,.page a:hover { background:#009944; color:#fff; }

/* 寵物出國轮播图片 */
.pet-abroad { width:1000px; height:auto !important; height:50px; min-height:50px; margin:0 auto; }
.return { width:963px; height:33px;  margin:0 0 38px 0; text-align: right; }
.retu-btn { height:33px; line-height:33px; font-size:18px; background:#e5e5e5; padding:0 25px; display:inline-block; }
.retu-btn:hover { background:#009944; color:#fff; }
.abroad-carousel { width:1000px; height:184px; position: relative; overflow: hidden; }
.bespeak-left-btn,.bespeak-right-btn { width:19px; height:184px; position:absolute; top:0; cursor: pointer; z-index: 9; }
.bespeak-left-btn { background:url(../images/bespeak-btn.gif) no-repeat; left:0; }
.bespeak-right-btn { background:url(../images/bespeak-btn.gif) no-repeat  0 -184px; right:0; }
.bespeak-left-btn:hover { background:url(../images/bespeak-btn.gif) no-repeat 0 -368px; }
.bespeak-right-btn:hover { background:url(../images/bespeak-btn.gif) no-repeat 0 -552px; }
.bespeak-hide { width:932px; height:184px; position: relative; overflow: hidden; margin:0 0 0 35px; }
.bespeak-hide ul  { position: absolute; }
.bespeak-hide ul li { width:227px; height:184px; float:left; margin:0 6px 0 0;  }
.bespeak-hide ul li img { width:227px; height:184px; }

/* 寵物出國 大图轮播 */
.slide-show { width:1000px; }
.bigpicture { width:1000px;  background:#a0a0a0; position:relative; }
.bigpicture ul li { text-align:center;width:1000px; overflow:hidden}
.bigpicture ul li img { max-width:1000px; }
.slider-btn { display: none; }
.bigleft-btn,.bigright-btn { width:19px; height:27px; display:block; position:absolute; top:50%}
.bigleft-btn { background:url(../images/pet-btn.png) no-repeat; left:22px; }
.bigright-btn { background:url(../images/pet-btn.png) no-repeat 0 -27px; right:22px;  }
.bigleft-btn:hover { background:url(../images/pet-btn.png) no-repeat 0 -54px; }
.bigright-btn:hover { background:url(../images/pet-btn.png) no-repeat 0 -81px; }
.close { width:27px; height:27px; display:block; background:url(../images/close.png) no-repeat; position:absolute; top:25px; right:22px; }

.picturetext { width:940px; padding:38px 30px; background:#262626; color:#fff}
.picturetext span { font-size:14px; color:#fff; font-family:'Arial'; }
.newmargin { margin-top:120px; }