@charset "utf-8";
/* Reset css*/
body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53}
body{_overflow:auto;_height:100%;margin:0 auto;}
html{_overflow:hidden}
html,body{font-family: "微软雅黑"}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}
.container:after {
    content:""; 
    display: block; 
    clear:both; 
 }
 .en{font-family: font1}
/*a*/
a{ text-decoration:none; color:#333;transition: all .3s;font-size: 14px;}
nav a:hover{color: #186bc9;}
nav a.on{border-bottom: 3px solid #186bc9}
/*title*/



/* 版心 */
.container{width: 1400px;margin: 0 auto;}

@font-face{
    font-family: 'font1'; 
    src: url('../font/font1.eot');
    src:url('../font/font1.woff') format('woff'),
        url('../font/font1.ttf') format('truetype'),
        url('../font/font1.svg') format('svg');
}



/* 头部 */
.header{width: 100%;background: #fff;height: 90px;position: fixed;top: 0;left: 0;z-index: 100}
.header .logo{display: block;float: left;padding-top: 8px}
.header .nav{float: left;margin-left: 70px;}
.header .nav li{float: left;height: 90px;position: relative;transition: all .5s;overflow: hidden;}
.header .nav li>a{display: block;line-height: 90px;height: 90px;z-index: 10;padding: 0 20px;text-align:center}
.header .logo img{height:70px;}
.header .nav li.on{background: #004b32;}
.header .nav li:hover{background: #004b32;height: auto;}
.header .nav li:hover>a{color: #fff;font-weight: bold;line-height: 80px;}
.header .nav li.on a{color: #fff;font-weight: bold;line-height: 80px;}
.header .nav li::after{content: "";position: absolute;display: none; width: 6px;height: 4px;background: url(../images/navOn.png) no-repeat;top: 52px;left: 50%;margin-left: -3px}
.header .nav li.on::after{display: block}
.header .nav .secNav{background: #004b32;transition: all 2s;text-align: center;opacity: .1;}
.header .nav .secNav a{color: #fff;height: 40px;display: block; line-height: 40px!important;}
.header .nav li:hover .secNav{background: #004b32;opacity: 1;}
.header .orderPhone{float:right;;color: #014828;font-size: 14px;padding-top: 34px}
.header .orderPhone img{display: inline-block;width: 33px;height: auto;margin-right: 10px; vertical-align: middle}
.header .orderPhone span{font-size: 20px;vertical-align: bottom;font-weight: bold}
/* 底部 */
.bottom{width: 100%;height: 70px;background: #014828;line-height: 70px;}
.bottom .container{width: 1200px;}
.bottom p{float: left;color: #fff;font-size: 14px;}
.bottom .banTie,.bottom .qihui{font-size: 12px;float: right}
.bottom .qihui{margin-left: 34px;}
.bottom .phoneNum{margin-right: 28px;}

/* 右侧悬浮 */

.rightFixed{position: fixed;right: 0;top: 350px;z-index: 100;bottom: 200px;}
.rightFixed .funcBox{background:rgba(6, 30, 9, .9);width: 70px;position: relative;height: auto;padding: 5px 0;margin-left: 10px;}
.rightFixed .funcBox div{width:34px;height: 34px; border-radius: 50%;margin:28px auto;cursor: pointer;transition: all .5s;}
.rightFixed .funcBox div img{width: 100%;height: 100%;display: block;}
.rightFixed .goLink{width: 80px;height: 30px;display: block;transition: all .5s; text-align: center;line-height: 30px;color: #fff;background: #014828;font-size: 14px;font-weight: bold}
.rightFixed .funcBox .wx:hover{transform: scale(1.3,1.3)}
.rightFixed .funcBox .tel:hover{transform: scale(1.3,1.3)}
.rightFixed .funcBox .goTop:hover{transform: scale(1.3,1.3)}
.rightFixed .goLink:hover{transform: scale(1.2,1.2);background: #fff;color: #004b32}
.rightFixed .funcBox .code{position: absolute;width: 135px;height: 135px;z-index: -1; left: 70px;top: 50%;margin-top: -68px;}
.rightFixed .funcBox .telNum{width: 132px;height: 48px;margin: 0;z-index: -1; position: absolute;padding:3px 14px; left: 70px;top: 50%;margin-top: -24px;  background: #004b32;color: #fff;border-radius: 0; font-size: 16px;font-weight: bold;}
/* 弹窗 */


/* 分页 */
.fenye{height: auto;text-align: center;margin: 30px 0;}
.fenye a{color: #fff;padding: 10px 15px;min-width: 15px; display: inline-block;vertical-align: middle;font-size: 20px;opacity: .7;}
.fenye a:hover{opacity: 1;font-weight: 700;}
.fenye span{color: #fff;padding: 10px 15px;margin: 0 10px; display: inline-block;vertical-align: middle;font-size: 20px;font-weight: 700;opacity: 1;}
.fenye .prveBtn{background: url(../images/prvedemo.png) no-repeat;background-size: 100% 100%; width:17px;height: 50px;; display: inline-block}
.fenye .nextBtn{background: url(../images/nextdemo.png) no-repeat;background-size: 100% 100%; width: 17px;height: 50px;; display: inline-block}
.fenye .prveBtn:hover{background: url(../images/prev.png) no-repeat;background-size: 100% 100%;}
.fenye .nextBtn:hover{background: url(../images/next.png) no-repeat;background-size: 100% 100%;}
@media screen and (max-width: 1400px) { 
    .header .container{width: 1200px;}
    .header .nav li>a{padding: 0 10px;}
    .header .nav{margin-left: 40px;}
}