body{width:100%;height:100%;margin:0;padding:0;min-width:1200px;line-height:26px;color:#333;font:16px "微软雅黑","Microsoft YaHei";background-color: #fff;}
div,p,span,ul,li,dl,dt,dd,ol,h1,h2,h3, h4,h6,a,img,textarea,input,em,b,i {margin:0;padding:0;font-weight: normal;border:none;}
a{text-decoration: none;outline:none;color:#333;}
ul,li,ol{list-style: none;}
input,textarea,img{outline:none;border:none;}
i,em{font-style:normal;}
p{line-height:26px;}
.lt{float:left;}
.rt{float:right;}
.hide{display: none;}
.show{display: block;}
.container{width:1200px;margin:0 auto;height:auto;  }
img{max-width:100%;max-height:100%;vertical-align: middle;}
.quickbar_hoverbox img{max-width: inherit;max-height: inherit}
#header{height:100px;background: #fff;text-align: center;}
.logo{width:270px;height:100px;display: inline-block;vertical-align: top; }
.logo a{width:270px;height:100px;display: inline-block;}
.logo img{max-width:100%;max-height:100%;vertical-align: top;}

.nav{height:100px;line-height:100px;display: inline-block;width:775px;}
.nav li{  }
.nav li a{color:#fff;width:100%;height:100%;}
.nav li i{color:#fff;display: inline-block;height:100px;position: absolute;top:0;right: -3px;  background: #111;  width: 20px;}
.nav li.nav-li{position: relative;height:100px;}
.nav li  a{color:#333;  }
.nav li.nav-li a.nav-a{display: inline-block;height:100px;overflow: hidden;width:90%; }
.nav li.nav-li a.nav-a:after{content:"";display:none;width:90%;border-bottom:2px solid #0186ed;
    position: absolute;  bottom: 29px;margin: 0 auto;  }
.nav li.nav-li:hover a{color:#0186ed;}

.nav li.nav-li:hover a.nav-a:after{display: block;  }
.nav li.current a{color:#0186ed;  }
.nav li.current a.nav-a:after{display: block;  }
.nav li .chilmenu{position: absolute;top:100px;z-index:50;display: none; padding-top:5px;border-radius: 10px;width:100%;min-width: 130px;left:50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}
.nav li .chilmenu:after{content:"";display:block;width: 134px;height:19px;background: url(../images/img00_03.png) no-repeat center bottom;    background-size: 100% 100%;  }
.nav li .chilmenu li  {font-size:12px;height:37px;line-height:37px; background: rgba(255,255,255,.8); }
.nav li .chilmenu li:first-child{border-radius: 10px 10px 0 0;}
.nav li .chilmenu li a.navC-a {display: inline-block;height:37px;overflow: hidden;}
.nav li .chilmenu li a.navC-a span{font-size:12px;padding-bottom:7px;
    border-bottom:1px solid transparent;color:#333;}
.nav li .chilmenu li.current a span{color:#0186ed;border-bottom:1px solid #f8ac35;}
.nav li .chilmenu li:hover a span{color:#0186ed;border-bottom:1px solid #f8ac35;}
.nav li .chilmenu li:last-child a span{border:none;}
.search{display: inline-block;height:100px;line-height:112px;vertical-align: top;}
.index-tell{display: inline-block;overflow:hidden;width:126px;padding:0 7px;height:30px;line-height:30px;background: #f8ac35;border-radius: 15px;}
.index-tell i{color:#fff;font-size:17px;margin-right:3px;vertical-align: middle;}
.index-tell span{color:#fff;font-size:14px;}
.search form{display: inline-block;}
.search form .subBtn{width:30px;height:30px;background: url(../images/ser_03.png) no-repeat;}

#banner{position: relative;}
#banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:20px;z-index:50;}
#banner .bx-wrapper .bx-pager.bx-default-pager a{ opacity: 1;border:2px solid #fff;background: transparent;border-radius: 50%;}
#banner  .bx-wrapper .bx-pager.bx-default-pager a:hover,#banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;border:2px solid transparent;}
#banner .bx-wrapper .bx-controls-direction a{margin-top:-43px;}
#banner:after{content:"";display: block;height:220px;width:100%;background: url(../images/index-bg-1_02.png) no-repeat;background-size: 100% 100%;position: absolute;bottom:0;}

#ban  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:20px;z-index:50;}
#ban  .bx-wrapper .bx-pager.bx-default-pager a{ opacity: 1;border:2px solid #fff;background: transparent;border-radius: 50%;}
#ban   .bx-wrapper .bx-pager.bx-default-pager a:hover,#ban  .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;border:2px solid transparent;}

img.desaturate { filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.main1{padding:40px 0 0 0;}
.title{text-align: center;}
.title h5{font-size:30px;margin-bottom:10px;font-weight: normal;}
.title p{font-size:14px;color:#808080;width:700px;margin:5px auto 0;}
.title b{color:#2c9ff8;font-size:18px;}

.m1-cont{margin-top:35px;}
.m1-list{display: inline-block;width:330px;height:330px;margin:0 30px 50px;border-radius: 50%;overflow:hidden;text-align: center;}
.m1-list dl dt{width:130px;height:105px;text-align: center;margin:35px auto;}
.m1-list:hover dl dt img.desaturate { filter: grayscale(100%);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);}
.m1-list:hover {background: url(../images/img_03.png) no-repeat center center;width:330px;height:330px;}
.m1-list dl dd h3{font-size:18px;color:#333;
    width: 310px;  height: 24px;  overflow: hidden;  margin: 0 auto;  }
.m1-list dl dd b{font-size:18px;color:#808080;}
.m1-list dl dd p{font-size:14px;color:#808080;padding:0 46px;height:50px;overflow: hidden;}
.m1-list:hover dd h3{color:#fff;}
.m1-list:hover dd b{color:#fff;}
.m1-list:hover dd p{color:#fff;}

.main2{position: relative;}
.m2-bg{height:975px;}
.main2:before{content:"";display: block;background: url(../images/index-bg-3_02.png) no-repeat center top;
width:100%;height:242px;background-size: 100% 100%;position: absolute;top:0;}
.main2:after{content:"";display: block;background: url(../images/index-bg-1_02.png) no-repeat center bottom;
    width:100%;height:220px;background-size: 100% 100%;position: absolute;bottom:0}
.m2Box{position: absolute;top:0;left:0;width:100%;padding:95px 0 123px;text-align: center;}
.m2-cont{background: url(../images/img_03_03.png) no-repeat;width:880px;height:471px;margin:40px  auto 0;padding:65px 70px 105px 97px; }
.m2-page{color:#fff;height:388px;overflow: hidden;}
.m2-cont a{color:#fff;font-size:24px;display: block;margin-top:20px;}


.main3{padding:40px 0 60px;}
.roundabout_box {height:635px;width:1200px;margin:40px auto 20px auto;position: relative;}
.roundabout-holder{list-style:none;width:555px;height:555px;margin:0px auto;}
.roundabout-moveable-item{ height:535px;width:535px;border-radius: 50%; border:1px solid #f1f1f1;padding:2%;}
.roundabout-moveable-item i{ display: block; text-align: center;border:1px solid #f1f1f1;padding:2%;border-radius: 50%;margin:0 auto;}
.roundabout-moveable-item a{ display: block; text-align: center;  border-radius: 50%;line-height:495px;overflow: hidden;}
.roundabout-moveable-item img{ background-color:#FFFFFF;margin:0 auto;
    max-width:100%;max-height:100%; border-radius: 50%;vertical-align: middle;}
.roundabout-moveable-item a span{
    position: absolute;
    bottom: -84px;
    text-align: center;
    font-size: 20px;
    color: #2c9ff8;
    border-bottom: 1px solid #2c9ff8;
    width: 179px;
    left: 50%;
    margin-left: -90px;
    line-height: 70px;
    display: none;
    height: 71px;
    overflow: hidden;
}
.roundabout-moveable-item a em{display: none;width:93px;height:95px;background: url(../images/add_03.png) no-repeat;
position: absolute;top:50%;left:50%; margin:-50px 0 0 -40px;}
.roundabout-in-focus a span{display: block;}
.roundabout-moveable-item:hover a em{display: block;}

.roundabout_box  .ban_l_btn{ background:url(../images/img_09.png) no-repeat ;left:24px;}
.roundabout_box  .ban_r_btn{ background:url(../images/img_13.png) no-repeat ;right:7px;}
.roundabout_box  .ban_l_btn:hover{ background:url(../images/img_03_07.png) no-repeat ;}
.roundabout_box  .ban_r_btn:hover{ background:url(../images/img_03_10.png) no-repeat ;}
.roundabout_box .btn{width:123px;height:87px;display: block;position: absolute;top:50%;margin-top:-77px;}


.main4{background: url(../images/m4-bg_03.png) repeat;width:100%;padding:100px 0 70px;position: relative;}
.main4:after{content:"";display:block;width:100%;height:241px;background: url(../images/index-bg-2_02.png) no-repeat;
  background-size: 100% 100%;  position: absolute;top:0;left:0;}

.m4-cont{width:1270px;margin-top:30px;}
.m4-list{width:518px;height:244px;padding:15px 27px;border:1px solid #ccc;display: inline-block;
    margin-right:58px;position: relative;margin-bottom:60px;vertical-align: top;}
.m4-list dt{width:238px;height:220px;text-align: center;display:inline-block;position: absolute;top:27px;right:-30px;}
.m4-list dd{display: inline-block;width:290px; }
.m4-list dd h4{font-size:18px;line-height:45px;height:45px;overflow: hidden;}
.m4-list dd time{font-size:14px;color:#808080;display: block;margin:10px 0;}
.m4-list dd p{font-size:14px;color:#808080;height:104px;overflow: hidden;}
.m4-list dd a{text-align: center;position: absolute;bottom:-22px;left:25px;}
.m4-list dd a span{display: inline-block;width:140px;height:44px;line-height:44px; background: #2c9ff8;color:#fff;font-size:14px;vertical-align: top;}
.m4-list dd a i{display: inline-block; width:44px;height:44px;line-height:44px; background: #2c9ff8;color:#fff;font-size:20px;}
.m4-list:hover{background: #2c9ff8;border-color:#2c9ff8;}
.m4-list:hover dd a span{background: #f8ac35;}
.m4-list:hover dd a i{background: #f8ac35;}
.m4-list:hover dd h4{color:#fff;}
.m4-list:hover dd time{color:#fff;}
.m4-list:hover dd p{color:#fff;}

.more{display: block;width:175px;height:50px;border:1px solid #2c9ff8;border-radius: 10px;line-height:50px;
text-align: center;color:#2c9ff8;font-size:18px;margin:60px auto 0;}
.more:hover{background: #2c9ff8;color:#fff;}


#footer{background: #f2f2f2;}
.link{border-bottom:1px solid #ccc;text-align: center;height:47px;line-height:47px;}
.link ul li{display: inline-block;color:#333;font-size:14px;}
.link ul li a{color:#333;font-size:14px;}
.link ul li:hover a{color:#2c9ff8;}
.link ul li i{color:#333;font-size:14px;margin:0 10px 0 13px;}
.link ul li:last-child i{display: none;}

.footNav{padding:30px 0;}
.f-nav{width:890px;display: inline-block;vertical-align: top;}
.f-nav .f-nav-li{display: inline-block;text-align:center;vertical-align: top;}
 .f-nav-li .f-nav-a span{font-size:16px;color:#333;    display: block;  height: 21px;  overflow: hidden;  }
.f-nav-li .f-nav-a:after{content:"";display: block;width:20px;border-top:2px solid #f8ac35;
    margin:10px auto;}
.f-chilmenu .f-navC-a{font-size:14px;color:#808080;display: block;line-height:30px;height:30px;overflow: hidden;}
.f-chilmenu .f-navC-a:hover{color:#2c9ff8;}

.footMa{display: inline-block;}
.footMa dl {width:114px;display: inline-block;margin-left:20px;}
.footMa dl dt{width:94px;height:94px;padding:10px;text-align: center;background: url(../images/ma_03.png) no-repeat;}
.footMa dl dd{text-align: center;color:#333;font-size:14px;margin:8px 0 0 0;height:20px;overflow: hidden;}


.copy{ line-height:35px;text-align: center;}
.copy p{color:#808080;font-size:14px;}
.copy p a{color:#808080;font-size:14px;margin: 0 5px;}
.copy p a:hover{color:#2c9ff8;}

.posBox{height:74px;overflow: hidden;}
.posnavs{height:74px;background: url(../images/about2_05.png) no-repeat bottom right;  width:979px;text-align: right;}
.posnavs li{font-size:14px;color:#808080;display: inline-block;margin-top:28px;}
.posnavs li a{font-size:14px;color:#808080;}
.posnavs li i{font-size:14px;color:#808080;}
.posnavs li em{font-size:14px;color:#f8ac35;}
.posnavs li a:hover{color:#2c9ff8;}
.posnavs li:last-child a{color:#2c9ff8;}
.posnavs li:last-child i{display: none;}


.det-main{padding:0 0 50px 0 ;}
.det-nav{ width:230px; position: relative;margin-left:22px;display: inline-block; }
.det-navTitle{width:200px;height:100px;padding:10px;background: #0186ed;text-align: center;
    position: absolute;top:-50px;left:-20px;}
.det-navTitle span{color:#fff;font-size:24px;display: block;margin-top:15px;height:31px;overflow: hidden;}
.det-navTitle i{color:#fff;font-size:14px; height:16px;overflow: hidden;display: block;}
.det-navTitle:after{content:"";display:block;width:85px;border-bottom:2px solid #fff; margin:8px auto 0;}
.one{ width:232px;border:4px solid #e5e5e5;margin-top:35px;padding-top:40px; }
.one:after{content:"";display: block;width:232px;height:58px;background: url(../images/about3_03.png) no-repeat center bottom;}
.one .one-li{line-height:40px;position: relative;border-bottom:1px solid #e6e6e6;}
.one .one-li:last-child{border:none;}
.one .one-li a{ display: block;height:40px;    position: relative;
    z-index: 10;}
.one .one-li a span{color:#333;padding:0 15px;display: inline-block;height:40px;overflow: hidden;width:70%;}
.one .one-li:hover>a>span{color:#2c9ff8;}
.one .one-li a.box-on span{color:#2c9ff8;}

.two .two-li{ position: relative; }
.two .two-li a em{ font-size:38px;color:#808080;  vertical-align: top;  height: 40px;  line-height:40px;  display: inline-block;}
.two .two-li a span{padding:0 0 0 35px;color:#808080;}
.two .two-li:hover a em{color:#f8ac35;}
.two .two-li  a.box-in em{color:#f8ac35;}
.two .two-li  a.box-in>span{color:#2c9ff8;}
.two .two-li:hover>a>span{color:#2c9ff8;}
.three .three-li a{border:none;}
.three .three-li a span{padding:0 0 0 48px;}
.three .three-li:hover a span{color:#2c9ff8;}
.two {display: none;}
.three{display: none;}

.one .one-li i.in b{color:#2c9ff8;}
.one .one-li i{display: inline-block;position: absolute;right:15px;top:0;}
.one .one-li   b{display: inline-block;width:18px;height:18px;background: url(../images/icon_09.png) no-repeat center center;}
.one .one-li   i.in b{display: inline-block;width:18px;height:2px;background: url(../images/icon_03.png) no-repeat center center;}

.det-contentBox{width:900px;display: inline-block;margin-left:42px;vertical-align: top;margin-top:35px;}
.det-text{padding:10px;}

/*list*/
.listBox{padding-top:20px;}
.list-img{width:920px;overflow: hidden;}
.list-img dl{width:285px;height:298px;border:1px solid #e6e6e6;text-align: center;display: inline-block;margin:0 16px 20px 0;vertical-align: top;}
.list-img dl dt{width:100%;height:250px;}
.list-img dl dd{height:30px;line-height:30px;overflow: hidden;margin-top:9px;}
.list-img dl:hover{border:2px solid #2c9ff8;width:283px;height:296px;}

.page{text-align: center;margin-top:10px;}
.page li{display: inline-block;margin:0 5px;}
.page li a{color:#808080;font-size:14px;display: inline-block;width:24px;height:24px;text-align: center;line-height:24px;}
.page li.w a{width:auto;padding:0 8px;}
.page li:hover a{background: #2c9ff8;color:#fff;}


.list-imgT dl{width:806px;height:247px;padding:15px 30px;border:1px solid #ccc;position: relative;margin-bottom:30px;  }
.list-imgT dl dt{width:241px;height:220px;text-align: center;display:inline-block;position: absolute;top:28px;right:-30px;}
.list-imgT dl dd{display: inline-block;width:616px; }
.list-imgT dl dd h4{font-size:18px;line-height:45px;height:45px;overflow: hidden;}
.list-imgT dl dd time{font-size:14px;color:#808080;display: block;margin:10px 0;}
.list-imgT dl dd p{font-size:14px;color:#808080;height:104px;overflow: hidden;}
.list-imgT dl dd a{text-align: center; }
.list-imgT dl dd a span{display: inline-block;width:140px;height:44px;line-height:44px; background: #e6e6e6;color:#fff;font-size:14px;vertical-align: top;}
.list-imgT dl dd a i{display: inline-block; width:44px;height:44px;line-height:44px; background: #e6e6e6;color:#fff;font-size:20px;}
.list-imgT dl:hover{ border:2px solid  #2c9ff8;padding:14px 29px;}
.list-imgT dl:hover dd a span{background: #2c9ff8;}
.list-imgT dl:hover dd a i{background: #2c9ff8;}

.list-text li{height:50px;line-height:50px;}
.list-text li p{display: inline-block;color:#333;font-size:16px;height:50px;line-height:50px;width:730px;overflow: hidden;}
.list-text li time{color:#808080;font-size:14px;}
.list-text li:hover p{color:#2c9ff8}
.list-text li:hover time{color:#2c9ff8}

.sear{margin:45px 0;text-align: center;color:#808080;font-size:18px;}


/*content*/
.news{text-align: center;}
.news h5{font-size:18px;color:#333;}
.news span{font-size:14px;color:#808080;display: block;margin:10px 0;}
.news a{font-size:14px;color:#2c9ff8;margin-left:5px;}
.content-txt{padding:25px 0;}
.c-bot{border-top:1px solid #e6e6e6;padding:10px 0;}
.c-bot .page-ul{display: inline-block;width:550px;}
.page-ul li a{display: inline-block;line-height:25px;height:25px;overflow: hidden;color:#808080;font-size:14px;}

.pro-title{color:#2c9ff8;font-size:18px;text-align: center;margin:0 0 33px 0;}
.product{width:535px;height:375px;border:1px solid #e6e6e6;text-align: center;margin:0 auto;position: relative;}
.product .bd li{width:535px;height:375px;}
.product .hd a{color:#2c9ff8;opacity: .6;position: absolute;top:50%;margin-top:-29px;font-size:58px;cursor: pointer;}
.product .hd a.prev{left:-65px;}
.product .hd a.next{right:-65px;}
.product .hd a:hover{opacity: 1;}

.page-pro{border-top:1px solid #e6e6e6;padding:20px 0;text-align: center;}
.page-pro li{display: inline-block;margin:0 5px;}
.page-pro li a{display: inline-block;width:80px;height:28px;line-height:28px;text-align: center; color:#808080;font-size:14px;background: #e6e6e6;}
.page-pro li a:hover{color:#fff;background: #2c9ff8;}

