@charset"utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, tr, button{padding:0; margin:0;-webkit-font-smoothing: antialiased;}
body{ font-family:"微软雅黑",Arial, Helvetica, sans-serif; background:#f3f4f6;}
html{ font-size:62.5%;-webkit-text-size-adjust:none;}img{border:none;}
ul,li{list-style:none;}
a{text-decoration:none; cursor:pointer;}
i,em{ font-style:normal;}

/*手机断点 */
/*min-device-width或max-device-width指的是设备整个渲染区宽度(设备的实际最大或最小宽度),
用了它可能在某些安卓机无法调用到下面的样式,因为某部分安卓机的屏幕大小不一致.*/
/*iphone4等屏幕高度480px的解决方案*/
@media only screen and (max-device-height:480px) {
    
}
/*iphone5以上的屏幕高度解决方案*/
@media only screen and (min-height:481px) {
    
}
/*三星大屏幕机最低宽度:note2-note3,S2-S4*/
@media only screen and (min-width:360px) and (max-width:374px){

}
/*Iphone6 plus,红米等大屏幕手机*/
@media only screen and (min-width:375px) and (max-width:435px) {
    
}

/*手机横屏:orientation:landscape*/
@media only screen and (min-width:480px) and (max-width:569px){
/*小米1,1s,iphone4,4s,5,5s等屏幕横屏宽度断点*/
}
@media only screen and (min-width:570px) and (max-width:640px) and (orientation:landscape){
/*三星,红米等手机屏幕横屏宽度断点*/
}
@media only screen and (min-width:641px) and (max-width:667px) and (orientation:landscape) {
/*Iphone6横屏宽度断点*/
}
@media only screen and (min-width:736px) and (max-width:767px) and (orientation:landscape){
/*Iphone6 plus横屏宽度断点*/
}

/*这里是指所有屏幕横屏时*/
/*@media all and (orientation:landscape) {  
}  
*/

/*平板和电脑:最低宽度768px*/
@media only screen and (min-width:768px) and (max-width: 959px) {

}
@media only screen and (min-width:960px) and (max-width:1024px) {

}
@media only screen and (min-width:1025px)and (max-width:1536px) {

}

/*这里是写给所有x2的分辨率屏幕:比如说iphone5,5s*/
@media only screen and (-webkit-min-device-pixel-ratio:2){
    
}
/*这里是写给所有x3的分辨率屏幕:比如说iphone6,6+*/
@media only screen and (-webkit-min-device-pixel-ratio:3){
    
}

/* windowsphone*/
@media screen and (-ms-view-state:filled) {

}
/*对齐视图*/
@media screen and (-ms-view-state: snapped) {

}
/*全屏幕横向*/
@media screen and (-ms-view-state: fullscreen-landscape) {

}
/*全屏幕纵向*/
@media screen and (-ms-view-state: fullscreen-portrait) {

}
.tu2 { width:80%;margin-top:3rem; text-align:center; text-align:center; margin-left:12.5%; }
.tu2 img {  }

.tu1{width:100%; height:57rem; background:url(images/03.jpg) no-repeat center; background-size:32rem 57rem; }
.tu2-1{ text-align: center; width:100%;}
.tu2-1 img{  width:42%; margin-left:5.2%; float:left;text-align:center; margin-bottom:0.8rem;  text-align:center;  }
.banner img { width:100%; height:100%;  }
.banner{ width:100%; height:13.45rem; background:url(images/02.jpg) no-repeat; background-size:100% 13.45rem; }
.b1{ }
.v3{ padding-top:4.5rem; margin-left:0.5rem;}

.b1_a{ background: url(images/08.png) no-repeat; background-size:4.6rem 6.15rem; width:4.6rem; height:8.85rem;  line-height:1.6rem;margin-left:0.5rem;display:block;float:left;}
.b2{ background: url(images/077.png) no-repeat ; background-size:4.6rem 8.85rem; width:4.6rem; height:8.85rem; line-height:1.6rem; margin-left:0.5rem;  

display:block;
float:left;}

.b1_a1{ background: url(images/08.png) no-repeat; background-size:4.6rem 6.15rem; width:4.6rem; height:6.15rem; display:block;margin-left:3rem;float:left; }
.b1_a2{ background: url(images/09.png) no-repeat; background-size:4.6rem 6.15rem; width:4.6rem; height:6.15rem; display:block;margin-left:3rem;float:left;}
.syuan{ margin-top:2rem; padding-bottom:2rem;}
.b1_2{ background: url(images/10.png) no-repeat; background-size:1.45rem 0.855rem; width:1.45rem; height:0.855rem; display:block; position:absolute; margin-top:8.1rem; margin-left:1rem;}
.b1_3{ background: url(images/10.png) no-repeat; background-size:1.45rem 0.855rem; width:1.45rem; height:0.855rem; display:block; position:absolute; margin-top:8.1rem; margin-left:9rem;}
.b1_4{ background: url(images/10.png) no-repeat; background-size:1.45rem 0.855rem; width:1.45rem; height:0.855rem; display:block; position:absolute; margin-top:8.1rem; margin-left:17rem;}
.ppp{ margin-top:2rem;}
.b1_a:hover{background: url(images/077.png) no-repeat 0rem 0rem; background-size:4.6rem 8.85rem; width:4.6rem; height:8.85rem;  display:block;  }
.b1_a1:hover{background: url(images/088.png) no-repeat 0rem 0rem; background-size:4.6rem 8.85rem; width:4.6rem; height:8.85rem;  display:block;  }

.b1_a2:hover{background: url(images/099.png) no-repeat 0rem 0rem; background-size:4.6rem 8.85rem; width:4.6rem; height:8.85rem;  display:block;  }

.b1_a1 img{idth:4.55rem; height:6.15rem; display:block;}
.xinx{ width:100%; text-align:center; line-height:3rem; font-size:1.6rem; color:#999;margin-top:5rem;}
.bb_2{ width:8rem; height:1.5rem; font-size:1.8rem; font-weight:bold;color:#85b723; line-height:1.5rem;   text-align:center;float:left; }
.bb_3{  height: auto; color:#fff; border-left:2px solid #85b723;  margin-left:8.6rem; margin-right:1.5rem;  }
.bb_3 p{  height: auto; color:#333; font-size:1.4rem; margin-top:1rem; padding-left:2rem; line-height:2rem; padding-bottom:0.8rem;  }
.bb_3 img{ width:90%; height:90%; padding-left:2rem; }
.bb_3 a{   color:#fff;   }
.bb_22{ }
.bb_222{ background:url(images/06.png) no-repeat right; margin-left:8.2rem;background-size:10px 10px; width:10px; height:10px; position: absolute; float:left;}

.syuan li{height: auto; }

#nav {margin:0 auto 60px; width:1080px; display:block;}
#nav .jquery_out {float:left;line-height:32px;display:block; border-right:1px solid #fff; text-align:center; color:#fff;font:18px/32px "微软雅黑"; background:#062723 url(../images/slide-panel_03.png) 0 0 repeat-x;}
#nav .jquery_out .smile {padding-left:1em;}
#nav .jquery_inner {margin-left:16px;}
#nav .jquery {margin-right:1px;padding:0 2em;}
#nav .mainlevel {background:#ffe60c; float:left; border-right:1px solid #fff; width:140px;/*IE6 only*/}
#nav .mainlevel a {color:#000; text-decoration:none; line-height:32px; display:block; padding:0 20px; width:100px;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background:#062723 url(../images/slide-panel_03.png) 0 0 repeat-x;}
#nav .mainlevel ul {display:none; position:absolute;}
#nav .mainlevel li {border-top:1px solid #fff; background:#ffe60c; width:140px;/*IE6 only*/}
.log {text-align:center; color:skyblue; line-height:24px; text-transform:capitalize; margin:50px auto;}

.banner1 img { width:100%; height:100%;  }
.banner1{ width:100%; height:100%;   }
.banner11 img { width:100%; height:100%;  }
.banner11{ width:100%; height:42.5rem;  }
.banner2 img { width:100%; height:15.65rem;  }
.banner2{ width:100%; height:15.65rem;  }
.banner3 img { width:100%; height:100%;  }
.banner3{ width:100%; height:100%; }
.banner3 p{ font-size:1.5rem; line-height:2.2rem; padding:2rem; }
.banner_common{position:relative;width:990px;margin:0 auto}
.banner_1{ width:100%; height:100%; }
.banner_3{width:100%;overflow:hidden;position:relative; text-align:center;}
.banner_inner{position:relative;margin:0 auto; width:100%;}
.banner_img li{position:relative;height:auto; width:100%; height:100%; text-align:center; }
.neir{ width:100%; height: auto; position: absolute; background:url(images/bj1.jpg) no-repeat; background-size:100% 100%;font-size:14px; padding-bottom:50px;}
.banner_common{position:relative;width:990px;margin:0 auto}

.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner_3 .control{width:130px;position:absolute;top:90%;left:90%;margin-left:-40px}
.banner_3 .control li{float:left;margin-left:8px;width:10px;height:10px;border-radius:50%;cursor:pointer;background:#787878}
.banner_3 .control li a{display:none}
.banner_3 .control li.current{background:#9a201b}
.ddf img{width:80%; height:80%; text-align:center;  }
.ddf {width:100%; height:100%; text-align:center;  }