@charset "utf-8";
/* CSS Document */
*{word-wrap:break-word; padding:0; margin:0}
html{padding:0;margin:0; overflow-y:scroll}
*html{background-image:url(../images/about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
body{color:#61768a;background:#fff;}
body,button,input,select,textarea {font:12px/1.5 arial,"Microsoft Yahei";}
a{ color:#61768a;text-decoration:none;transition: all .3s;}
a:hover{text-decoration:none; color:#FF5722;transition: all .3s;}
img{border:0}
li{list-style:none}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, .pr, .pc {margin:0;padding:0}
table{empty-cells:show;border-collapse:collapse}
caption,th{text-align:left;font-weight:400}
h1, h2, h3, h4, h5, h6 {font-size:1em}
em, cite {font-style:normal}
input,button,select,textarea{ font-family: Microsoft yahei}
input{border:0;outline:none}
button{outline:none; cursor: pointer; }
select, textarea{outline: none}
i{font-style:normal}

/* CSS */
.fl{ float: left }
.fr{ float: right }
.tl{ text-align:left}
.tc{ text-align:center}
.tr{ text-align:right}
.mauto{ width: 1200px; margin: 0 auto; position: relative;}
.mgnone{ margin: 0 }
.blur{
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);
}
.header_main{ position:fixed; left:0; top:0; z-index:9999; width:100%; height:90px;transition: all .3s;}
.header .mauto{ width: 96%}
.header h1 a{ float:left; display: block; width:154px; height:90px; background:url(../images/logo.png) no-repeat center; text-indent:-9999px;transition: all .3s;}
.menu{ float:right; margin-top:26px;transition: all .3s;}
.menu ul li{ float:left; padding:0 0 0 16px; font-size:14px}
.menu ul li span a{ display:block; color: #fff; height:36px; line-height:36px; padding:0 15px; border-radius:2px 2px 0 0}
.menu ul li.on span a{ background:rgba(0,0,0,.3); color:#fff}
.menu ul li.login span a{border:1px solid #fff;border-radius:90px;padding:0 30px;}
.menu ul li span i{ position:relative; top:-3px; margin:0 0 0 8px; content:"";display:inline-block;height: 5px;width: 5px;border-width: 0 1px 1px 0;border-color: #fff;border-style: solid;transform: matrix(.71,.71,-.71,.71,0,0);transition: all 0.5s;}
.menu ul li.on span i{ top:-1px; transform: rotate(225deg);}

.menu ul li ol{ position:absolute; z-index:1; width:120px; background:rgba(0,0,0,.3); border-radius:0 2px 2px; box-shadow:0 5px 5px rgba(0,0,0,.1); transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.menu ul li.on ol{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.menu ol li{ width:100%; padding:0}
.menu ol li a{ display:block; color:#fff; height:40px; line-height:40px; padding:0 0 0 16px}
.menu ol li a:hover{ color:#059cef}

.m-menu{ position:absolute; right:0; top:0; width:40px; height:34px; padding-top:6px; display:none}
.m-menu span{ width:20px; height:2px; background:#fff; display:block; margin:5px auto 0}
.close-menu{ position:fixed; background:#fff; width:30px; height:30px; text-align:center; line-height:30px; border-radius:50%; right:5px; top:5px; z-index:9;font-size:20px; display:none}

.header_fixed{ height: 70px; background: rgba(255, 255, 255, 0.95); box-shadow:0 0 5px rgba(0,0,0,.2)}
.header_fixed .header h1 a{ height:70px;background:url(../images/logo_2.png) no-repeat center;}
.header_fixed .menu{ margin-top:0}
.header_fixed .menu ul li span a{color: #333;height:70px;line-height:70px;}
.header_fixed .menu ul li.on span a{ background:none; color:#059cef}
.header_fixed .menu ul li span i{ border-color:#ccc}
.header_fixed .menu ul li.login a{ margin-top:16px; height:36px; line-height:36px;border:1px solid #059cef; background:#059cef; color:#fff}
.header_fixed .menu ul li ol{ background:rgba(46, 60, 78, 0.95)}
.header_fixed .menu ol li a{ color:#fff}
.header_fixed .menu ol li a:hover{ color:#059cef}

/*Banner*/
.banner{ width:100%; position:relative; height:700px; }
.banner .bd{ width: 100%; height:640px; position:relative; z-index:0}
.banner .bd ul{ width:100%; }
.banner .bd li{ width:100%; height:640px; text-align:center; background-repeat: no-repeat; background-position: center top}
/* .banner .bd li:after{ position: absolute; content:""; z-index:0; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/grid.gif) repeat fixed; overflow: hidden;} */
.banner .bd li a{ display:block}
.banner .bd ul li .p{ position:absolute; z-index:1; left:50%; bottom:-100px; margin-left:-438px; width:244px; height:500px; background:url(../images/b1.png) no-repeat; display:block}
.banner .bd ul li .t{ position:absolute; z-index:1; width:100%; text-align:center; top:250px; color:#fff; font-size:18px;text-shadow:0 2px 2px rgba(0,0,0,.2)}
.banner .bd ul li .t h3{ font-size:46px; font-weight:700; margin-bottom:10px;letter-spacing:5px}
.banner .bd ul li .t p{ font-size:26px;letter-spacing:2px;color:rgba(255,255,255,.7)}
.banner .bd ul li .t i{ margin:30px auto; display:block; width:150px; height:150px; background:url(../images/code_01.jpg) no-repeat}
.banner .bd ul li .t i img{ width:100%}
.banner .more{ position:absolute; z-index:1; bottom:200px; width:260px; height:50px; line-height:50px; left:50%; margin-left:-130px}
.banner .more a{ font-size:18px; border:1px solid #fff; background:#fff; border-radius:60px}

.banner .hd{ position:absolute; z-index:1; bottom:20px; left:0; right:0; margin:0 auto;}
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:2px; margin:5px; text-indent:-999px; border-radius:8px; background:#b8c1d3; border:2px solid #b8c1d3; overflow:hidden; filter:alpha(opacity=30);opacity:0.3; transition: all .3s ease-in-out;}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1; height:10px; border-radius:50%; margin-bottom:1px; background:#fff}
.fixed_footbar{position:fixed; z-index:999; left:0; bottom:0; width:100%; height:42px; padding:15px 0; color:#fff; background:url(../images/png.png);}
.fixed_footbar i{ position:absolute; left:-84px; top:-81px; width:205px; height:138px; background:url(../images/fixed_i.png) no-repeat center; display:block}
.fixed_footbar span{ float:left; width:614px; height:38px; background:url(../images/fixed_text.png) no-repeat center; margin-left:150px}
.fixed_footbar a{ float:right; background:#059cef; color:#fff; font-size:18px; font-weight:700; width:176px; line-height:42px; text-align:center; border-radius:22px}
@-webkit-keyframes bounceInUp{
0%{opacity:0;
-webkit-transform:translateY(2000px)}
60%{opacity:1;
-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{
0%{opacity:0;
-moz-transform:translateY(2000px)}
60%{opacity:1;
-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}

.item_focus{width:100%;background:#fff;padding:0;overflow:hidden;}
.item_focus .mauto{ width:1200px; position:relative}
.item_focus ul li{ float:left; width:100%;}
.item_focus ul li a{ display:block; width:160px; height:55px; padding: 35px 20px;background:#f2f1f7;transition: all .3s;}
.item_focus ul li i{ float:left; margin:0 20px 30px 0; width:50px; height:50px; background:url(../images/icon_6_2.png) no-repeat 0 0;transition: all .3s;}
.item_focus ul li.s2 i{ background-position:0 -50px}
.item_focus ul li.s3 i{ background-position:0 -100px}
.item_focus ul li.s4 i{ background-position:0 -150px}
.item_focus ul li.s5 i{ background-position:0 -200px}
.item_focus ul li.s6 i{ background-position:0 -250px}
.item_focus ul li span{ font-size:20px; color:#666; line-height:55px}
.item_focus ul li p{ color:#999; font-size:14px;}
.item_focus ul li.on a{ background:#c4c7d8; color:#fff}
.item_focus ul li.on span{ color:#fff}
.item_focus ul li.on p{ color:#fff}
.item_focus ul li.on i{ background-position-x:right}
.item_focus ul li .servicebox{ z-index: 0; position:absolute; right:0; top:0; margin:0}
.item_focus ul li:first-child .servicebox{ z-index: 1;}
.item_focus ul li.on .servicebox{ z-index: 1;}

.main_title{ position:relative; width:1200px; margin:0 auto 20px; padding:50px 0 10px; text-align:center; overflow:hidden}
.bd1{ border-bottom:1px solid #eee}
.main_title span.t{ margin:0 auto; display:block; font-family:"Microsoft Yahei Light","Microsoft Yahei"; font-size:30px; font-weight:300;}
.main_title span.t em{ display:block;font-family:"Microsoft Yahei"; font-size:12px; color:#b2c0cc}
.main_title p{ font-size:18px; line-height:30px; padding:20px 0}
.main_title span.more a{ float:right; line-height:40px}
.main_title ul{ float:left; padding:11px 10px 0 0}
.main_title ul li{ float:left; padding:0 10px; background:url(../images/l.gif) no-repeat right center}
.main_title ul li a{ display:block; line-height:22px; padding:0 20px; border-radius:2px}
.main_title ul li.on a{ background:#FF9800; color:#fff}

.main1{ position:relative; z-index:1; width:100%; height:500px; padding-top:50px; background:url(../images/bg_map.png) no-repeat center top}
.main1 .main_title p{ font-size:12px; padding:20px 200px; text-align: justify;}
.m1_info{ position:absolute; left:50%; top:380px; margin:0 0 0 -550px; width:453px; height:111px; background:url(../images/main1_text.png) no-repeat}
.m1_content{ position:absolute; left:0; bottom:0; width:100%; height:170px; color:#fff}
.m1_content ul li{ float:left;padding:0 50px 0 40px; font-size:18px;}
.m1_content ul li span{ font-size:46px; font-weight:700}
.m1_content i{ position:absolute; right:0; top:-239px; display:block; width:333px; height:579px; background:url(../images/main1.png) no-repeat}

.main_index{ position:relative; width:100%; height:800px; background:#11121c url(../images/1920x800.jpg) no-repeat center;overflow:hidden}
.main_index:after{ position: absolute; content:""; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/grid.gif) repeat fixed; overflow: hidden;}
.main_box_focus{ position:relative; z-index:1}
.pt_tab{ width:100%; padding-top:220px}
.pt_tab .hd li{ width:50%; float:left; padding:25px 0 25px 50%; cursor:pointer;transition: all .3s;}
.pt_tab .hd li:hover span{ color:#8da2b7}
.pt_tab .hd li span{ position:relative; font-size:18px; color:#61768a;transition: all .3s;}
.pt_tab .hd li span:before{ position:absolute; left:-20px; top:2px; content:""; display:block; width:3px; height:16px; background:#61768a;transition: all .3s;}
.pt_tab .hd li p{ padding-top:8px; font-size:14px; color:#b2c0cc}

.pt_tab .hd li.on{ background:rgba(255,255,255,0.03)}
.pt_tab .hd li.on span{ color:#ef9e3e}
.pt_tab .hd li.on span:before{ left:-80px; top:12px; width:14px; height:24px; background:url(../images/arrow_l.png) no-repeat 50%}
.pt_tab .hd li.on p{ color:#fff}

.pt_tab .bd{ position:absolute; left:50%; top:-70px; margin-left:-566px; height:230px; width:500px; text-align:center}
.pt_tab .lh{}
.pt_tab .lh .phone{ margin:0 auto; width:280px; height:576px; background:url(../images/phone.png) no-repeat}
.pt_tab .lh .phone img{margin-top: 69px;}

.five_service .main_title{color:#fff; position:relative; z-index:3}
.five_service .main_title span.t{ margin:30px auto 0;font-size:36px;}
.five_service{position:relative;width:100%;height:860px;background:#454545 url(../images/1920x860.jpg) no-repeat center;text-align:center;overflow:hidden;}
.five_service:before{ opacity:.5; left:0; top:0; content:""; display:block; width:100%; height:100%; position:absolute; background:url(../images/grid.gif) repeat fixed}
.five_service:after{ opacity:.7; left:0; top:0; content:""; display:block; width:100%; height:100%; position:absolute; background:url(../images/png.png) repeat fixed}
.five_service .mauto{ width:1300px}
.five_service ul{ position:relative; z-index:3; margin-top:100px}
.five_service ul li{ position:relative; float:left; width:20%; color:#fff}
.five_service ul li:after{ position:absolute; z-index:1; left:50%; top:0; margin-left:-60px; content:""; width:120px; height:120px; border:1px solid rgba(255,255,255,.3); display:block; border-radius:50%;transition: all 0.5s;}
.five_service ul li:before{position:absolute; z-index:-1; left:50%; top:34px; margin-left:-26px; content:""; width:52px; height:52px; display:block; background:url(../images/service_icon.png) no-repeat -52px 0;transition: all 0.5s;}
.five_service ul li.s2:before{background-position:-52px -52px}
.five_service ul li.s3:before{background-position:-52px -104px}
.five_service ul li.s4:before{background-position:-52px -156px}
.five_service ul li.s5:before{background-position:-52px -208px}

.five_service ul li i{ display:block; margin:34px auto 90px; width:52px; height:52px; background:url(../images/service_icon.png) no-repeat 0 0;transition: all 0.5s;}
.five_service ul li.s2 i{ background-position:0 -52px}
.five_service ul li.s3 i{ background-position:0 -104px}
.five_service ul li.s4 i{ background-position:0 -156px}
.five_service ul li.s5 i{ background-position:0 -208px}
.five_service ul li span{ font-size:24px}
.five_service ul li p{ font-size:14px; padding:40px 0}
.five_service ul li.on i{transform:rotate(360deg)}
.five_service ul li.on:after{ background:#fff}
.five_service ul li.on:before{ z-index:9; transform:rotate(360deg);}

.news_box{ width:1200px; height:460px}
.news_index{ width:1300px}
.news_item{float:left;width:260px;height:340px;color:#b2c0cc;margin: 22px 48px 0 0;transition: all .3s;border:2px solid #fff}
.news_item dl{ margin-bottom:10px; height:300px; border-bottom:1px solid #eee; overflow:hidden}
.news_item dl dt{ width:100%}
.news_item dl dt img{width:260px;height:156px;display:block; background:url(../images/260x156.png) no-repeat}
.news_item dl dd{ margin-top:10px; height:98px; line-height:20px; padding:0 10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
.news_item dl dd span{ display:block; width:100%; line-height:60px; font-size:16px;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_item em{ font-size:14px; padding-left:10px}
.news_item.on{ color:#fff; background:#059cef; border-color:#059cef;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);}
.news_item.on dl{ border-color:#059cef}
.news_item.on dl dd span a{ color:#fff}
.news_item.on dl dd p{ color:rgba(255, 255, 255, 0.7)}

.footer{position:relative;width:100%;background: #dadfe2;overflow: hidden;}
.footer:before{position:absolute;left:0;top:84px;content:"";display:block;height:1px;width:100%;background: #cacfd2;}
.footer .mauto{ width:1100px; padding:0 50px}
.footbar{ width:100%; padding-bottom:20px; overflow:hidden}
.foot_menu{ width:100%}
.foot_menu ul{float: left;width: 100px;padding: 0 100px 50px 0}
.foot_menu li span{float: left;width: 100%;font-size: 16px;color: #1c2029;line-height: 84px;margin-bottom:30px;}
.foot_menu li a{ float:left; color:#6a737d; font-size:14px; width:100%; line-height: 28px}
.foot_menu li a:hover{ background: #059cef; color:#fff; text-indent:10px}
.foot_menu ul.zs{ width:auto; float:right; padding:0}
.foot_menu ul.zs span a{ font-size:14px; line-height:84px; color:#f80; position:relative}
.foot_menu ul.zs span a:hover{ color:#fff}
.foot_menu ul.zs span a:before{ position:absolute; left:-30px; top:50%; margin-top:-10px; content:""; width:20px; height:20px; background:url(../images/foot_icon.png) no-repeat; display:block}
.foot_code{position:absolute;right:50px;top:100px;text-align:center;}
.foot_code li{float:left;width:100px;padding:11px 11px 0;height:155px;background: #d1d9de;margin-left:30px;color:#6a737d;font-size:14px;line-height:55px;}
.foot_code li img{ display:block; width:100px; height:100px; border-radius:4px}
.flinks{ color:#6a737d; width: 100%; padding: 20px 0 10px; font-size:14px}
.flinks a{ color:#6a737d; margin: 0 5px}
.flinks a:hover{ color: #059cef}
.copyright{ color:#525962; line-height:26px}
.copyright a{ color:#525962}
.copyright span{float:right; position:relative}
.copyright span:before{ position:absolute; left:-30px; top:50%; margin-top:-11px; content:""; width:20px; height:20px; background:url(../images/foot_icon.png) no-repeat 0 -20px; display:block}

.foot_ad{position:relative;width:100%;height:175px;color:#fff;background: #4a5b6b url(../images/1920x586.jpg) no-repeat center top;overflow:hidden;}
.foot_ad i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/grid.gif) repeat fixed; overflow: hidden;}
.ad_text{ float:left; margin:40px 0 0 320px; width:560px}
.ad_text span{float:left; font-size:30px;font-family:"Microsoft Yahei Light","Microsoft Yahei"}
.ad_text p{font-size:16px; margin-top:10px}
.ad_text a{float:right; margin-top:25px; width:100px; text-align:center; color:#fff; background:#059cef; font-size:20px; padding:8px 40px; border-radius:80px; border:1px solid #059cef}
.ad_text a:hover{ background:none; color:#059cef}

.gototop{ z-index:999; position:fixed; width:46px; height:100%; top:0; text-align:center; right:0; _position: absolute; display:block; transition: all .3s ease-in-out;}
.top_on{ bottom:80px}
.top_in{ bottom:80px}
.sidebox{ position:absolute; bottom:90px; right:20px}
.sidebox span a{ display:block; width:46px; height:46px; background:#059cef url(../images/icon.png) no-repeat;border-radius:4px}
.sidebox ul{ position:relative; width:46px}
.sidebox ul li{ margin-top:5px; width:46px; height:46px; background:#f6f7f8; border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}
.sidebox ul li i{ float:right; background:url(../images/icon.png) no-repeat; width:46px; height:46px; cursor:pointer;transition: all .3s;}
.sidebox ul li.wt i{ background-position: 0 -92px}
.sidebox ul li.wx i{ background-position: 0 -46px}
.sidebox ul li.backtop i{ background-position: 0 -138px}
.sidebox ul li.backtop{ }
.sidebox ul li span{ position:absolute; z-index:-1; top:0; right:51px; width:140px; padding-top:10px; height:136px; line-height:16px; background:#fff; border:1px solid #eee; border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1); }
.sidebox ul li span{ transition: all 0.3s ease 0s; transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(-10px, 0, 0); -webkit-transform: translate3d(-10px, 0, 0); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.sidebox ul li span img{ width:90px}
.sidebox ul li span p{ font-size:12px}
.sidebox ul li span b{ color:#059cef}
.sidebox ul li.on span{filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.sidebox ul li.on i{background-position-x:right}

.sidebox ul li p{ font-size:14px;}
.sidebox ul li.wt span{ top:0; width:80px; height:44px; line-height:44px; border-color:#059cef; padding:0; color:#fff; background:#059cef;}
.sidebox ul li.backtop{ position:relative}
.sidebox ul li.backtop span{ top:0; width:80px; height:44px; line-height:44px; border-color:#059cef; padding:0; color:#fff; background:#059cef;}
.sidebox ul li.backtop.on { background-color:#fff}

*html .gototop{top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
*html .header{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
/*Window*/
button::-moz-focus-inner{ border:0; padding:0; margin:0; }
*html .window, *html .wbg{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
.wtext{ display: none;position: relative;}
.wbg{ position:fixed; _position: absolute;  z-index:9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5) url(../images/png.png);opacity:.8;filter:alpha(opacity=80); overflow: hidden;}
.video_bg{ width:100%; height:100%;opacity:.1;filter:alpha(opacity=10);}
.video_bg video{ width:100%; height:200%; margin-top:-28%;}
.window{ position:fixed; _position: absolute; z-index:211221; width:820px; height:505px; left:0; top:0; right:0; bottom:0;margin:auto; }
.wtext span.close{ position: absolute; z-index:9; right:0; width:50px; text-align:center; height:50px; line-height:50px; top: 0; font-family:arial; font-size:38px; color:#999; cursor: pointer;}
.wtext span.close i{ transition: all 0.2s;}
.wtext span.close:hover i{ color:#666; text-decoration: none;}
.w_video{ background:#000; padding:10px; box-shadow:0 8px 8px rgba(0,0,0,.1)}
.w_zhaoshang{ overflow:hidden; width: 820px; height: 352px; background:#fff url(../images/w_wx.png) no-repeat center; text-align:center; box-shadow:0 8px 8px rgba(0,0,0,.2); border-radius: 10px;-webkit-animation:fadeInDown 1s .2s ease both;-moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

@media screen and (max-width: 767px) {
	*{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* For some Androids */ }
	*{-webkit-tap-highlight-color: transparent;}
    .mauto{ width: auto}
    
    .header .mauto{ width:100%}
    .header_main{ height:40px}
    .header h1 a{ margin-right:10px; margin-left:10px; width:30px; height:40px; background:url(../images/logo.png) no-repeat left center; background-size:auto 30px;transition:none}
    .menu{ position:fixed; width:100%; height:100%; padding-top:80px; z-index:999; background:rgba(0,0,0,.9); float:none; margin:0; transform: translate3d(0, -20px, 0); visibility: hidden; opacity: 0;}
    .menu ul li{ width:90%; margin:0 5%; padding:0; font-size:16px; border-bottom:.5px solid rgba(255, 255, 255, 0.3)}
    .menu ul li span a{ position:relative; height:auto; padding:15px 12px; border-radius:0}
    .menu ul li span i{ position:absolute; top:50%; margin-top:-5px; right:30px}
    .menu ul li.on span i{ top:50%; margin-top:-3px;}

    .menu ul li.on span a{background:rgba(0,0,0,.6)}
    .menu ul li.login{ display:none}

    .menu ul li ol{ left:0; width:100%; padding:10px 0; border-radius:2px;background:#059cef}
    .menu ol li{ width:100%; padding:0}
    .menu ol li a{ font-size:14px}
    .menu.on{opacity: 1; transform: translate3d(0px, 0px, 0px); visibility: visible;}
    .m-menu{display:block}
    .close-menu{ display:block;}
    .header_fixed .m-menu span{ background:#000}

    .header_fixed{ height: 40px}
    .header_fixed .header h1 a{ width:100px;height:40px;background-size:auto 30px}
/*     .header_fixed .menu ul li{ display:none} */
    .header_fixed .menu ul li span a{line-height:36px;height:36px;color:#fff}
    .header_fixed .menu ul li.login{ display:none; position:absolute;right:0; width:80px}
    .header_fixed .menu ul li.login span a{ margin-top:8px; background:#fff; color:#059cef; padding:0 10px; height:20px; line-height:20px; text-align:center}
    .header_fixed .menu ul li.on span a{ background:none; color:#fff}
    .header_fixed .menu ul li ol{ background:#059cef}

    /*Banner*/
    .banner{ height:330px}
    .banner .bd{ height:300px}
    .banner .bd li{ height:300px; background-size:auto 380px}
    .banner .bd ul li .p{ bottom:10px; margin-left:-140px; width:100px; height:205px; background-size:cover}
    .banner .bd ul li .t{ top:100px; font-size:12px;}
    .banner .bd ul li .t h3{ font-size:22px;}
    .banner .bd ul li .t p{ font-size:16px;}
    .banner .bd ul li .t i{ margin-top:30px; display:block; width:80px; height:80px; background:url(../images/code_01.jpg) no-repeat; background-size:cover}
    .banner .more{ position:absolute; z-index:1; bottom:80px; width:140px; height:30px; line-height:30px; left:50%; margin-left:-70px}
    .banner .more a{ font-size:12px}

    .banner .hd{ bottom:0}
    .fixed_footbar{height:20px}
    .fixed_footbar i{ left:auto; right:0; top:-39px; width:74px; height:50px; background-size:cover}
    .fixed_footbar span{ width:323px; height:20px; margin-left:10px;background-size:cover}
    .fixed_footbar a{ position:absolute; top:-70px; right:10px; font-size:12px; width:80px; line-height:24px}

    .five_trait{ padding:0}
    .five_trait .mauto{ width:auto}
    .five_trait ul li i{ width:40px; height:40px; background-size:80px}
    .five_trait ul li.s2 i{ background-position:0 -40px}
    .five_trait ul li.s3 i{ background-position:0 -80px}
    .five_trait ul li.s4 i{ background-position:0 -120px}
    .five_trait ul li.s5 i{ background-position:0 -160px}
    .five_trait ul li span{ font-size:8px}
    .five_trait ul li.on i{ background-position-x:right}

    .item_focus .mauto{ width:100%;}
    .item_focus ul li a{ width:100%; height:55px; padding: 35px 20px;}
    .item_focus ul li .servicebox{ position:relative;}

    .news_box{ width:auto; height:auto}
    .news_index{ width:auto}
    .news_item{ position:relative; width:97%; padding-left:3%; height:auto;margin: 22px 0 0 0;border:0; border-bottom:.5px solid #eee;}
    .news_item dl{ margin-bottom:20px; height:auto; border:0}
    .news_item dl dt img{ float:left; width:120px;height:72px; border:2px solid #f9f9f9}
    .news_item dl dd{ margin-top:0; height:auto; line-height:20px; padding:0 10px; }
    .news_item dl dd span{ display:block; width:100%; line-height:30px; font-size:16px;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
    .news_item em{ position:absolute; right:0; top:-15px; font-size:10px; padding:0 3%; width:94%; color:#ddd; text-align:right}
    .news_item.on{ color:#b2c0cc; background:none; border-color:#eee; box-shadow:none}
    .news_item.on dl{ border-color:#ff5834}
    .news_item.on dl dt img{ border-color:#059cef}
    .news_item.on dl dd span a{ color:#059cef}
    .news_item.on dl dd p{ color:#61768a}

    .main_title{ width:auto; margin:0 auto; padding:30px 10px 10px}
    .main_title span.t{ margin:0 auto; display:block; font-family:"Microsoft Yahei Light","Microsoft Yahei"; font-size:24px; font-weight:300;}
    .main_title span.t em{ display:block;font-family:"Microsoft Yahei"; font-size:12px; color:#b2c0cc}
    .main_title p{ font-size:12px}
    .main_title span.more a{ position:relative; width:10%; line-height:42px; margin-right:3%}
    .main_title span.more a:after{ position:absolute; display:block; width:100%; top:0; right:0; content:"..."; background:#f9f9f9}
    .main_title ul{ padding:0 3% 0 2%; width:82%}
    .main_title ul li{ width:24%; padding:0 0 1% 1%; background:none}
    .main_title ul li a{ padding:10px; background:#f9f9f9;}
    .five_service .main_title{ padding-top:100px}

    .main1{height:auto; padding-bottom:200px}
    .main1 .main_title p{ padding:140px 20px}
    .m1_info{ left:50%; top:150px; margin:0 0 0 -123px; width:245px; height:60px; background-size:cover}
    .m1_content{ height:100px}
    .m1_content ul li{ width:33.33%; padding:0; font-size:12px; text-align:center}
    .m1_content ul li span{ font-size:26px; font-weight:700}
    .m1_content i{ right:50%; top:-220px;margin-right:-117px; width:235px; height:409px; background-size:cover}

    .main_index{ height:680px}
    .pt_tab{ padding-top:50px}
    .pt_tab .hd li{ width:27.33%; padding:15px 2%; margin:0 1%; transition:none;background:rgba(255,255,255,0.03); border-radius:4px}
    .pt_tab .hd li:hover span{ color:#8da2b7}
    .pt_tab .hd li span{ position:relative; font-size:12px; color:#61768a;transition:none;}
    .pt_tab .hd li span:before{ left:0; top:-20px; width:16px; height:3px; background:#61768a;}
    .pt_tab .hd li p{ display:none; padding-top:5px; font-size:10px}

    .pt_tab .hd li.on{ padding:0; margin:0; position:absolute; top:110px; width:100%; text-align:center; background:none}
    .pt_tab .hd li.on span{ color:#ef9e3e; font-size:14px}
    .pt_tab .hd li.on span:before{ left:50%; margin-left:-12px; top:70px; width:24px; height:14px; background:url(../images/arrow_d.png) no-repeat 50%}
    .pt_tab .hd li.on p{ display:block; font-size:11px}

    .pt_tab .bd{ top:200px; margin-left:-90px; height:370px; width:180px;}
    .pt_tab .lh .phone{ width:180px; height:370px; background-size:cover}
    .pt_tab .lh .phone img{margin-top:44px; width:158px}

    .main_news{ padding-bottom:50px; overflow:hidden}
    .five_service .main_title span.t{ margin:0 auto;font-size:26px;}
    .five_service{ height:auto; text-align:left; padding-bottom:80px}
    .five_service .mauto{ width:auto}
    .five_service ul{margin-top:0}
    .five_service ul li{ width:94%; margin:10px 3%; padding-top:17px; border-top:.5px solid rgba(255, 255, 255, 0.3)}
    .five_service ul li:after{ left:19px; top:17px; margin-left:0; width:60px; height:60px}
    .five_service ul li:before{left:37px; top:34px; margin-left:0; width:26px; height:26px; background:url(../images/service_icon.png) no-repeat -26px 0; background-size:52px}
    .five_service ul li.s2:before{background-position:-26px -26px}
    .five_service ul li.s3:before{background-position:-26px -52px}
    .five_service ul li.s4:before{background-position:-26px -78px}
    .five_service ul li.s5:before{background-position:-26px -104px}

    .five_service ul li i{ float:left; margin:17px 37px; width:26px; height:26px; background-size:52px}
    .five_service ul li.s2 i{ background-position:0 -26px}
    .five_service ul li.s3 i{ background-position:0 -52px}
    .five_service ul li.s4 i{ background-position:0 -78px}
    .five_service ul li.s5 i{ background-position:0 -104px}
    .five_service ul li span{ font-size:18px}
    .five_service ul li p{ font-size:12px; padding:0; color:rgba(255, 255, 255, 0.6)}
    .five_service ul li.on i{transform:rotate(360deg)}
    .five_service ul li.on:after{ background:#fff}
    .five_service ul li.on:before{ z-index:9; transform:rotate(360deg);}

    .footer .mauto{ width:auto; padding:0 3%}
    .footbar{padding-bottom:100px}
    .foot_menu ul{width: 23%;padding:0 1%;text-align:center}
    .foot_menu li span{ font-size: 14px;}
    .foot_menu li a{ font-size:12px;}
    .foot_menu ul.zs{ width:100%; float:left; padding:10px 0; height:70px}
    .foot_menu ul.zs span a:before{ position:relative; left:-10px; top:5px; margin-top:0; display:inline-block}
    .foot_code{ position: static; float:left; width:100%}
    .foot_code li{ float: none; display:inline-block; width:80px; height:125px; margin:0 10px; font-size:12px; line-height:45px}
    .foot_code li img{ width:80px; height:80px}
    .flinks{ padding: 20px 0 10px; font-size:12px}
    .copyright{ line-height:16px; font-size:10px}
    .copyright a{ color:#525962}
    .copyright span{ float:left; width:100%}
    .copyright span:before{ display:none}

    .foot_ad{height:170px;background-size:auto 170px}
    .ad_text{ margin:50px 10%; width:80%}
    .ad_text span{font-size:18px}
    .ad_text p{font-size:11px; margin-top:0}
    .ad_text a{width:100px; font-size:14px; padding:5px 0; border:.5px solid #059cef}

    .gototop{ width:auto}
    .sidebox{ bottom:50%; right:10px}
    .sidebox span a{ width:23px; height:23px; border-radius:2px; background-size:46px}
    .sidebox ul{ width:23px}
    .sidebox ul li{ width:23px; height:23px; border-radius:2px}
    .sidebox ul li i{ width:23px; height:23px;background-size:46px}
    .sidebox ul li.wt i{ background-position: 0 -46px}
    .sidebox ul li.wx i{ background-position: 0 -23px}
    .sidebox ul li.backtop i{ background-position: 0 -69px}
    .sidebox ul li span{ right:28px; border-radius:2px}
    .sidebox ul li.on i{background-position-x:right}

    .sidebox ul li.wt span{ display:none}
    .sidebox ul li.backtop span{ display:none}

    .window{ width:80%; height:200px}
    .video_bg{ display:none}
    .w_zhaoshang{ width: 100%; height: 200px; background-size:100%; border-radius: 6px}
    .w_zhaoshang img{ width:100%; margin-top:36px}
}
@media screen and (max-width: 413px) {
}
@media screen and (max-width: 321px) {
}