@charset "utf-8";
body{color:#333;font:14px/1.231 "Microsoft YaHei",arial,helvetica,clean,sans-serif;min-width:1200px;width:100%;overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;border:0;outline:none;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% "Microsoft YaHei",arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1{font-size:32px;}
h2{font-size:26px;}
h3{font-size:20px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

.mt10{margin-top:10px;}

a{color:#333;text-decoration:none; cursor:pointer;}
a:focus{outline:0;}
.vam{vertical-align:middle;}
.clear{clear:both;height:0;line-height:0;font-size:0;}
p{word-spacing:-1.5px;}
.tr{text-align:right;}
.tl{text-align:left;}
.center{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.pa{position:absolute;}
.pr{position:relative}

/* -- 购物车外部框架 -- */
.cart_header,.cart_content,.cart_footer{width:760px;margin:0 auto;}

/* -- 页面整体布局 -- */
.header,.content,.footer{width:1200px;margin:0 auto;min-width:1200px; max-width:1200px;}
.h_nav li a:-webkit-any-link{display:block;}

/*字体*/
@font-face {
	font-family: 'DINOT-CONDBOLD';
	src: url('fonts/DINOT-CONDBOLD.eot');
	src: local('☺'),  url('fonts/DINOT-CONDBOLD.ttf') format('truetype'), url('fonts/DINOT-CONDBOLD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
i,em{ font-style: normal;}

/*header*/
.header-wrap{width:100%;background:url(Img/Common/t_bg.jpg) repeat-x; height: 185px; position: relative;z-index: 9;}
.header h1{width:190px;height:76px;float:left; padding: 23px 20px 0 0; height: 102px;}
.header h1 a{display:block;}
.header h1 img{width:190px;height:76px;vertical-align:middle;}
.header .txt{float:left;padding:0 0 0 17px; margin-top: 35px; border-left: 1px solid #ccc; color: #3471d2; font-size: 24px;}
.header .txt span{ display: block; color: #333; font-size: 18px; letter-spacing: 6px;}
.header .tel{float:right;margin-top:34px;padding-left:59px;color:#fff;background:url(Img/Common/tel.jpg) no-repeat; height: 55px;font-size:14px; color: #666;}
.header .tel span{display:block;font-size:28px; color: #3471d2;}
.h-nav{background:#27103b; clear: both;}
.h-nav li{float:left;height:60px;background:url(Img/Common/n_lin.jpg) no-repeat right 21px; position:relative;}
.h-nav li > a{display:block;height:60px;line-height:60px;color:#fff;text-align:center;z-index:1;transition:all .35s;-webkit-transition:all .35s; font-size: 16px; padding: 0 29px;}
.h-nav li > a:hover,.h-nav li.cur > a{background:url(Img/Common/n_cur.jpg) no-repeat center 0;}
.h-nav li.nob{ background: none; position: relative;}
.h-nav li p{ display: block; position: absolute; right: 0; top: 60px;background:url(Img/Common/cur2.jpg) no-repeat center 0 #719bdf; width: 100%; display:none;}
.h-nav li p a{ display: block; height: 50px; line-height: 50px; text-align: center; border-bottom: 1px solid #fff; font-size: 16px; color: #fff;}
.h-nav li p a.nob{ border-bottom: none;}
.h-nav li p a.cur,.h-nav li p a:hover{ background: #78ba00;}


/*footer*/
.f_bg{background:url(Img/Common/f_bg.jpg) repeat-x; height: 340px;}
.d_con1{ width: 416px; border-right: 1px solid #d8d8d8; height: 292px;}
.d_con1 ul{ overflow: hidden; padding-top: 39px; height: 128px;}
.d_con1 ul li{ float: left; width: 129px; line-height: 24px;}
.d_con1 ul li i{ display: block; font-weight: bold;}
.d_con1 ul li a{ display: block;}
.s_b{background:url(Img/Common/f_ss.jpg) no-repeat; width: 360px; height: 45px; overflow: hidden; margin-bottom: 12px;}
.s_01{ float:left;height:45px; width:285px; color:#666;border:none; background:none;line-height:45px; padding:0 15px; font-size: 14px;}
#sousuo2{float:left;height:45px; width:41px; background:none; border:none;}
.s_b input{ float:left;}
.d_con1 p{ font-size: 14px; color: #999;}
.d_con1 p a{ color: #999; display: inline-block; padding: 0 5px;}

.d_con2{ width: 383px;border-right: 1px solid #d8d8d8; height: 292px; text-align: center;}
.d_con2 h3{ padding-top: 21px;}
.d_con2 h3 span{ display: block; font-weight: normal; font-size: 20px; color: #666; padding: 9px 0 16px 0;}
.d_con2 p img{ width:105px; height: 105px; border: 8px solid #fff;}
.d_con3 em{ display: block; font-size: 14px; color: #666;}
.d_con3 em span{ padding: 0 19px;}


.d_con3{ width: 369px; padding-top: 34px;}
.d_con3 h3{ font-weight: normal; font-size: 14px; color: #666; padding-left: 60px; padding-bottom: 18px;background:url(Img/Common/f_tel.jpg) no-repeat;}
.d_con3 h3 span{ display: block; color: #78ba00; font-size: 28px;}
.d_con3 p{ font-size: 16px; color: #666; line-height: 29px; height: 123px;}
.d_con3 p span{ display: block;}

.d_con4{ height: 47px; line-height: 47px;text-align: center; font-size: 14px; color: #999;}
.d_con4 span{ padding: 0 42px;}.d_con4 img{ vertical-align: middle; padding-right:8px;}
/**/
.links{ height:auto;padding-bottom:60px; line-height: 55px; overflow: hidden;}
.links h3{ font-weight: normal; float: left;}
.links a{ font-size: 14px; color: #999;}
.links span{font-size: 14px; color: #999;}
.links span a{ display: inline-block; padding: 0 7px;}
/**/
/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

 /*temp.css*/
#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(img/nodata.gif) no-repeat 20px 20px;}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

/* -- 当前位置 -- */
.topadcs{width:100%; overflow:hidden; text-align:center;margin:0px auto; }
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:350px;}

.plc,.plc2{ background:url(Img/logo_03.png) no-repeat 0 center;height:20px;line-height:24px;padding:7px 8px 8px 35px; position:relative; color:#666; overflow:hidden; font-size:14px; margin:20px 0; font-family:"Microsoft Yahei","微软雅黑";}
.plc span {}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#666;}

/*客服*/
.fot{ position: fixed; right: 0; bottom: 25%;z-index:9; }
.fot ul li{ position:relative; width: 60px; height:60px;margin-bottom: 10px;}
.fot ul li a{ display:block; width: 60px; height:60px; text-align:center;background:url(img/common/bg3.png) no-repeat;  font-size: 14px; color: #fff;}
.fot ul li a span{ display: none; }

.fot ul li a img {
    padding-top: 10px;
}
.fot ul li.pta a{ height: 60px; }
.fot ul li a:hover,.fot ul li.cur a{background:url(img/common/bg3.png) no-repeat; }
.fot ul li i{ display: inline-block; position: relative; left:-143px; top:-103px; background:url(img/common/bg1.png) no-repeat; width: 134px; height: 125px;}
.fot ul li i img{ display: inline-block; width: 104px; height: 104px; padding: 11px 0 0 11px; }
.fot ul li em{ display: inline-block; position: relative; left:-228px; top:-73px; background:url(img/common/bg2.png) no-repeat; width:153px; height:50px; padding:10px 0 0 65px; font-size: 14px; color: #666;}
.fot ul li em b{ display: block; color: #78ba00; font-weight: normal; font-size: 18px; }
.fot ul li.my-kefu-tel em { display:none;}

.fufoot{ bottom: 0;overflow: hidden; position: fixed;width: 100%;z-index: 999;}
.fufoot img{ width:100%;}
.da_cn5 ul li a{  color:white;}