@charset "utf-8";
/**
 * @author:王欢
 * @email:13341343186@163.com
 * @time:2017-4
 */

@font-face {
    font-family: 'iconfont';
    src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
    src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
    url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
    url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}

.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.inputclear{ padding:0; margin:0; background:none; border:none;}
.maxwidth{ max-width:100% !important;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{text-decoration:none; cursor:pointer;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.imgvertical{vertical-align:middle !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.container{ max-width:1000px !important;}
.container-fluid{max-width: 1200px!important;}
.xiao{padding-left: 5px; padding-right: 5px;}
input{outline:none}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: "微软雅黑";
}
.tr{transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}
.li_none{display: none;}
header .head_main{position: relative; border-top: 3px solid #004fba}
header .head_top{width: 100%; background: #ffffff; height: 90px;position: relative; }
header .logo{display: table; float: left; }
header .logo a{display: table-cell; vertical-align: middle;}
header .logo a img{width: 507px; height: 100%; position: absolute; top: 0;}
header .logo a h1{display: inline-block;}
header .top_coll{float: right; display: table; height: 90px;}
header .top_coll .top_box{display: table-cell; vertical-align: middle;}
header .top_coll .top_box .top_tel{line-height: 25px; background: url("../image/top_coll.png") no-repeat left; background-size: 35px; padding-left: 45px; font-size: 14px; color: #333333; text-align: left;}
header .top_coll .top_box .top_tel span{font-size: 29px; color: #004fba; font-family: "Impact";}
header .head_nav{background: #004fba; width: 100%;}
header .head_nav nav{max-width: 1000px; height: auto; margin: 0 auto;}
header .head_nav .top_li{width: 14.285%; height: 45px; line-height: 45px; list-style-type:none; position: relative; }
header .head_nav .top_li a{color: #FFFFFF; font-size: 14px; display: block; background: url("../image/nav_gang.jpg") no-repeat right;}
header .head_nav .top_li:hover{background: #ffffff;}
header .head_nav .top_li:hover a{color: #004fba;}
header .head_nav .top_li ul{display: none; position:absolute;width: 100%; top:45px; left: 0; z-index:99999;}
header .head_nav .top_li ul .er{padding:0;height: 35px; background: rgba(35,35,35,0.9); border-bottom: 1px dashed #525252; transition:all 0.3s;}
header .head_nav .top_li ul .er a{line-height:35px; border-right: none; color:#fff;transition:all 0.3s; display: block; background: none;}
header .head_nav .top_li ul .er a:hover{color: #006eb1;}
/*标题*/
.zhu_tit{text-align: center; width: 100%; background: url("../image/zhu_tit.png") no-repeat 50% 50%;}
.zhu_tit h1{font-size: 30px; color: #004fba; font-weight: bold;}
.zhu_tit h2{font-size: 21px; color: #a1a1a1; font-family: "Arial"; padding-top: 15px;}
/*优势*/
.ys_main{width: 100%;}
.ys_main .ys_content{margin-top: 20px; margin-bottom: 20px;}
.ys_main .ys_content .ys_new{margin-top: 20px;}
.ys_main .ys_content .ys_new li{float: left; width: 20%; padding: 10px 0;}
.ys_main .ys_content .ys_new .ys_box{width: 100%; margin-bottom: 15px;}
.ys_main .ys_content .ys_new .ys_box .imgbox{position: relative; display: block; overflow: hidden; width: 170px; height: 170px; margin: 0 auto; background: #e8e8e8;}
.ys_main .ys_content .ys_new .ys_box .imgbox img{position: absolute; max-width: 100%; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
.ys_main .ys_content .ys_new .ys_box .txtbox{margin-top: 10px; text-align: center;}
.ys_main .ys_content .ys_new .ys_box .txtbox h1{font-size: 16px; color: #004fba;}
.ys_main .ys_content .ys_new .ys_box .txtbox h2{font-size: 14px; color: #818181; margin-top: 5px;}
.ys_main .ys_content .ys_new .ys_box:hover .imgbox img{transform: rotate(360deg);}
/*安装流程*/
.lc_main{width: 100%; background: url("../image/lc_bg.jpg") no-repeat 50% 50%; background-size: cover;}
.lc_main .lc_content{margin-top: 20px; margin-bottom: 20px;}
.lc_main .lc_content .lc_new{margin-top: 20px;}
.lc_main .lc_content .lc_new .lc_con{text-align: center;}
.lc_main .lc_content .lc_new .lc_con li{display: inline-block;  margin: 0 15px;}
.lc_main .lc_content .lc_new .lc_con .txtbox{width: 100%; text-align: center; padding: 20px; background: #004fba;}
.lc_main .lc_content .lc_new .lc_con .txtbox img{max-width: 100%; height: auto; transition: all 0.8s;}
.lc_main .lc_content .lc_new .lc_con .txtbox h1{font-size: 16px; color: #FFFFFF; margin-top: 10px;}
.lc_main .lc_content .lc_new .lc_con li:hover .txtbox img{transform:scale(1.1);}
.lc_main .lc_content .lc_new .lc_list{overflow: hidden; text-align: center; margin-top: 20px;}
.lc_main .lc_content .lc_new .lc_list ul li{text-align: left; position: relative; padding: 0 44px 0 44px; display: inline-block;}
.lc_main .lc_content .lc_new .lc_list ul li:after{content: ""; background: url("../image/lc_jians.png") no-repeat; background-size: 100% 100%; width: 80px; height: 10px; display: inline-block;position: absolute; right: -40px; top: 7px;}
.lc_main .lc_content .lc_new .lc_list .no_lc:after{content: normal;}
.lc_main .lc_content .lc_new .rx_list{margin-top: 20px; text-align: center;}
.lc_main .lc_content .lc_new .rx_list p{display: inline-block; background: #004fba; padding: 5px 20px; border-radius: 30px; font-size: 14px; color: #FFFFFF;}
.lc_main .lc_content .lc_new .rx_list p span{font-size: 29px; color: #FFFFFF; font-family: "Impact"; line-height: normal; padding-left: 5px;}
/*产品案例*/
.cp_main{width: 100%; background: url("../image/cp_bg.jpg") no-repeat 50% 50%; background-size: cover;}
.cp_main .cp_content{margin-top: 20px; margin-bottom: 20px;}
.cp_main .cp_content .cp_new{margin-top: 20px;}
.cp_main .cp_content .cp_new .cp_box{width: 100%;}
.cp_main .cp_content .cp_new .cp_box .imgbox{position: relative; display: block; overflow: hidden;}
.cp_main .cp_content .cp_new .cp_box .imgbox .cp_img{width: 100%; height: auto;}
.cp_main .cp_content .cp_new .cp_box .imgbox .mask{width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.65); text-align: center;}
.cp_main .cp_content .cp_new .cp_box .imgbox .mask h1{line-height: 30px; color: #FFFFFF; font-size: 14px;}
.cp_main .cp_content .cp_new .cp_box .imgbox .masks{position: absolute; width: 100%; height: 100%; left: 0; top: -100%; background: rgba(0,0,0,0.65);}
.cp_main .cp_content .cp_new .cp_box .imgbox .masks .cp_txt{position: absolute; top: 50%; left: 50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}
.cp_main .cp_content .cp_new .cp_box .imgbox .masks .cp_txt h1{font-size: 20px; color: #FFFFFF;}
.cp_main .cp_content .cp_new .cp_box:hover .mask{bottom: -30px;}
.cp_main .cp_content .cp_new .cp_box:hover .masks{top: 0;}
/*案例*/
.cp_main .cp_content .al_new{margin-top: 20px;position: relative;}
.cp_main .cp_content .al_new ul{text-align: left;}
.cp_main .cp_content .al_new ul:before{content: "";background: url("../image/al_gang.png") no-repeat 50% 50%; background-size: 104%; width: 100%; height: 11px; position: absolute; top: 35px; left: 0;}
.cp_main .cp_content .al_new li{width: 14.2%; float: left; text-align: center; font-size: 14px; color: #0597d4; position: relative;}
.cp_main .cp_content .al_new li span{width: 80px; height: 80px; display: block; border-radius: 50%; border: 1px solid #0597d4; margin: 40px auto 0; position: relative;}
.cp_main .cp_content .al_new li span img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; height: auto;}
/*新闻*/
.xw_main{width: 100%; background: url("../image/xw_bg.jpg") no-repeat 50% 50%; background-size: cover;}
.xw_main .xw_content{margin-top: 20px; margin-bottom: 20px;}
.xw_main .xw_content .xw_new{margin-top: 20px;}
.xw_main .xw_content .xw_new .xw_box{width: 100%; margin-bottom: 15px; padding-right: 5px;}
.xw_main .xw_content .xw_new .xw_box a{position: relative; display: block; overflow: hidden; padding: 0 0 0 170px;}
.xw_main .xw_content .xw_new .xw_box .imgbox{position: absolute; display: block; overflow: hidden; left: 0; top: 0; bottom: 0; z-index: 9;}
.xw_main .xw_content .xw_new .xw_box .imgbox .xw_img{width: 170px; height: 100%; transition: all 0.5s;}
.xw_main .xw_content .xw_new .xw_box .txtbox{height: 125px; overflow: hidden; padding-left: 5px;}
.xw_main .xw_content .xw_new .xw_box .txtbox h1{background: #004fba; padding: 10px; font-size: 14px; color: #FFFFFF;}
.xw_main .xw_content .xw_new .xw_box .txtbox h1 span{position: absolute; right: 10px; top: 10px; font-size: 14px; color: #FFFFFF;}
.xw_main .xw_content .xw_new .xw_box .txtbox .xw_p{height: 40px; overflow: hidden; margin-top: 10px;}
.xw_main .xw_content .xw_new .xw_box .txtbox .xw_p p{font-size: 14px; color: #222222; line-height: 20px;}
.xw_main .xw_content .xw_new .xw_box:hover .txtbox .xw_p p{color: #004fba;}
.xw_main .xw_content .xw_new .xw_box:hover .imgbox .xw_img{transform:scale(1.1);}
/*联系我们*/
.lx_main{width: 100%; background: url("../image/lx_bg.jpg") no-repeat 50% 50%; background-size: cover;}
.lx_main .lx_content{margin-top: 20px; margin-bottom: 20px;}
.lx_main .lx_content .lx_new{margin-top: 20px;}
.lx_main .lx_content .ContactUs-text h1{ font-size:14px; color:#004fba; font-weight: bold; line-height:40px;}
.lx_main .lx_content .ContactUs-text .h5{ width: 100%; overflow:hidden;}
.lx_main .lx_content .ContactUs-text .h5 img{width: 100%;}
.lx_main .lx_content .ContactUs-text .detailed{overflow:hidden;}
.lx_main .lx_content .ContactUs-text .detailed .ma{float: left; width: 32%;}
.lx_main .lx_content .ContactUs-text .detailed .ma img{max-width: 100%; height: auto;}
.lx_main .lx_content .ContactUs-text .detailed nav{float: left; width: 68%; padding-left: 10px;}
.lx_main .lx_content .ContactUs-text .detailed li{line-height:25px; color:#585858; font-size: 12px;}
.lx_main .lx_content .ContactUs-text .detailed li b{ display: inline-block; height: 25px; color:#585858;  line-height:25px;}
.lx_main .lx_content .ContactUs-text  label{ padding-top:0 !important; text-align:left !important; color:#7d7d7d; height:34px; line-height:34px; font-weight:normal;}
.lx_main .lx_content .ContactUs-text input{ background:#f2f2f2; border:dashed 1px #aaa;}
.lx_main .form-horizontal .form-group{margin-left: 0; margin-right: 0;}
.lx_main .lx_content .ContactUs-text textarea{ max-width:100%; background:#f2f2f2; border:dashed 1px #aaa; height: 160px;}
.lx_main .lx_content .ContactUs-text button{ width:100%; height:30px; color:#fff; background:#005acf; border:none; transition:all 0.3s;}
.lx_main .lx_content .ContactUs-text button:hover{ background:#005acf;}
/*底部*/
footer{padding:10px 0; background:#004fba;}
footer nav{float: left;}
footer nav li{ padding:0 5px; display: inline-block; border-right: solid 1px #FFFFFF; height:14px; line-height:14px;}
footer nav li a{ color:#FFFFFF; font-size: 12px; transition:all 0.3s;}
footer nav li a:hover{color: #FFFFFF; text-decoration:underline!important;}
footer .di_p{float: right;}
footer .di_p1{font-size: 12px; color: #fff; line-height: 23px;}
/*手机底部导航*/
.hot{width:100%; height:59px; background:#004fba; position:fixed; bottom:0; left:0; z-index:99;}
.hot span{ olor:#fff; font-size:16px; line-height:20px; padding-top:12px;}
.hot  .pa{height: 60px; padding-top: 10px; border-right: 1px solid #FFFFFF;}
.hot  .pas{height: 68px; padding-top: 15px}
.hot h6{ font-size:14px; line-height:26px; font-family:'Microsoft YaHei'; color:#fff;}
.hot .row div a{ display:block; color:#fff; padding:5px 0; margin-top:0px;}
.hot .pa:hover { background:#226edb;}
/*内页*/
.li_none{display: none;}
.sub_nav .shang{padding: 0;}
.sub_nav h1{border-left: 3px solid #004fba; text-align: left; padding: 0px 10px; color: #004fba; font-size: 20px;font-weight: bold; position: relative;}
.sub_nav h1 b{font-weight: normal; font-size: 20px; color: #004fba; padding-left: 5px;}
.sub_nav .shang .sub_ul{margin-bottom: 20px;margin-top: 10px; background: #FFFFFF; }
.sub_nav .shang .sub_li{text-align: center; background: #b2b2b2; margin-bottom: 2px; }
.sub_nav .shang .sub_li .sub_a{display:block; font-size:14px; padding: 0 15px; line-height:35px; height: 35px; color: #FFFFFF;}
.sub_nav .shang .sub_li .active{display: block;}
.sub_nav .shang .sub_li:hover{background: #004fba;}
.sub_nav .shang .sub_li:hover .sub_a{color: #FFFFFF;}
.sub_nav .shang .sub_ul .act{background: #004fba;}
.sub_nav .shang .sub_ul .act .sub_a{color: #FFFFFF;}
/*二级*/
.sub_nav .shang .er{margin-top: 2px; overflow: hidden; background: #FFFFFF;}
.sub_nav .shang .er li{height: 30px; line-height: 28px; padding: 0 10px; text-align: center; background: #FFFFFF; border: 1px solid #dddddd; margin: 2px 0;}
.sub_nav .shang .er li a{display: block; font-size: 12px;}
.sub_nav .shang .er li a:hover{color: #175699;}
/*左下*/
.sub_nav .xia h2{background: #004fba; color: #FFFFFF; text-align: center; padding: 15px;font-size: 20px; }
.sub_nav .xia{width: 100%; background: #FFFFFF;}
.sub_nav .xia .imgbox{text-align: center;}
.sub_nav .xia .imgbox img{width: 100%; height: auto; display: inline-block;}
.sub_nav .xia .txtbox{background: #FFFFFF;}
.sub_nav .xia .txtbox ul{margin-bottom: 20px; margin-top: 5px;}
.sub_nav .xia .txtbox ul li{font-size: 13px; color: #333333; line-height: 22px;}
/*内页标题*/
.nei_tit{width: 100%; text-align: center;}
.nei_tit h1{display: inline-block; text-align: center; width: 100px; font-size: 16px; color: #333333;}
.nei_tit .gang{display: inline-block; height: 2px; background: #aaaaaa; width: 42%; margin-bottom: 5px;}
/*安装方法页面*/
.azs_main{width: 100%;}
.azs_main .azs_content{margin-top: 20px; margin-bottom: 50px;}
.azs_main .azs_content .azs_new{margin-top: 20px;}
.azs_main .azs_content .azs_new .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

/*产品案例页面*/
.cps_main{width: 100%;}
.cps_main .cps_content{margin-top: 20px; margin-bottom: 50px;}
.cps_main .cps_content .cps_new{margin-top: 20px;}
.cps_main .cps_content .cps_new .cps_box{width: 100%; margin-bottom: 15px;}
.cps_main .cps_content .cps_new .cps_box .imgbox{position: relative; display: block; overflow: hidden;}
.cps_main .cps_content .cps_new .cps_box .imgbox .cps_img{width: 100%; height: auto;}
.cps_main .cps_content .cps_new .cps_box .imgbox .mask{width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.65); text-align: center;}
.cps_main .cps_content .cps_new .cps_box .imgbox .mask h1{line-height: 30px; color: #FFFFFF; font-size: 14px;}
.cps_main .cps_content .cps_new .cps_box .imgbox .masks{position: absolute; width: 100%; height: 100%; left: 0; top: -100%; background: rgba(0,0,0,0.65);}
.cps_main .cps_content .cps_new .cps_box .imgbox .masks .cps_txt{position: absolute; top: 50%; left: 50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}
.cps_main .cps_content .cps_new .cps_box .imgbox .masks .cps_txt h1{font-size: 20px; color: #FFFFFF;}
.cps_main .cps_content .cps_new .cps_box:hover .mask{bottom: -30px;}
.cps_main .cps_content .cps_new .cps_box:hover .masks{top: 0;}
/*内页*/
.cps_main .cps_content .cpss_new{margin-top: 20px;}
.cps_main .cps_content .cpss_new .imgbox{text-align: center;}
.cps_main .cps_content .cpss_new .imgbox img{max-width: 100%; height: auto;}
.cps_main .cps_content .cpss_new h1{margin-top: 15px; text-align: center;}

/*公司简介页面*/
.jjs_main{width: 100%;}
.jjs_main .jjs_content{margin-top: 20px; margin-bottom: 50px;}
.jjs_main .jjs_content .jjs_new{margin-top: 20px;}
.jjs_main .jjs_content .jjs_new .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

/*联系我们页面*/
.lxs_main{width: 100%;}
.lxs_main .lxs_content{margin-top: 20px; margin-bottom: 50px;}
.lxs_main .lxs_content .lxs_new{margin-top: 20px;}
.lxs_main .lxs_content .lxs_new li{font-size: 14px; color: #333333; line-height: 25px;}
.lxs_main .lxs_content .lxs_new .ditu{margin-top: 20px;}
.lxs_main .lxs_content .lxs_new .ditu img{width: 100%;}

/*新闻资讯页面*/
.xws_main{width: 100%;}
.xws_main .xws_content{margin-top: 20px; margin-bottom: 50px;}
.xws_main .xws_content .xws_new{margin-top: 20px;}
.xws_main .xws_content .xws_new .xws_box{width: 100%; margin-bottom: 15px; position: relative; top: 0;}
.xws_main .xws_content .xws_new .xws_box a{position: relative; display: block; overflow: hidden; padding: 0 0 0 170px;}
.xws_main .xws_content .xws_new .xws_box .imgbox{position: absolute; display: block; overflow: hidden; left: 0; top: 0; bottom: 0; z-index: 9;}
.xws_main .xws_content .xws_new .xws_box .imgbox .xws_img{width: 170px; height: 100%;}
.xws_main .xws_content .xws_new .xws_box .txtbox{height: 125px; overflow: hidden; padding-left: 5px;}
.xws_main .xws_content .xws_new .xws_box .txtbox h1{background: #004fba; padding: 10px; font-size: 14px; color: #FFFFFF;}
.xws_main .xws_content .xws_new .xws_box .txtbox h1 span{position: absolute; right: 10px; top: 10px; font-size: 14px; color: #FFFFFF;}
.xws_main .xws_content .xws_new .xws_box .txtbox .xws_p{height: 40px; overflow: hidden; margin-top: 10px;}
.xws_main .xws_content .xws_new .xws_box .txtbox .xws_p p{font-size: 14px; color: #222222; line-height: 20px;}
.xws_main .xws_content .xws_new .xws_box:hover{box-shadow: 5px 5px 5px #999999; top: -5px;}
.xws_main .xws_content .xws_new .xws_box:hover .txtbox .xws_p p{color: #004fba;}
/*内页*/
.xws_main .xws_content .xwss_new{margin-top: 20px;}
.xws_main .xws_content .xwss_new .xwss_tit{text-align: center;}
.xws_main .xws_content .xwss_new .xwss_tit h1{font-size: 14px; color: #004fba;}
.xws_main .xws_content .xwss_new .xwss_tit h2{font-size: 14px; color: #004fba; background: #b8d6ff; padding: 7px 0;  margin-top: 10px;}
.xws_main .xws_content .xwss_new .txtbox{margin-top: 15px;}
.xws_main .xws_content .xwss_new .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

/*一站式服务页面*/
.fws_main{width: 100%;}
.fws_main .fws_content{margin-top: 20px; margin-bottom: 50px;}
.fws_main .fws_content .fws_new{margin-top: 20px;}
.fws_main .fws_content .fws_new .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

/*光纤维护页面*/
.whs_main{width: 100%;}
.whs_main .whs_content{margin-top: 20px; margin-bottom: 50px;}
.whs_main .whs_content .whs_new{margin-top: 20px;}
.whs_main .whs_content .whs_new .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

@media (max-width:1199px){
    .lc_main .lc_content .lc_new .lc_list ul li{padding: 0 43px 0 43px;}
    /*内页*/
    .nei_tit .gang{width: 41%;}
}

@media (min-width:991px){
    header .head_nav{display: block!important;}
}

@media (max-width:991px){
    header .head_top{height: 70px; position: static;}
    header .logo{height: 70px;}
    header .head_pp{height: 70px;}
    header .logo a img{width: 405px;}
    header .top_btn{font-size: 30px; color: #004fba; position: absolute; top: 18px; right: 18px;}
    header .head_nav{position: absolute; top: 70px;; right: 0px; display: none; width: 150px; z-index: 99999;}
    header .head_nav ul{padding: 0;}
    header .head_nav .top_li{width: 100%; height: 40px; line-height: 40px;}
    header .head_nav .top_li a{background: none;}
    header .head_nav .top_li ul{display: none!important;}
    .zhu_tit h2{padding-top: 10px;}
    .ys_main .ys_content .ys_new .ys_box .imgbox{width: 130px; height: 130px;}
    .lc_main .lc_content .lc_new .lc_list ul li{padding: 0 25px 0 25px;}
    .lc_main .lc_content .lc_new .lc_list ul li:after{width: 45px; height: 6px; right: -26px; top: 10px;}
    .cp_main .cp_content .al_new ul:before{background-size: 100%;}
    .xw_main .xw_content .xw_new .xw_box a{padding: 0 0 0 120px;}
    .xw_main .xw_content .xw_new .xw_box .imgbox .xw_img{width: 120px;}
    .xw_main .xw_content .xw_new .xw_box .txtbox{height: 100px;}
    .xw_main .xw_content .xw_new .xw_box .txtbox h1{padding: 5px;}
    .xw_main .xw_content .xw_new .xw_box .txtbox h1 span{top: 5px;}
    .xw_main .xw_content .xw_new .xw_box .txtbox .xw_p{height: 60px;}
    footer nav{float: none;}
    footer .di_p{float: none}
    /*内页*/
    .nei_tit .gang{width: 39%;}
    .xws_main .xws_content .xws_new .xws_box a{padding: 0 0 0 120px;}
    .xws_main .xws_content .xws_new .xws_box .imgbox .xws_img{width: 120px;}
    .xws_main .xws_content .xws_new .xws_box .txtbox{height: 100px;}
    .xws_main .xws_content .xws_new .xws_box .txtbox h1{padding: 5px;}
    .xws_main .xws_content .xws_new .xws_box .txtbox h1 span{top: 5px;}
    .xws_main .xws_content .xws_new .xws_box .txtbox .xws_p{height: 60px;}

}

@media (min-width: 768px){
    .sub_nav .shang .sub_ul{display: block!important;}
}

@media (max-width: 767px){
    header .head_top{height: 50px;}
    header .logo{height: 50px;}
    header .logo a img{width: 280px; left: 0;}
    header .top_btn{top: 12px; font-size: 24px;}
    header .head_nav{top: 50px;}
    .zhu_tit h1{font-size: 22px;}
    .zhu_tit h2{font-size: 16px; padding-top: 5px;}
    .ys_main .ys_content .ys_new li{width: 33.3333%}
    .ys_main .ys_content .ys_new .ys_box .txtbox h1{font-size: 14px;}
    .ys_main .ys_content .ys_new .ys_box .txtbox h2{font-size: 12px;}
    .lc_main .lc_content .lc_new .lc_con li{width: 33.333%; float: left; margin: 0 0 10px 0; padding: 0 5px;}
    .lc_main .lc_content .lc_new .lc_con .txtbox{padding: 10px;}
    .lc_main .lc_content .lc_new .lc_con .txtbox h1{font-size: 14px;}
    .lc_main .lc_content .lc_new .lc_list ul li{padding: 0 35px 0 0;}
    .lc_main .lc_content .lc_new .lc_list ul li:after{right: -2px; width: 35px;}
    .cp_main .cp_content .al_new ul:before{background: none;}
    .cp_main .cp_content .al_new li{display: inline-block; float: none; width: auto; padding: 0 10px; margin-bottom: 15px;}
    .cp_main .cp_content .al_new li span{width: 60px; height: 60px;  margin: 5px auto 0;}
    /*内页*/
    .sub_nav h1{background: #004fba; color: #FFFFFF; padding: 10px;}
    .sub_nav h1 b{color: #FFFFFF;}
    .sub_nav h1 span{position: absolute; right: 10px; top: 15px;}
    .sub_nav .shang .sub_ul{display: none;}
    .nei_tit .gang{width: 20%;}
}

@media (max-width:450px){
    .container{padding-left: 5px; padding-right: 5px;}
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .ys_main .ys_content .ys_new .ys_box .imgbox{width: 110px; height: 110px;}
}

@media (max-width:376px){
    .zhu_tit{background: none;}
    .ys_main .ys_content .ys_new .ys_box .imgbox{width: 105px; height: 105px;}

}

@media (max-width:340px){
    .ys_main .ys_content .ys_new .ys_box .imgbox{width: 90px; height: 90px;}
}
/*清除样式*/
.clear {
    clear: both;
    font-family: '微软雅黑';
}

/*分页css scott style pagination*/
div.scott {
    padding: 3px;
    margin: 3px;
    text-align: center;
}

    div.scott a {
        border: #221616 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
        text-decoration: none;
    }

        div.scott a:hover {
            border: #221616 1px solid;
            color: white;
            background-color: #221616;
        }

        div.scott a:active {
            border: #221616 1px solid;
            color: #611985;
            background-color: #221616;
        }

    div.scott span.current {
        border: #221616 1px solid;
        padding: 2px 5px;
        font-weight: bold;
        color: #fff;
        margin: 0 2px 0 0;
        background-color: #221616;
    }

    div.scott span.disabled {
        border: #dfdfdf 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
    }

/*QQ*/
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

    .dock.close {
        z-index: 50;
    }

    .dock ul.icons {
        position: absolute;
        list-style: none;
        right: 0px;
        padding: 0px;
        width: 50px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }

    .dock.close ul.icons {
        right: -70px;
    }

    .dock ul.icons li i {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background: url(../image/icons.png) no-repeat;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
        z-index: 210;
    }

    .dock ul.icons li.active i {
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    .dock ul.icons li.up i {
        background-position: -63px -150px;
    }

    .dock ul.icons li.tel i {
        background-position: -62px -108px;
    }

    .dock ul.icons li.im i {
        background-position: -63px -20px;
    }

    .dock ul.icons li.wechat i {
        background-position: -59px -66px;
    }

    .dock ul.icons li.down i {
        background-position: -63px -190px;
    }

    .dock ul.icons li p {
        display: block;
        position: absolute;
        top: 50px;
        right: -260px;
        padding: 15px 20px;
        height: 120px;
        color: White;
        line-height: 30px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .4s ease-in-out .1s;
        -moz-transition: all .4s ease-in-out .1s;
        -ms-transition: all .4s ease-in-out .1s;
        -o-transition: all .4s ease-in-out .1s;
        transition: all .4s ease-in-out .1s;
        overflow: hidden;
        z-index: 201;
    }

    .dock ul.icons li.active p {
        right: 50px;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dock ul.icons li.tel p {
        width: 200px;
        height: 130px;
        line-height: 90px
    }

    .dock ul.icons li.im p {
        width: 185px;
        height: 155px;
        line-height: 30px
    }

        .dock ul.icons li.im p a {
            display: block;
            margin-top: 12px;
            width: 100px;
            height: 35px;
            line-height: 32px;
            color: #00dfb9;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #00dfb9;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all .3s ease-in-out 0s;
            -moz-transition: all .3s ease-in-out 0s;
            -ms-transition: all .3s ease-in-out 0s;
            -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
        }

            .dock ul.icons li.im p a:hover {
                color: White;
                background: #0f8773;
                border: 1px solid #0f8773;
            }

    .dock ul.icons li.wechat p {
        width: 180px;
        height: 180px;
        line-height: 30px
    }

        .dock ul.icons li.wechat p img {
            border: 2px solid #000;
        }

    .dock a.switch {
        position: absolute;
        display: block;
        top: 270px;
        right: 11px;
        width: 26px;
        height: 26px;
        background: url(../image/icons.png) no-repeat 0px -640px;
        cursor: pointer;
        -webkit-transition-delay: .15s;
        -moz-transition-delay: .15s;
        -ms-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s;
    }

        .dock a.switch.off {
            background-position: -32px -640px;
        }