@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231  "Microsoft Yahei";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%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% 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:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
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  { width:1200px; margin:0 auto;  }
.left,.leftr{ width:266px; float:left; }
.leftr{ float:left;}
.left2 { width:908px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:266px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right,.rightl{ width:908px; float:right; display:inline;overflow:hidden;}
.rightl{ float:right;}
.right2 { width:266px;  float:right; overflow:hidden;margin-top:15px;}
.right3 { width:266px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:908px; overflow:hidden; }
.right2_main { width:266px;overflow:hidden;}
.left2_main { width:908px;overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}

/*头部*/
.content{ width:1200px; margin:0 auto;}.header{height: 196px;background:url(../images/head_bg.jpg) repeat-x center; position: relative; z-index: 99;visibility: visible;width:100%;}
     .header i {
    color: #02993a;
}
		.h_con{height:137px;}
		.h_con h1{float: left;margin: 36px 24px 0 8px;}
		.h_con h2{float:left;font-weight:normal;margin-top: 50px;padding-left: 20px;border-left: 1px solid #d2d2d2;}
		.h_con h2 b{display: block;font-size: 26px;color: #333333;line-height:50px;padding-bottom:4px;}
		.h_con h2 span{display:block;font-size: 20px;color: #333333;line-height: 20px;}
        .h_con p {float: right;margin-top: 45px;background:url(../images/ph.png) no-repeat 0px 0px; padding-left: 86px;font-weight: bold;height:80px;}
        .h_con p span{     font-size: 30px;
    color: #333;
    display: block;
    line-height: 59px;
    font-family: fantasy;}
		.h_con p b{ font-size: 24px;color: #3e3a39; display: block;  line-height: 24px;margin-left: 95px;margin-top: 10px;}

		.h_nav{height: 59px;float: left; }
		.h_nav ul li{float: left;font-size: 16px;height: 59px;line-height: 59px;padding:0 100px;border-right: 1px solid #5c564e;}
    .h_nav ul .zx_t{background:url(../images/san.png) no-repeat 110px 27px;position:relative;}
/*    .h_nav ul li:nth-child(3){background:url(../images/san.png) no-repeat 108px 27px;position:relative;}
*/    .h_nav ul .zx_t:hover,.h_nav ul .zx_t .cur{background:url(../images/san.png) no-repeat 110px 27px #3e3932; }
    .h_nav ul .zx_t:hover,.h_nav ul .zx_t .cur{background:url(../images/san.png) no-repeat 110px 27px #3e3932; }
	.h_nav ul li>a{color: #ffffff;    display: block; font-size:16px ;}
    .h_nav li:hover,.h_nav li.cur{background: #02993a;}
    .h_nav li p{display: none;position: absolute;width: 100%;text-align: center;left: 0;top: 59px;z-index:10; background: #fff;}
    .h_nav  li p>a{display: block;height: 46px;line-height: 46px;font-size: 14px;color: #333;border-top:1px solid #dcdcdc;background:none;}
    .h_nav  li p>a:hover{font-weight:bold;}
        
    


 /**/
.footer{height: 350px;background: #424242;}
.f_lg{float: left;margin-top: 70px;width: 320px;}
.f_lg h3{font-weight: normal;padding: 5px 0 25px;position: relative;}
.f_lg h3:after{position: absolute;width: 173px;height: 1px;background: #1a9d53;left: 0;bottom: 0;content: "";}
.f_lg h3 b{display: block;font-size: 19px;color: #fff;line-height: 24px;opacity: 0.8;}
.f_lg h3 i{display: block;font-size: 16px;color: #fff;line-height: 16px;padding-top: 12px;letter-spacing: 4px;opacity: 0.5;}
.f_lg .tel{margin-top: 10px;
    margin-right: 84px;
    text-align: center;}
.f_lg .tel i{display: block;font-size: 14px;color: #969696;line-height: 20px;padding-left: 25px;background: url(../images/tel3.png) no-repeat 60px center;}
.f_lg .tel b{display: block;font-size: 24px;color: #fff;font-family: Arial;line-height: 32px;}
.f_nav{float: left;margin-top: 70px;height: 174px;width: 235px;padding-left: 35px;border-left: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2);}
.f_nav h3,.gsxx h3,.gsxx1 h3{font-weight: normal;margin-bottom: 6px;color: #fff;}
.f_nav h3 b,.gsxx h3 b,.gsxx1 h3 b{display: block;font-size: 20px;line-height: 20px;}
.f_nav h3 i,.gsxx h3 i,.gsxx1 h3 i{display: block;font-size: 12px;line-height: 28px;opacity: 0.2;text-transform: uppercase;}
.f_nav p a{float: left;font-size: 14px;color: #fff;opacity: 0.5;line-height: 36px;width: 115px;}
.f_nav p a:hover{opacity: 1;}
.gsxx{float: left;margin-top: 70px;width: 315px;padding-left: 35px;border-right: 1px solid rgba(255,255,255,0.2);min-height: 174px;}
.gsxx1{float: left;margin-top: 70px;padding-left: 24px;}
.gsxx p{font-size: 14px;color: #fff;line-height: 28px;opacity: 0.5;height: 28px;}
.gsxx p i{margin-left: 60px;}
.gsxx p a{color: #fff;}
.sao{float: right;width: 101px;margin-top: 12px;    margin-right: 15px;}
.sao p{background: #fff;}
.sao p img{display: block;width: 100px;height: 100px;}
.sao p span{display: block;font-size: 14px;color: #666;line-height: 20px;text-align: center;height: 34px;}
.sao .zx{font-size: 14px;color: #999;display: block;height: 30px;line-height: 30px;text-align: center;} 
  
/*banner*/
        .fullSlide{ min-width:1200px; position:relative; height:350px;}
        .fullSlide .bd{ position:relative; z-index:0;}
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:350px; overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block; height:350px; }
		.fullSlide .bd li img {width: 1920px;height: 350px;display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;}
        .fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:30px; position:absolute; z-index:1;}
        .fullSlide .hd ul{margin-left:500px; }
        .fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 62px;height: 5px;background: #000; text-indent: -999px;}
        .fullSlide .hd ul .on{background: #d92e8a;}
        .fullSlide .pageState{display: block;font-size: 30px;color: #fff;position: absolute;bottom: -105px;right: 0;height: 103px;width: 133px;text-align: center;line-height: 88px;overflow: hidden; font-family:Georgia, "Times New Roman", Times, serif;}
        .fullSlide .pageState span{font-size: 60px;}

/*弹出框*/
#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;}
.b15 {background: url(../images/skinsvibtn.jpg) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }

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


.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#333;}
.hp_withs{ width:1000px;}

.t_bgnone{position: fixed;top: 20%;_position: absolute;_margin-top:250px;_top: expression(eval(document.documentElement.scrollTop-880));z-index:10; display:none; left:0.2%; _left:0.2%}
.t_bgnone .leib2,.leib{ width:170px;}
.t_bgnone .leib2 .nr ul li {padding-left: 12px;}

.links{height: 100px;line-height: 100px;font-size: 12px;color: #fff;background: #008c3d;}
.links a{color: #fff;margin-right: 80px;opacity: 0.5;}
.links a b{font-size: 16px;}



/*浮动*/
.drift{ width:77px; height:auto; position:fixed; bottom:30%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:77px; height:77px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:77px; height:77px; background:#2D2C32; overflow:hidden;}
.drift #rolls a{background:#74ac52;}
.drift li a:hover,.drift #rolls a:hover{ background:#74ac52;}
.drift li a:hover span{display:block;}
.drift li span{width:244px; right:77px;top: 1px;height: 77px;line-height: 77px; background: #74ac52;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 30px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:146px;display:block;overflow:hidden;padding:10px 10px 6px 10px;width:146px;}
.drift li .ewm em{height:40px;line-height:18px;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000;}
.drift li span.ewm{width:166px; }

				
				
				
#header{height: 92px;position: fixed;top: 0;width: 100%;z-index: 1000;transition: all .3s;-webkit-transition: all .3s;background: #fff;}
.head-acon { height: 100%;position: relative; }
.head-acon::after { bottom: -3px; left:0px;  position: absolute; content: ''; width: 100%; height: 3px; display: block; background: #dce0e9;}
.head-search{float:right;}
.head-search>p{font-size:14px;color:#fff;float:left;height:40px;padding-left:20px;background:url(../images/htel.png) no-repeat left;}
.head-search>p>a{font-size:16px;font-weight:bold;color:#fff;}
.head-search>form{float:left;width:190px;margin: 7px 0 7px 20px;line-height:26px;height:26px;background:#fff;border-radius:15px;}
.head-search>form>.s_tt{width:calc(100% - 36px);float:left;padding-left:20px;padding-right:10px;}
.head-search>form>.s_bt{width:36px;float:left;background:url(../images/page/search-btn.png) no-repeat center;}
.headcon{z-index:999; width:90%;margin:0 auto;}
.logo{float: left;margin:10px 0 0 0px;}
.logo a{display: block;position:relative; float: left;}
.logo a img{height:75px;}
.logo a img.logo-def{position: relative;left: 0;top: 0;z-index: 1;}
.logo .dwy { float: left; margin-left: 10px; padding-left: 15px; background: url(../images/dwy_bg.png)no-repeat left -12px; }
.logo .dwy h1 { font-size: 22px; color: #2f2f2f; font-weight: bold;line-height: 66px;}
.logo .dwy h2 { font-size: 22px; color: #28a7fb; font-weight: bold; margin-top: 18px;}

.logo .dwy p { font-size: 16px; color: #444444; line-height: 2; }

#header:hover .head-acon, #header.active .head-acon{background:none;}
.head-raea{float: right;position: relative;}
.head-htel{text-align:center;color:#fff;padding-left:28px;background:url(../images/htel.png) no-repeat left;float:left;}
.head-htel h4{font-size:18px;font-weight:bold;}
.head-htel h4 a{color:#fff;}
.head-htel p{font-size:14px;}

#search-btn{float:left;display:block;line-height: 36px;margin: 27px 0;color:#fff;background:#28a7fb;font-size:16px;padding:0 26px;border-radius:18px;cursor:pointer;}
#search-btn i{margin-right:8px;}
#search-close{float:left;display:block;line-height: 34px;margin: 22px 0;color:#fff;font-size:30px;cursor:pointer;display:none;}
.search-con{position:absolute;right:0;top:90px;width:350px;background:#4a4a4a;padding:10px;overflow:hidden;display:none;}
.search-con form{background:#fff;}
#keyword{display: block;height: 40px;width: 100%;background: none;text-indent: 1em;padding-right:50px;}
.search-con .s_bt{position: absolute;right: 10px;top: 10px;cursor: pointer;display: block;width: 40px;height: 40px;background: url(../images/search-btn.png) no-repeat;}
.search-con .s_bt:hover{background-color:#ddd;}

#m-head-nav{height: 16px;position: relative;float: left;display:none;margin-left: 20px;margin-top: 42px;width: 24px;}	
#m-head-nav .line{width: 24px;height: 2px;background-color: #fff;position: absolute;left: 0px;top: 7px;}
#m-head-nav .line1{margin-top: -7px;}
#m-head-nav .line3{margin-top: 7px;}
#m-head-nav[data-active="on"] .line1{margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#m-head-nav[data-active="on"] .line2{display: none;}
#m-head-nav[data-active="on"] .line3{margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#header:hover #m-head-nav .line, #header.active #m-head-nav .line{background-color:#28a7fb;}

/* 导航栏 */
.nav{float: right;}
.nav>li{float: left;margin-right: 40px;position:relative;}
.nav>li:last-child{margin-right: 0;}
.nav>li>a{display: block;font-size: 16px;padding: 0;color: #444444;position: relative;line-height: 125px;padding:0 8px;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav>li.cur>a { color: #28a7fb; } 
.nav>li>a::after{content: '';position: absolute;left: 50%;right: 50%;bottom: 32px;height: 4px;background-color: #fff;-webkit-transition-property: left,right;transition-property: left,right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.nav>li:last-child>a::before{display:none;}
.nav-er-box{position: absolute;top: 100%;left: 50%;margin-left: -90px;width: 180px;display: none;padding-top: 6px;box-shadow: 0 10px 10px 0px rgb(0 0 0 / 40%); z-index: 9999;}
.nav-er-list{background: #333;line-height: 40px;position: relative;border-bottom: 1px solid #666;}
.nav-er-list:last-child{border-bottom: none;}
.nav-er-list a{display: block;padding: 0 15px;}
.nav-san-box{position: absolute;top:0;left: 100%;width: 218px;background: #fff;display: none;}
.nav>li:last-child>.nav-er-box .nav-san-box{left: auto;right:100%}
.nav-er{color: #f7f7f7;font-size: 15px;transition: 0.3s all ease;}
.nav-er i{float: left;display:block;width:20px;height:20px;margin-right:10px;margin-top:10px;    background-repeat: no-repeat;background-size: 20px;transition: 0.3s all ease;}
.nav-er span{display: block;text-align:center;}
.nav-san-box a{position: relative;display: block;padding-left: 56px;}
.nav-san-box a::before{content: '';position: absolute;top:15px;left: 23px;width: 10px;height: 10px;background: url(../images/page/nav-rjt.png);}
.nav-yi::after{position: absolute;content: ''; bottom:25px;left: 0;width: 100%;border-bottom: 2px solid #28a7fb;display: none;}
.nav-er-box::before{position: absolute;content: ''; width: 18px;height: 6px;background: url(../images/page/nav-up.png) no-repeat center;left: 50%;margin-left: -9px;top:0;}
.nav li.active .nav-yi{color: #28a7fb;}
.nav-box li.active .nav-yi::after{display: block;}
.nav>li:hover .nav-er-box{display: block;}
.nav>li:hover .nav-yi{color: #28a7fb;}
.nav>li:hover .nav-yi:after{display: block;}
.nav-er-list:hover .nav-er{color: #28a7fb;font-weight: bold;}
.nav-er-list:hover .nav-er i{background-position-y: -20px;}
.nav-er-list:hover{background: #fff;}
.nav-er-list:hover .nav-san-box{display: block;}
.nav-san-box a:hover{color: #28a7fb;}
.nav>li:hover>a::after, .nav>li.cur>a::after{left: 0;right: 0;}
#header:hover .nav>li>a, #header.active .nav>li>a{color:#333;font-weight: 700;}
#header:hover .nav>li:hover>a, #header:hover .nav>li.cur>a, #header:hover .nav>li>a:focus, #header:hover .nav>li>a:hover,
#header.active .nav>li:hover>a, #header.active .nav>li.cur>a, #header.active .nav>li>a:focus, #header.active .nav>li>a:hover{background:transparent;color:#28a7fb;}
.nav>li.cur>a::after{/*background-color: #28a7fb;*/}
.nav>li:hover>a::after {background-color: #28a7fb;}
#header:hover .head-htel, #header.active .head-htel{color: #666;background: url(../images/htelx.png) no-repeat left;}
#header:hover .head-htel h4 a, #header.active .head-htel h4 a{color: #333;}