/* ----------基本元素重置----------- */
html,body { position:relative; font-size:14px; line-height:1.6; width:100%; overflow: inherit}
body { }
a:link { }
a:visited { color:#515151; text-decoration:none;  }
a:hover { text-decoration:none; color:#01a0c7; }
a:active { text-decoration:none; color:#515151; }
a img, img { border:none;vertical-align:middle; max-width:100%  } 
.fc-code img { max-width: none}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal}

.overflow { overflow:hidden }
.clearfix{ clear:both; *zoom: 1;}
.clearfix:after{content: "";display: block;clear: both;}
.text-center { text-align:center }

.bg { background:#e9edf0; margin-bottom:-3%; padding-bottom:5%; margin-top:-3%; padding-top:3% }
.page-wrapper,.wrapper,.page-wrapper-row { width:1400px; margin: 0 auto; max-width:92%; }
@media screen and (max-width: 1600px) {
.page-wrapper,.wrapper { width:1200px; }
}
@media screen and (max-width: 1500px) {
.page-wrapper,.wrapper { width:1140px; }
}
@media screen and (max-width: 1350px) {
.page-wrapper,.wrapper { width: 90%; }
}
@media screen and (max-width: 750px) {
html,body { font-size:13px; line-height:1.4;  }
.page-wrapper,.wrapper { width: 92%; max-width:100%; }
}


.zoom { position: relative; display:block; overflow:hidden; width: 100%; height: 0; padding-bottom: 65%; }
.zoom span{ display: block; position: absolute; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom:hover span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
li:hover .zoom span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}


.box-shadow {
-webkit-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
    -moz-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
    box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1); }
.box-shadow:hover {
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3); }



/*栏目图*/
.column-bg { position: relative; width:100%; height:100px; padding:8% 0; background-color:#f4f4f4; background-size: cover; background-position:center; background-repeat:no-repeat; box-sizing: content-box;}
.column-bg .wrapper { position: relative; height:100px;  }
.columntit { position:absolute; top:0; left:0; right:0; line-height:1.4; font-size:18px; color:#fff; text-shadow: 0 1px 1px rgba(100,100,100,0.5); -webkit-animation: columntit 1.5s; animation: columntit 1.5s;/* text-shadow: 0 2px 2px rgba(0,0,0,0.5);*/ }
.columntit.blue { color:#006687 }
.columntit h1 { font-size:30px; margin-bottom:10px; font-weight: bold; text-transform: uppercase; text-shadow: 0 2px 2px rgba(100,100,100,0.5); }
.columntit h3 { font-size:28px; }
@-webkit-keyframes columntit {
	0% { bottom: 10%; opacity: 0;}
	100% { bottom: 0; opacity: 1;}
}
@keyframes columntit {
	0% { bottom: 10%; opacity: 0;}
	100% { bottom: 0; opacity: 1;}
}

/*面包屑*/
.breadcrumb { font-size:14px; color:#777; padding:2% 0; margin-bottom:3%; background-color: #f5f5f5;  }
.breadcrumb a { display:inline-block; color:#777 }
.breadcrumb i { display:inline-block; margin:0 1px; font-style:normal; font-family:"Simsun"; }
.breadcrumb .fa-circle { width:10px; height:12px; background-image:url(../img/icon-right.png)}
 
 
 
/*** 分页样式 **/
.pagination{ padding:2% 0; clear:both; text-align:center; height: auto; }
.pagination li{ display: inline-block; line-height:36px;height:36px; border-radius:50px; margin:0 5px;overflow:hidden; background:#fff; border:1px solid #ddd }
.pagination li a { color:#555; display: inline-block; min-width:36px; }
.pagination li.total a { padding:0px 20px; }
.pagination li:hover{ color:#006687; text-decoration:none; }
.pagination li:hover a { color:#006687; }
.pagination li.active,
.pagination li.active a,.pagebox li.active a:hover { color:#fff; background:#006687  }
.pagination li.active { }

.prev-next { border-top:1px solid #ddd; padding:30px 0; background:#fff; font-size:16px }
.prev-next>div { margin-bottom:5px; }

.actions { margin:20px auto 30px auto; border-radius:2px; float:right }
.actions a { display:inline-block; background:#fff; border-right:1px solid #eee; padding:2px 10px; vertical-align:middle }
.actions a.active { color:#005e77 }

/*栏目标题*/
.pagetit { margin:3% auto; font-size:18px; color:#01a0c7 } 
.pagetit h2 { font-size:26px; line-height:1.4; font-weight:bold; margin-bottom:8px; letter-spacing:1px; text-transform:uppercase; }
.pagetit p { font-size:16px; line-height:1.4; color:#777; max-width:800px; margin:1px auto; line-height:1.8 }
.pagetit h2:after {content:""; display:block; width:80px; height:2px; background:#01a0c7; margin:15px auto; border-radius:5px } 
.pagetit.white { color:#fff }
.pagetit.white h2:after { background:#eee } 

/*表单*/
.feedback-box { position:relative; padding:1% 0 4% 0; background:#eee; }
 
.feedback { position:relative; padding:3% 5%; background:#fff; -webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3); }
.feedback form { }
.feedback .form-group { width:46%; float:left; margin:15px 2% }
#dr_row_lynr {  }
.feedback .form-code img { position:absolute; right:5px; top:2px; }
.feedback label.mt-checkbox { display: inline-block; margin:10px 5% 10px 0; cursor:pointer }
.feedback textarea { background:none; border:1px solid #ccc; width:100%; min-height:120px; padding:10px; box-sizing:border-box; color:#555; font-family:Arial, Helvetica, sans-serif }
.feedback input[type=text] { display:inline-block; vertical-align:middle; background: none; border:1px solid #ccc; width:100% !important; height:48px; line-height:48px; text-indent:10px; color:#555 }
 
.feedback input::-webkit-input-placeholder{ color:#999; }
.feedback input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.feedback input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.feedback input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999; }
.feedback textarea::-webkit-input-placeholder{ color:#999; font-family:Arial, Helvetica, sans-serif }
.feedback textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; font-family:Arial, Helvetica, sans-serif }
.feedback textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999; font-family:Arial, Helvetica, sans-serif }

.form-btn { text-align:center; margin:1% auto 0 auto; } 
.form-btn button { display:inline-block; background:#01a0c7 ; cursor:pointer; border:none; color:#fff; margin:10px 0; padding:12px 30px; font-size:16px; min-width:220px; border-radius:30px; text-transform: uppercase }
.form-btn button:hover { background:#01a0c7; color:#fff }
.feedback-list { background:#f8f8f8; padding:4%; margin-bottom:3%; text-align:center; }
.feedback-list>img { max-height:280px; }
.feedback-listtxt { max-width:800px; margin:5% auto; background:#f2f2f2; font-size:18px; color:#666; line-height:2; border:1px dashed #ccc; padding:2%; text-align:center }
.feedback-listtxt h3 { font-size:45px; text-transform:capitalize }

@media screen and (max-width: 750px) {
.form-btn button { padding:9px 20px; font-size:13px; }

.feedback .form-group { width:100%; float: none; margin:10px auto }
.feedback input[type=text] { height:38px; line-height:38px; }
#dr_row_lynr { width:100% }

}


.visits {}
.visits .form-group {  margin:20px 0 }

.visits .form-group .control-label { float:left; color:#606266; }
.visits input[type=text] { float:left; display:inline-block; vertical-align:middle; background: none; border:1px solid #ccc; width:100% !important; height:42px; line-height:42px; color:#555 }




.side_close{position:fixed; width:53px; height:87px; background:url(../images/tg.png) no-repeat; right:50px; top:60%; z-index:99; margin-top:50px;transition:all 0.3s; cursor:pointer;}
.side_close:hover{opacity:0.8;filter:Alpha(opacity=80);}
.side_close#on{background:url(../images/tg2.png) no-repeat;right:0;}
.additional-features_pic{ position:fixed; width:72px; height:66px; background:url(../images/gotop2.png) rgba(0,0,0,0.25) center center no-repeat; right:3px; top:49%; z-index:201; margin-top:245px;transition:all 0.3s; cursor:pointer; border-radius:6px;}
.additional-features_pic.opa-0{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0); display:none;}
.additional-features_pic:hover{opacity:0.8;filter:Alpha(opacity=80);}
.additional-features {
  position: fixed;
  right: 3px;
  top: 49%;
  z-index: 200;
 /* width: 80px;*/
  box-sizing: border-box;
/*  display:none;*/
 box-shadow: 3.3px 3.5px 15px 6px rgba(0,0,0,0.05);
 border-radius:6px;
}
.additional-features.show{ display:block;}
.additional-features li {
  position: relative;
  padding-top:6px;
 /* margin-bottom:2px;
 border-bottom:1px solid #e5e5e5;*/
  width: 72px;
  height: 80px;
  line-height: 1;
  cursor: pointer;
  background-color: rgba(255,255,255,1.0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)";
  transition: all 0.2s linear;
  box-sizing: border-box;
  
}
.additional-features li:first-child{ border-radius:6px 6px 0 0;}
.additional-features li:last-child{ border-radius: 0 0 6px 6px;}
/*.additional-features li.kf{
  background-color: #00b43c;
}
.additional-features li.kf:hover{
  background-color: #009632;
}*/
/*.additional-features li.db {
  padding-top:16px;
  height:68px;
}*/
.additional-features li.xx .xx-dot{
  position: absolute;
  display: block;
  top:13px;
  right:13px;
  width: 7px;
  height: 7px;
  background-color: #ff1e00;
  border-radius: 50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}

.additional-features li.rx .revi-hotline-wrapper {
  display: none;
  position: absolute;
  left: -235px;
  bottom: 0;
  width: 235px;
  height: 80px;
}
.additional-features li.rx.active .revi-hotline-wrapper { display:block;}
.additional-features li.rx .revi-hotline {
  position: absolute;
  left: 0;
  width: 200px;
  height: auto;
  background-color: #fff;
  border: 1px solid #dddddd;
  cursor: text;

  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: -2px 3px 25px rgba(0,0,0,0.1);
  padding:12px;
  box-sizing: content-box;
}
.additional-features li.rx .revi-hotline h3 {
  margin: 16px 0 8px;
  font-family: 'Arial',"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,PingFang SC,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
  font-size: 28px;
  color: #52a12d;
  font-weight:normal;
}
.additional-features li.rx .revi-hotline h4{ font-weight:normal; font-size:14px; margin-right:10px; margin-top: 10px; line-height: 1.6;}
.additional-features li.rx .revi-hotline h4 b { color:#01a0c7; font-size:16px; } 

.additional-features li.xz .xz-ewm {
  display: none;
  position: absolute;
  top: -55px;
  left: -188px;
  width: 188px;
  height: 174px;
}
.additional-features li.xz.active .xz-ewm { display:block;}
.additional-features li.xz a {
  position: absolute;
  left: 0;
  width: 174px;
  height: 174px;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: url("../images/weixin.jpg") #fff center center;
  background-size: cover;
  box-shadow: 2px 2px 25px rgba(0,0,0,0.1);
}
.additional-features li p {
  font-size: 12px;
  color: #999999;
  text-align: center;
}
.additional-features li .additional-icon {
  margin:0 auto 4px;
  width: 36px;
  height: 36px;
  margin-top:7px;
/*  background: url("../images/tiny-icon.png");
  background: url("../images/tiny-icon@1x.png")\9;
  background-size: 72px 591px;*/
}
.additional-features li .additional-icon.icon1 {
background:url(../images/tool_whatsapp.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon1 {background-image:url(../images/tool_whatsapp2.png)}

.additional-features li .additional-icon.icon2 {
background:url(../images/tool_feedback.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon2 {background-image:url(../images/tool_feedback2.png)}
.additional-features li .additional-icon.icon3 {
background:url(../images/tool_qr.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon3 {background-image:url(../images/tool_qr2.png)}
.additional-features li .additional-icon.icon4 {
  background:url(../images/icon_qq.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon4 {background-image:url(../images/icon_qq_on.png)}
/*.additional-features li .additional-icon.icon5 {
 background:url(../images/right_pic5.png) center center no-repeat;
}
.additional-features li.active .additional-icon.icon5 {background-image:url(../images/right_pic5_on.png)}*/
.additional-features li.active {
  background-color: #f3f3f3;
}
.additional-features li.active span {
  display: none;
}
.additional-features li.active p {
  color: #01a0c7;
}




@media screen and (max-width: 1440px) {
/*.additional-features { width:68px;}
.additional-features li { width:68px; height:68px;}
.additional-features li .additional-icon { margin-top:0;}*/
}
@media screen and (max-width: 780px) {
.additional-features{ display:none!important;}
.additional-features_pic{ display:none;}
.side_close{ display:none;}
}
@media screen and (max-width: 640px) {

}


.caigou_btn { position: fixed; right:20px; bottom: 7%; z-index:998;
    height: auto;
     color: #fff;
    display: flex;
	justify-content: center;
    align-items: center;
	background:#006687;
	border-radius:5px;
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3); 
}
.caigou_btn a { color: #fff !important; display:block; padding: 12px 15px 8px 15px;}
.caigou_btn a:hover {cursor:pointer; transform:scale(1.08,1.08); transition: All 0.8s ease; -webkit-transition: All 800ms ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  }
.caigou_btn::after {
    display: inline-block;
    content: '';
    width: 35px;
    height: 35px;
    background:url(../images/caigou.png) center center no-repeat;
	background-size:35px auto;
	position:absolute; right:-15px; top:-15px;
}