@charset "utf-8";
*{margin:0px;padding:0px;}
div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,th,td{margin:0;padding:0;border:0; font-size: 100%; font-weight:normal;}
ul,li{list-style: none;}
i,b,em{font-style: normal;}
a{text-decoration: none;color: #333;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.margin{margin: 0 auto;}
body {font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,'Microsoft Yahei';font-weight: normal;margin: 0;min-width: 1200px;color: #333;}
.ct{width: 1200px;margin: 0 auto;overflow: hidden;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.b{font-weight: 700;}
.cf{color: #fff;}
.f16{font-size: 16px;}

/* 网站头部 */
.top{width: 1200px;height: 130px;position: relative;}
.top .logo{width: 264px;height: 90px;position: absolute;left: 0;top: 15px;}
.top .logo img{border:0;}
.top_c{width: 600px;height: 130px;background: red;padding-left: 26px;font-family: '微软雅黑'; font-size: 20px; position: absolute;left: 315px;line-height: 130px;background: url(../images/top_c.jpg) no-repeat center left;}
.top_r{width: 325px;position: absolute;right: 0;top: 26px;background: url(../images/top_r.jpg) no-repeat 80px 25px;}
.top_r .fl{font-size: 16px;line-height: 24px;margin-top: 15px;text-align: center;}
.top_r .fr{width: 225px;font-size: 24px;font-weight: bold;color: #fe0000;margin-top: 8px;}
.top_r i{display: inline-block;width: 215px;height: 30px;padding-left: 20px; background: url(../images/top_phone.png) no-repeat center left;line-height: 30px;font-weight:bold;}
.top_r em{display: inline-block;width: 215px;height: 30px;padding-left: 23px; background: url(../images/top_phone2.png) no-repeat center left;line-height: 30px;font-weight:bold;}
.nav{width: 1200px;margin: 0 auto;}
/*核心样式 实现三级导航的效果*/
.dropdown { position: relative; z-index: 597; float: left;}
.dropdown li{ float: left; vertical-align: middle; zoom: 1;}
.dropdown li.hover,.dropdown li:hover { position: relative; z-index: 599; cursor: default;}
.dropdown ul { visibility: visible; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
.dropdown li.on{width: 280px;background: #126fcc;margin-right: 10px;}
/*核心样式 实现三级导航的效果*/
/*辅助样式 美化导航 更多：www.daixiaorui.com */
.my_nav{font-size:16px;height:50px; line-height:50px;width: 1200px;}
.my_nav ul{	background: url(../images/navon.png)}
.my_nav li a.act{color:#126fcc;}
.my_nav li:hover a{color:#126fcc;}
.my_nav ul li a:hover{text-decoration:underline;}
.my_nav li{width:100px;text-align:center;}
.my_nav a{text-decoration:none;color:#474747;}
.my_nav ul{width:280px;line-height: 30px;padding-top: 30px;}
.my_nav ul dd{width: 280px;margin: 0 auto;}
.my_nav li.zhuanti ul{height:0; padding-top:0; overflow:hidden; transition: all ease-out .3s; }
.my_nav li.zhuanti:HOVER ul{ height:360px; padding-top: 30px;}
.my_nav li.on li{width: 280px;/* height: 120px; */}
.my_nav li.on a{color:#fff;}
.my_nav li.on dt{font-size: 22px;font-weight: 500;}
.my_nav li.on dt a{margin: 0 10px;}
.my_nav li.on dt i{width: 10px;height: 10px; display: inline-block;background: url(../images/navdti.jpg) no-repeat center;}
.my_nav li.on dd a{margin-left: 2px; width: 100px;display: inline-block;}
.my_nav .buxian{height:250px; padding-top:0;}
.my_nav .buxian a:HOVER{text-decoration: none;}
.my_nav .buxian li{height:130px; margin-top:50px; color:#fff; }
.my_nav .buxian li .mianfei{width:86px; height:47px; margin:0 auto; line-height:47px; border-radius:2px; background:#fff; font-size:31px; color:#126fcc; }
.my_nav .buxian li .kancha{margin-top:15px;  font-size:20px;}
.my_nav .buxian li .sheji{margin-top:5px; font-size:20px;}

.banner{}
#items{width: 100%; height: 720px;background: #ededed;overflow: hidden;}
/* title下划线公用 */
#items .title,#m03 .title{text-align: center;margin-top: 70px;}
#items .title label,#m03 .title label{font-size: 44px;color: #474747;}
#items .title span,#m03 .title span{font-size: 16px;color: #808080;}
#items .desc,#m03 .desc{width: 445px;height: 11px;background: url(../images/itli.jpg) no-repeat center;margin: 0 auto;margin-top: 20px;}
#items .desc hr,#m03 .desc hr{width: 200px;height: 5px; border: 0; border-bottom:1px solid #ccc; }
/* end title下划线公用 */
#items .content{height: 440px;background: #fff;margin-top: 50px;position: relative;}
.content-tit{width: 100%;height:140px;background: #dbdbdb;font-size: 20px;}
.content-tit li{width: 300px;height: 140px;float: left;text-align: center;cursor: pointer;overflow: hidden;}
.content-tit li i{display: block;width: 40px;height: 40px;margin: 30px auto 6px auto;}
.content-tit li i.i1{background: url(../images/itemsi1.png) no-repeat center;}
.content-tit li i.i2{background: url(../images/itemsi2.png) no-repeat center;}
.content-tit li i.i3{background: url(../images/itemsi3.png) no-repeat center;}
.content-tit li i.i4{background: url(../images/itemsi4.png) no-repeat center;}
.content-tit li.select{background: #fff;border-top: 4px solid #126fcc;box-shadow: 0 -35px 35px 10px rgba(204,204,204,1);width: 300px;height: 136px;overflow: hidden;}
.content-con{text-align: center;}
.content-con .mod1{padding-top:30px; height:270px; color:#474747; background:url(../images/i_anfang.png) no-repeat right bottom; }
.content-con .mod2{padding-top:30px; height:270px; color:#474747; background:url(../images/i_wangluo.png) no-repeat right bottom; }
.content-con .mod3{padding-top:30px; height:270px; color:#474747; background:url(../images/i_jicheng.png) no-repeat right bottom; }
.content-con .mod4{padding-top:30px; height:270px; color:#474747; background:url(../images/i_wangluo.png) no-repeat right bottom; }
.content-con dt{font-size: 16px;  }
.content-con ul{width: 1000px;height: 160px;position: absolute;bottom: 0;}
.content-con li{width: 138px;height: 46px;border: 1px solid #126fcc;float: left;line-height: 46px;font-size: 18px;color: #126fcc;margin:0 0 30px 80px;}
.content-con .more{width: 150px;height: 50px;background: #126fcc;color: #fff;line-height: 50px;position: absolute;bottom: 75px;right: 70px; font-size:18px; }
#m02{width: 100%;height: 630px;background: #f2f2f2;text-align: center;overflow: hidden;}
/* 标题共用 */
#m02 .title,#m05 .title{margin-top: 50px;color: #1a1a1a;font-size: 20px;}
#m02 .title i,#m05 .title i{display: inline-block;width: 20px;height: 15px;background: url(../images/m02p1.jpg) no-repeat center;}
#m02 .title em,#m05 .title em{display: inline-block;width: 20px;height: 15px;background: url(../images/m02em1.jpg) no-repeat center;}
#m02 .title p,#m05 .title p{margin-top: 10px;}
/* end 标题共用 */
#m02 .content{width: 1200px;margin: 0 auto;}
#m02 .content ul{width: 1230px;height: 350px;overflow: hidden;margin-top: 50px;}
#m02 .content li{position:relative; width: 280px;height: 300px;float: left;background: #fff;margin-left:27px;webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: 0 10px 15px rgba(204,204,204,.3); }
#m02 .content li:first-child{margin-left: 0;}
#m02 .content .li1{height:95px; background:url(../images/m02li1.jpg) no-repeat center 40px; }
#m02 .content .li2{height:95px; background:url(../images/m02li2.jpg) no-repeat center 40px; }
#m02 .content .li3{height:95px; background:url(../images/m02li3.jpg) no-repeat center 40px; }
#m02 .content .li4{height:95px; background:url(../images/m02li4.jpg) no-repeat center 40px; }
#m02 .content dt{font-size: 20px;line-height: 40px;margin-bottom: 10px;}
#m02 .content dd{color:#808080; }
#m02 .content .more{width: 98px;height: 34px;border-radius: 18px; border: 1px solid #c6c6c6;line-height: 36px; position:absolute; bottom: 50px; left:90px;color: #adadad; -webkit-transition-property: background-color;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;}
#m02 .content li:hover .more{border: 0;background-color:#126fcc;color: #fff;}
#m02 .content .more a{display:inline-block; height:36px; color:#fff;}
#m03{width: 100%;height: 630px;}
#four_flash{position:relative;width:1200px;height:320px; margin:50px auto;}
#four_flash .flashBg{width: 1083px;height: 330px;margin:0 auto;overflow:hidden;position: relative;}
#four_flash .flashBg ul.mobile{width:2000%;height:320px; position:absolute;top:0; left:0;}
#four_flash .flashBg ul.mobile li{float: left;margin: 0 20px;width: 320px; height: 320px;background: #f5f5f5;webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: 0 2px 20px 3px rgba(204,204,204,1);}
#four_flash li hr{margin-top: 20px;margin-left: 20px;}
#four_flash li h2{line-height: 40px;color: #474747;font-size: 20px;margin-left: 20px;}
#four_flash .but_left{width:40px;height:40px;position:absolute; top:150px; left:0px;cursor: pointer;}
#four_flash .but_right{width:40px;height:40px; position:absolute; top:150px; right:0px;cursor: pointer;}
#m03 .more,#m05 .more{width: 280px;height: 50px;margin: 60px auto; font-size:16px; line-height: 50px;text-align: center;}
#m03 .more div,#m05 .more div{width: 50%;height: 50px;}
#m03 .more .fl,#m05 .more .fl{background: #f2f2f2;color: #126fcc;}
#m03 .more .fr,#m05 .more .fr{background: #126fcc;color: #fff;}
#m04{width: 100%;height: 220px;background: url(../images/m04.jpg) no-repeat center;}
#m05{width: 100%;height: 800px;overflow: hidden;}
#m05 .title{text-align: center;}
#m05 .m05_l,#m05 .m05_r{width: 560px;margin-top: 30px;}
#m05 .content .ft{border-bottom: 1px solid #ccc;width: 100%;line-height: 36px;}
#m05 .content .ft a{color: #1a1a1a;font-size: 20px;}
#m05 .m05_l li.on{margin: 10px auto 20px auto;}
#m05 .m05_l li.on img{width: 220px;height: 180px;}
#m05 .m05_l li.on dl{width: 320px;height: 180px;float: right;line-height: 36px;}
#m05 .m05_l li.on .deta{float: right;font-size: 14px;}
#m05 .m05_l li.on dt{line-height: 26px;margin-bottom: 10px;}
#m05 .m05_l li.on dd{color: #808080;line-height: 20px; height:100px; }
#m05 .m05_l li{line-height: 50px;}
#m05 .m05_l li a{font-size: 18px;color: #1a1a1a;}
#m05 .m05_l li:hover a{color: #126fcc;}
#m05 .m05_l li em{color: #808080;}
#m05 .m05_l li i{display: inline-block;width: 20px;height: 16px;background: url(../images/m05_li.jpg) no-repeat center left;}
.list_lh{width: 100%;height: 350px;overflow: hidden;}
.list_lh label{display: inline-block; width: 20px;height: 20px;background: #000;color: #fff;text-align: center;margin-right:6px;}
.list_lh dl{height: 90px;}
.list_lh dt{margin-bottom: 4px;}
.list_lh dd{color: #808080;}
.list_lh dd a{color: #808080;}
.list_lh dd .fr{width: 500px;margin-right: 30px;}
.list_lh a{color: #1a1a1a;}
.list_lh dl a:hover{color: #126fcc;}
/* 网站底部 */
#footer{height: 350px;width: 100%;background: #126fcc;overflow: hidden;color: #fff;}
#footer a{color: #fff;}
#footer .content{height: 260px;width: 1200px;position: relative;margin-top: 50px;}
#footer .f01{width: 265px;height: 200px;position: absolute;top: 0;left: 0;}
#footer .f01 p{margin-top: 26px;font-size: 16px;width: 250px;}
#footer .f02{width: 320px;height: 200px;position: absolute;top: 10px;left: 310px;}
#footer .f02 dl{float: left;width: 33%;text-align: center;}
#footer .f02 dt{font-size: 16px;line-height: 20px}
#footer .f02 dd{font-size: 14px;line-height: 30px;margin-top: 18px;}
#footer .f03{width: 200px;height: 200px;position: absolute;top: 0;left: 660px;text-align: center;}
#footer .f03 img{width: 150px;height: 150px;}
#footer .f03 p{line-height: 30px;font-size: 16px;}
#footer .f04{width: 280px;height: 200px;position: absolute;top: 0;right: 35px;}
#footer .f04 dt{margin-bottom: 20px;}
#footer .f04 li{line-height: 30px;font-size: 30px;font-weight: bold;margin: 10px auto;}
#footer .f04 i{display: inline-block;width: 38px;height: 30px;background: url(../images/f04i.png) no-repeat left top;vertical-align: middle;}
#footer .f04 em{display: inline-block;width:40px;height: 30px;background: url(../images/f04em.png) no-repeat left top;vertical-align: middle;}
#footer .bottom{text-align: center;}

/* 右侧边栏 */
.side{position:fixed;width:60px;height: 360px;background: #4D4D4D;right:0;top:50%;margin-top:-180px;z-index:100;border-radius: 25px 0 0 25px;}
.side ul li{width:60px;height:60px;float:left;position:relative;line-height:50px;}
.side ul li span{padding-left: 60px;height: 60px;line-height: 60px;display: block;}
.side ul li .sidebox{vertical-align:middle;position:absolute;width:60px;height:60px;top:0;right:0;transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden;}
.side ul li .side1{background: url(../images/sider.png) no-repeat 19px center;}
.side ul li .side2{background: url(../images/sider1.png) no-repeat 16px center;}
.side ul li .side3{background: url(../images/sider2.png) no-repeat 19px center;}
.side ul li .side4{background: url(../images/sider3.png) no-repeat 18px center;}
.side ul li .side5{background: url(../images/sider4.png) no-repeat 18px center;}
.side ul li .side6{background: url(../images/sider5.png) no-repeat 19px center;}
.side ul li .sidebox img{padding: 11px 18px;float:left;}
.side ul li .sidetop img{padding:15px;float:left;}
.side ul li .sidetop{width:60px;height:60px;display:inline-block;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;cursor: pointer;}
.side .sider_2wm{position: absolute;right: 60px;top: -180px;display: none;}
.side .sider_h:hover .sider_2wm{display: block;}


        
        
        