@charset "utf-8";

@font-face {
  font-family: 'sns';
  src: url('/images/fonts/font_1474429438_9198027.eot'); /* IE9*/
  src: url('/images/fonts/font_1474429438_9198027.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('/images/fonts/font_1474429438_9198027.woff') format('woff'), /* chrome、firefox */
  url('/images/fonts/font_1474429438_9198027.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('/images/fonts/font_1474429438_9198027.svg#sns') format('svg'); /* iOS 4.1- */
}





/* CSS Document */

html {-webkit-text-size-adjust: 100%;}

body{margin:0 auto;font-size:100%;color:#666;font-family:"微软雅黑","宋体",arial; background:#f8f8f8;}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,input{padding:0;margin:0;font-weight:normal;font-family: "微软雅黑";}

ul,li{list-style:none;}

input:focus , textarea:focus, select:focus , label:focus , option:focus{outline:none;}

img{border:0 ;vertical-align:middle;max-width: 100%}



a{color:#666;text-decoration:none;}

a:hover{color:#4184f3;}

i,em{font-style:normal;}



.c{clear:both;overflow: hidden; zoom: 1}

.clear {clear: both;height: 0px;overflow: hidden;}

.l{float:left;}

.r{float:right;}

.forced{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.rel {position: relative;}

.abs {position: absolute;}

.f0 {font-size: 0px;}

.inline {display: inline-block;*display: inline;*zoom:1;vertical-align: top;}

.table {display: table;}

.cell {display: table-cell;}

.none {display: none;}










.wp {max-width: 1200px;margin: 0 auto;padding: 0 0.875rem;}

.header {background: #d7e9ff;height:100px;}

.header .head_r_bg {background: #22297a;right: 0;top:0;height: 100%;width: 76%;height:100px;/*width: 50%;*/}

.header .wp {position: relative;z-index: 10;padding: 0;line-height: 6.25rem;/*height: 6.25rem;background: #22297a;*/}

.logo {background: #d7e9ff url(/images/nav_bg.png) no-repeat right center;padding: 0 3rem 0 0.875rem;}



.nav {}

.nav li {float: left;width:5.4rem;text-align: center;padding-right: 2px;position: relative;height:100%;z-index:99999999;background: #22297a;}

.nav li a {font-size: 0.8721rem;color: #fff;display: block;height:100%;width:100%}

.nav li.on a, .nav li a:hover {background: #3880d9 }

.nav li dl {display:none;bottom:0px;left:0px;z-index: 9999;width:150px;background: #22297a;}
.nav li:hover dl {display:block}
.nav li dl a{display:block;width:100%;text-align:center;font-size:0.75rem;line-height:3}
.nav li dl dd{width:100%;overflow:hidden;height:40px;}

.so {position: relative;margin-left:32px;margin-left: 2rem;width: 8.75rem;}

.so .inp {height:1.5rem;border-top: 1px solid #fff;border-bottom: 1px solid #fff;color: #fff;background: none;border-left: 0;border-right: 0;font-size: 0.75rem;width: 100%;text-transform: uppercase;line-height: 1.5rem;}

.so .mit {background: url(/images/i_so.png) no-repeat center center;border:0;position: absolute;right: 0;top:50%;width:1.25rem;height: 1.25rem;margin-top: -0.625rem;}



.ban {height: 21.875rem;background-repeat: no-repeat;background-position: center center;background-size: cover}


.head_tel {color: #fff;line-height: 1.5rem;padding-top: 1.7rem;font-size: 1.1rem;}
.head_tel span {font-family: 'sns';margin-right: 0.4rem;font-size: 1.1rem;}



#home_head {position: fixed;top:0;left:0;width: 100%;z-index: 100}





.main {padding: 1.875rem 0}

.ml {width: 16.25rem;}

.t1 {color: #fff;background: #22297a;text-align: center;

	height:3.125rem;line-height: 3.125rem;font-size: 1.125rem;margin-bottom: 0.625rem;}

.subnav {border:1px solid #dddddd;}

.subnav li {border-bottom: dashed #dddddd 1px;text-align: center;}

.subnav li a {display: block;height: 2.8125rem;line-height: 2.8125rem;font-size: 0.875rem;}

.subnav li a:hover,

.subnav li.on a {background: #3880d9;color: #fff;}



.mr {border:1px solid #ddd;background: #fff;margin-left: 18.125rem;}

.t2 {border-bottom: 1px solid #ddd;line-height: 1.875rem;height: 2.5rem;margin: 0.875rem 0.875rem 0 0.875rem;}

.t2 h3 {color: #22297a;font-weight: normal;float: left;font-size: 1.125rem;}

.t2 p {float: right;font-size: 0.875rem;}

.cont {line-height: 1.625rem;padding: 0.875rem;font-size: 0.875rem;}





.news_list {padding: 0.875rem;}

.news_list dd {border-bottom: 1px dotted #ddd;padding: 0 0 0.625rem 0;overflow: hidden;margin-bottom: 0.625rem}

.news_list dd .pic {border:1px solid #ddd;overflow: hidden;margin-right: 0.9375rem}

.news_list dd .pic .abs {background: #3880d9;color: #fff;font-size: 0.75rem;font-family: 宋体;text-align: center;padding: 0.625rem;left:7px;top:0;}

.news_list dd .pic .abs span {display: block;}

.news_list dd .con h3 {font-weight: normal;font-size: 0.875rem;padding-top: 5px}

.news_list dd .con h3 a {color: #333;}

.news_list dd .con h3 a:hover {color: #22297a}

.news_list dd .con p {padding: 0.625rem 0;font-size: 0.75rem;line-height: 1.5rem}

.news_list dd .con .more a {display: inline-block;*display: inline;*zoom:1;height: 1.5625rem;width: 100px;text-align: center;border:1px solid #ddd;line-height: 1.5625rem;font-size: 0.75rem;}

.news_list dd .con .more a:hover {background: #22297a;color: #fff;}



.case_list {padding-left: 0.875rem;padding-top: 1rem}

.case_list li {float: left;width: 25%;text-align: center;}

.case_list li img {width: 100%}

.case_list li a {display: block;padding: 0 0.875rem 1rem 0;font-size: 0.875rem;}

.case_list li a span {display: block;padding: 10px 0 0 0}



.feed_box {padding: 1.875rem 1.25rem}

.feed_box dt {left:1.25rem;position: absolute;}

.feed_box dd {padding: 0 0 0.9375rem 3.125rem;}

.feed_box dd .inp {height:28px;border:1px solid #ddd;width: 300px;line-height: 28px}

.feed_box dd textarea {height:13.125rem;border:1px solid #ddd;width: 500px}

.feed_box dd .mit,

.feed_box dd .reset {padding: 0 1.875rem;height: 1.875rem;color: #fff;background: #22297a;border:0;border-radius: 8px;cursor: pointer;}

.feed_box dd .reset {background: #3880d9;margin-left: 1.25rem}



.dt {padding: 0.875rem;}





.page {text-align: center;font-size: 0px;padding: 0.625rem 0;margin-bottom: 1rem}

.page a {display: inline-block;*display: inline;*zoom:1;padding: 4px 0.625rem;background: #fff;border:1px solid #b8b8c2;font-size: 0.875rem;margin: 0 4px}

.page a.on, .page a:hover {background: #cccccc;color: #333;}



.pro_list {padding: 1rem 0 0 1.25rem;}

.pro_list li {width: 33.33333333333333%;text-align: center;float: left;}

.pro_list li a {font-size: 0.875rem;margin: 0 1.25rem 0.5rem 0;display: block;}

.pro_list li a img {border:3px solid #ddd;width: 100%;}

.pro_list li a:hover img {border-color: #22297a}

.pro_list li a:hover {color: #22297a}

.pro_list li a span {display: block;padding: 10px 0}



.h1_title {font-size: 1.125rem;color: #333;padding: 1rem 0 0.8rem 0;text-align: center;}



.pro_head {padding: 15px 0}

.pro_head .ppic {width: 400px;position: relative;}

.pro_head .ppic .tab_bd {width: 100%;}

.pro_head .ppic .tab_bd .it {border:3px solid #ddd;}

.pro_head .pcon {padding-left: 430px;font-size: 0.875rem;}

.pro_head .pcon h1 {text-align: left;}

.pro_head .pcon .con {min-height: 15rem;line-height: 1.875rem;}



.pro_head .owl-carousel {position: static;}

.pro_head .clickable {position: absolute;bottom:0;left:0;height: 200px;width: 100%}

.pro_head .clickable .owl-prev,.pro_head .clickable .owl-next {position: absolute;left:0;width: 10px;height: 50px;border:1px solid #ddd;background: #fff url(/images/i_prev2.png) no-repeat center center;z-index: 10;display: block;margin: 0;padding: 0;border-radius: 0px;opacity: 1;text-indent: -99999px;background-size: 5px;bottom:10px;}

.pro_head .clickable .owl-next {right:0;left:auto;background-image: url(/images/i_next2.png)}



.pro_head .tab_hd {padding: 0 15px;width: auto;padding-top: 10px}

.pro_head .tab_hd li {float: left;margin: 0 10px;cursor: pointer;}

.pro_head .tab_hd .cur img {border-color: #22297a}

.pro_head .tab_hd li img {width: 100%;border:1px solid #ddd;}





.pro_tab {padding-bottom: 1rem;}

.pro_tab .hd {height: 3.125rem;line-height: 3.125rem;background: #ededed}

.pro_tab .hd li {border-right: 1px solid #f8f8f8;text-align: center;cursor: pointer;}

.pro_tab .hd .cur {background: #d3d3d3}

.pro_tab .bd {line-height: 1.875rem;font-size: 0.875rem;padding: 1rem 0;}

.pro_tab .owl-carousel .owl-wrapper, .owl-carousel .owl-item {float: left;}







#f1 {background: #f5f5f5;}

#f2 {background: #212775;}

#f3 {background: #fff}

#f4 {background: #f3f3f3}

#f5 {background: #fff}



.t3 {text-align: center;color: #22297a;font-size: 1rem;}

.t3 h3 {font-size: 2rem;text-align: center;}



.home_more {position: relative;text-align: center;margin: 10px 0 30px 0}

.home_more .inline {height: 3.4375rem;width: 3.4375rem;text-align: center;line-height: 3.4375rem;color: #fff;background: #969696;border-radius: 3.4375rem;font-size: 0.875rem;position: relative;}

.home_more span {display: block;height: 0px;border-top: 1px solid #969696;top:50%;width: 100%;position: absolute;}

.home_more a:hover {background: #22297a;}





#f1 .pro_list {}

#f1 .pro_list li {width: 25%;}





#f2 .t3 {color: #fff;}

#f2 .home_more span {border-color: #6a71c0;}

#f2 .home_more .inline {background: #6a71c0}

#f2 .scroll .it img {width: 100%;}



.case_scroll .it {margin-left: 1px;text-align: center;position: relative;}

.case_scroll .it img {width: 100%}

.case_scroll .it .abs {top:0;left:0;background: rgba(89,160,250,0.8);width: 100%;height: 100%;display: none;}

.case_scroll .it .abs .table {width: 100%;height: 100%;color: #fff;}

.case_scroll .it .abs .table .cell {vertical-align: middle;}

.case_scroll .it .abs .table .cell .t {font-size: 1.25rem;padding:20px 0}

.case_scroll .it .abs .table .cell .ico span {width: 3.125rem;height: 3.125rem;background: url(/images/i_more.png) no-repeat;}

.case_scroll .it .abs .table .cell .more span {padding: 4px 15px;border:1px solid #fff;font-size: 0.875rem;}



.case_scroll .owl-prev,

.case_scroll .owl-next {width: 40px;height: 40px;line-height: 40px;text-align: center;color: #1f256f;display: inline-block;*display: inline;*zoom:1;background: #fff;font-size: 2rem;font-family: 宋体;font-weight: bold;margin: 0 6px}

.case_scroll .owl-next:hover,

.case_scroll .owl-prev:hover {background: #3880d9;color: #fff;}

.case_scroll .owl-buttons {text-align: center;padding: 20px 0}





#f3 .con {line-height: 2rem;margin-bottom: 10px;font-size: 0.875rem;}

#f3 .con iframe {float: left;margin-right: 20px}

#f3 .hj .l {width: 30%;text-align: center;padding-top: 20px}

#f3 .hj .r {width: 70%;}

#f3 .hj ul li {float: left;display: inline;width: 25%}

#f3 .hj ul li span {display: block;margin-left: 10px}



#f4 {background: url(/images/bg.jpg)}

.zs_scroll {position: relative;}

.zs_scroll .owl-item div {text-align: center;margin: 0 10px}

.zs_scroll .owl-item div span {display: block;font-size: 0.875rem;padding: 15px 0}

.zs_scroll .owl-item div img {border:1px solid #969696;width: 100%}

.zs_scroll {width: auto;padding: 0 50px}

.zs_scroll .owl-prev,

.zs_scroll .owl-next {background: #22297a;color: #fff;font-family: 宋体;font-size: 24px;width: 32px;height: 70px;line-height: 70px;text-align: center;position: absolute;top:50%;left:0;margin-top: -40px}

.zs_scroll .owl-next {right: 0px;left:auto;}

.zs_scroll .owl-next:hover,

.zs_scroll .owl-prev:hover {opacity: 0.8}





.hzhb_line {border-right:1px dashed #d3d3d3;margin-bottom: 20px;border-bottom: 1px dashed #d3d3d3;}

.hzhb_line li {float: left;width: 20%;}

.hzhb_line li a {border:1px dashed #d3d3d3;display: block;border-right: 0;border-bottom: 0}

.hzhb_line li img {width: 100%}





.home_ty {padding-top: 30px;padding-bottom: 50px}



.banner .it {height: 800px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.banner {padding-top: 100px;}










.fans {background: #22297a;color: #fff;font-size: 0.875rem;}

.fans a {color: #fff;}



.section .wp {text-align: left;}

.flink {background: url(/images/i_x2.png) repeat-x bottom;line-height: 3.4375rem;}

.i_top {width: 3.4375rem;height: 3.4375rem;background: #3880d9 url(/images/i_top.png) no-repeat center center;top:0;right: 0;cursor: pointer;}

.flink h3 {font-size: 1rem;font-weight: normal;margin-right: 0.875rem;}

.flink .wp div {padding-right: 4.375rem;}

.flink span {font-size: 0.75rem;margin: 0 0.625rem;}

.flink h3 span {font-family: arial;color: #6971c8;text-transform: capitalize;margin: 0 0.3125rem;}

.flink a:hover {text-decoration: underline;}



.section .cr {text-align: left;}



.cr {background: url(/images/i_x2.png) repeat-x top;padding: 0.875rem 0;line-height: 1.875rem;}

.cr .r {padding: 1.875rem 0 0 0}

.cr .r div {font-size: 0.875rem;padding-left: 1.75rem;margin-left: 0.625rem;}

.cr .r .tel {background: url(/images/i_tel.png) no-repeat 0 center;}

.cr .r .email {background: url(/images/i_mail.png) no-repeat 0 center;}



.bot_nav {padding: 2.5rem 0}

.bot_nav .it_box {width: 70%}

.bot_nav .it {float: left;background: url(/images/i_x1.png) repeat-y right;min-height: 13.25rem;width: 25%}

.bot_nav .it h3 {font-weight: normal;padding: 0 0 0.625rem 0;text-align: center;}

.bot_nav .it ul {padding: 0 1.875rem;text-align: center;}

.bot_nav .it ul li {background: url(/images/i_li1.png) no-repeat 0 center;padding: 0 0 0 ;line-height: 1.875rem;font-size: 0.75rem;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; background:none;}

.bot_nav .it ul li a:hover {text-decoration: underline;}





.act {width: 27%;text-align: center;}

.act .m img {background: url(/images/i_x3.png) no-repeat center center;padding: 0.5rem;vertical-align: middle;background-size: 100% 100%;
}

.act .m div {font-size: 0.95rem;vertical-align: middle;padding-left: 0.625rem;font-weight: bold;margin-top: .4rem;}

.act .m div .f30 {font-size: 1.875rem;display: block;padding: 0.625rem 0}

.act .m div .c1 {font-size: 0.875rem;color: #6aadff}

.act .qq_line p {padding: 0.625rem 0;font-size: 1.125rem;}

.act .qq_line a {display: inline-block;*display: inline;*zoom:1;}





.ie8 {background: #c00;text-align: center;padding: 0.9375rem 0;font-size: 1.125rem;color: #fff;}






.zt_main {background: #fff;}
.banners {position: relative;}
.banners .swiper-slide {background-repeat: no-repeat;position: center center;background-size: cover;}
.banners .pagination span {width: 10px;height: 10px;margin: 0 5px;display: inline-block;border:1px solid #fff;border-radius: 100%;background: #fff;opacity: 0.5}
.banners .pagination span.swiper-active-switch {background: none;border-color: #ffffff;height: 12px;width: 12px;}
.banners .pagination {position: absolute;bottom:30px;left:0;width: 100%;text-align: center;z-index: 2;}


.tac {text-align: center;}
.c500 {color: #0070c0;}
.fl {float: left;}
.fr {float: right;}
.text-overflow { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


.zt01 {padding: 60px 0}
.t500 {font-size: 14px;margin-bottom: 40px;}
.t500 h5 {font-size: 40px;margin-bottom: 15px;color: #000;}

.zt01 .c .fr {width: 40%;}
.zt01 .c .fl {width: 50%;font-size: 14px;line-height: 26px}
.zt01 .c .fl span {color: #d70000;}
.zt01 .c .fl .t span {border-bottom: 2px solid #0070c0;font-size: 24px;color: #000;padding-bottom: 15px;margin-bottom: 15px;display: inline-block;}

.t501 {height: 122px;background: #0070c0 url(/images/501.jpg) no-repeat center center;}
.t501 var {font-weight: normal;font-size: 14px;}
.t501 h5 {font-size: 40px;color: #000;}

.zt02 .box {background: url(/images/x_bg2.jpg) no-repeat center center;color: #aaaaaa;padding: 10px 0 50px 0;background-size: cover;}
.zt02 .box .p {font-size: 16px;padding: 30px 0;line-height: 30px}
.zt02 .box .table .cell {width: 50%;}
.zt02 .box .table .cell .s {font-size: 18px;padding: 15px 0 25px 0}
.zt02 .box .table .cell .b {font-size: 14px;width: 80%;margin: 0 auto;text-align: left;}

.zt03 {padding: 60px 0;background: url(/images/x_bg5.png) no-repeat bottom center;}
.pro_lists {margin: 0 -9px;}
.pro_lists li {width: 25%;float: left;text-align: center;}
.pro_lists li a {display: block;padding: 10px 15px 0 10px;}
.pro_lists li a .pic {border:1px solid #ddd;}

.pro_lists li a .name {display: block;padding: 10px 0;font-size: 14px;}
.pro_lists li a:hover .pic {border-color: #0070c0}


.x_home {margin-top: 50px;}
.x_home a {border:1px solid #ccc;height: 35px;padding: 0 30px;line-height: 35px;font-size: 12px;}
.x_home a:hover {background: #0070c0;color: #fff;border-color: #0070c0}


.zt04 .box {padding: 50px 0;background: url(/images/x_bg1.png) no-repeat center center;}
.t502 {background: url(/images/tel_bg.png) no-repeat center center;}
.atel {font-size: 22px;color: #fff;background: url(/images/x_tel2.png) no-repeat 0 center;padding-left:40px;}
.atel span {display: block;}


.zt05 .box {padding: 50px 0;background: url(/images/x_bg5.png) no-repeat center bottom;}
.xcase_tab {margin: 0 50px}
.xcase_tab .pic {width: 40%;}
.xcase_tab .info {margin-left: 40%;padding-left: 40px;}
.xcase_tab .t {border-bottom: 1px solid #ddd;padding: 15px 0;margin-bottom: 15px;}
.xcase_tab .t a {color: #000;font-size: 20px;}
.xcase_tab .p {line-height: 26px;font-size: 14px;}
.xcase_tab .arrow-left,
.xcase_tab .arrow-right, .arrow-right2, .arrow-left2, .arrow-left3, .arrow-right3 {width: 21px;height: 46px;background: url(/images/x_prev2.png) no-repeat center center;display: block;position: absolute;left:-50px;top:50%;margin-top: -12px;}
.xcase_tab .arrow-right, .arrow-right2, .arrow-right3 {right: -50px;left:auto;background-image: url(/images/x_next2.png) }

.zt06 {background: url(/images/x_bg3.png) no-repeat bottom center;background-size: cover}
.xhz_tab {margin: 0 50px;padding: 40px 0}
.xhz_tab ul li img {vertical-align: top;width: 100%;}
.xhz_tab ul li span {border:1px solid #eee;display: block;}
.xhz_tab .arrow-right2,
.xhz_tab .arrow-left2 {margin-top: -20px;}


.x_line01 .it {overflow: hidden;padding: 15px 0 40px 0}
.x_line01 .it .pic,
.x_line01 .it .info {width: 40%;float: left;}
.x_line01 .it .info .t {font-size: 28px;color: #000;line-height: 54px;}
.x_line01 .it .info .t span {color: #fff;width: 48px;height: 54px;background: url(/images/x_li3.png) no-repeat;line-height: 54px;text-align: center;}
.x_line01 .it .info {width: 55%;padding-top: 10px;float: right;}
.x_line01 .it .info .p {padding: 10px 20px 0 50px;line-height: 26px}
.x_line01 .it .info .p p {font-size: 14px;background: url(/images/x_li4.png) no-repeat 0 10px;padding-left: 20px;margin: 0 0 10px 0}
.x_line01 .it.on .info {float: left;}
.x_line01 .it.on .pic {float: right;}



.zt07 .box {padding: 50px 0}
.zt07 .box .it01 .pic {width: 456px;}
.zt07 .box .it01 .info {margin-left: 456px;padding-left: 40px;}
.zt07 .box .it01 .info .p {border:1px solid #ddd;padding: 25px 15px;font-size: 14px;line-height: 26px;margin-bottom: 20px;}
.zt07 .box .it01 .info .p .t {font-size: 26px;color: #000;margin-bottom: 15px;}
.zt07 .box .it02 {margin-top: 20px;}
.zt07 .box .it02 .fl {width: 92px;float: left;}




.Ascroll {position: relative;}
.Ascroll .owl-item div {text-align: center;margin: 0 10px}
.Ascroll .owl-item div span {display: block;font-size: 0.875rem;padding: 15px 0}
.Ascroll .owl-item div img {border:1px solid #969696;width: 100%}
.Ascroll {width: auto;padding: 0 50px}
.Ascroll .owl-prev,
.Ascroll .owl-next {background: url(/images/x_prev.png) no-repeat;height: 51px;width:31px;position: absolute;top:50%;left:0;margin-top: -25px;text-indent: -100px;overflow: hidden;}
.Ascroll .owl-next {right: 0px;left:auto;background-image: url(/images/x_next.png)}
.Ascroll .owl-next:hover,
.Ascroll .owl-prev:hover {opacity: 0.8}



.Bscroll {position: relative;margin-left: 92px;border:1px solid #ddd;border-left: 0;background: #f8f8f8;height: 198px;text-align: center;padding: 0 20px}
.Bscroll .owl-item div {text-align: center;margin: 0 10px;position: relative;border:1px solid #ddd;height: 170px;margin-top: 15px;}
.Bscroll .owl-item div span {display: block;font-size: 0.875rem;padding: 15px 0}
.Bscroll .owl-item div img {position: absolute;top:0;left:0;right: 0;bottom:0;margin: auto;}
.Bscroll {width: auto;padding: 0 50px}
.Bscroll .owl-prev,
.Bscroll .owl-next {background: url(/images/x_prev.png) no-repeat;height: 51px;width:31px;position: absolute;top:50%;left:15px;margin-top: -25px;text-indent: -100px;overflow: hidden;}
.Bscroll .owl-next {right:15px;left:auto;background-image: url(/images/x_next.png)}
.Bscroll .owl-next:hover,
.Bscroll .owl-prev:hover {opacity: 0.8}


.zt08 {background: url(/images/x_bg10.jpg) no-repeat center center;padding: 50px 0;background-size: cover;}
.zt08 .it {width: 33.33333333%;}
.zt08 .linebox {margin: 0 -15px;}
.zt08 .it .box {border:1px solid #aaaaaa;margin: 0 15px}
.zt08 .it .box .tt {line-height: 50px;border-bottom: 1px solid #aaa;padding: 0 15px;background: url(/images/511.jpg) no-repeat 15px center;padding-left: 30px;color: #000;font-size: 18px;}
.zt08 .it .box .tt a {font-size: 12px;float: right;}
.zt08 .it .box .tt span {background: url(/images/x_li2.png) no-repeat 0 center;font-size: 12px;padding-left: 25px;float: right;color: #666;}

.zt08 .it .box .padd {padding: 15px}
.zt08 .it3 {background: url(/images/x_feed_bg.png) no-repeat bottom center;}
.list501 {padding: 10px 0 0 0;height: 183px;overflow: auto;}
.list501 li {background: url(/images/x_li1.png) no-repeat 0 center;padding-left: 15px;font-size: 14px;line-height: 26px;height: 26px;overflow: hidden;}
.list501 li a {color: #333;}


.list500 {height: 372px;overflow: auto;}
.list500 li {border-bottom: 1px dotted #ccc;font-size: 14px;padding: 0 0 15px 0;margin-bottom: 15px;}
.list500 li .inline {width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;font-size: 12px;background: #0070c0;margin-right: 8px;}
.list500 li .t {color: #333;margin-bottom: 8px;}
.list500 li .q {color: #666;line-height: 22px}



.afeed {font-size: 14px;padding: 15px 15px 15px 0}
.afeed dt {position: absolute;width: 60px;text-align: right;line-height: 35px;}
.afeed dd {padding: 0 0 25px 70px}
.afeed dd .inp {height: 35px;line-height: 35px;width: 100%;border:1px solid #aaa;background: none;}
.afeed dd.go {padding: 0 0 0 20px}
.afeed dd.go .mit {background: #0070c0;color: #fff;font-size: 18px;border:0;width: 100%;height: 50px;}

.btel {padding: 10px 0 48px 0}
.btel .inline {background: url(/images/x_tel.png) no-repeat 0 center;padding-left: 70px;font-size: 15px;text-align: left;color: #000;}
.btel .inline span {font-size: 22px;color: #0070c0;display: block;}



.products_left{float:left;width:70%}
.products_right{float:right;width:25%;padding-left:2%;}
.products_right_title{background:#3880d9;color:#fff;padding:5px;margin:20px 0 10px 0;}
.products_right li{padding:2px}
.products_right li.products_right_pic{padding:20px 0;text-align:center}
.products_right li img{width:98%;}


.bottom_contact_phone{display:none}
@media only screen and (max-width:1178px) {

	.wp {max-width: 73.125rem;}

	.home_ty {padding-top: 50px}

	.header .wp {line-height: 4.375rem;height: 4.375rem;background: none;}

	.header .c {overflow: inherit;}

	.header .head_r_bg {display: none;}

	.logo img {height: 3.125rem}

	.logo {background: none;}

	.ban {height: 240px}

	.banner .it {height: 400px}
	.banner {padding-top: 10.9%;}



	.ml {width: auto;float: none;margin-bottom: 0.625rem;}

	.t1 {height: 2.5rem;line-height: 2.5rem;}

	.subnav li a {height: 2.5rem;line-height: 2.5rem;background: #fff;}

	.mr {margin: 0;}

	.main {padding: 1.25rem 0}



	.bot_nav {padding: 1.25rem 0}

	.bot_nav .it {min-height: 0;float: none;width: 100%;border-bottom: 1px dotted #3d438a;background: none;padding: 0.9375rem 0}

	.bot_nav .it h3 {padding-bottom: 5px;}

	.bot_nav .it ul {padding: 0;text-align: center;}

	.bot_nav .it_box,.act {width: auto;float: none;}

	.bot_nav .it ul li {line-height: 1.5rem;display: inline-block;margin-right: 0.9375rem}



	.flink {line-height: 2.5rem}

	.flink h3 {position: relative;padding-right: 1.25rem;cursor: pointer;}

	.flink h3:before {content:"";display: block;width: 0px;height: 0px;border:5px solid transparent;border-top-color: #fff;position: absolute;top:50%;right: 0px;margin-top: -2px}

	.flink .wp div {display: none;line-height: 1.5rem;padding-bottom: 0.625rem;overflow: hidden;zoom:1;}

	.flink .wp div a,

	.flink .wp div span {float: left;}

	.flink .i_top {height: 2.5rem;width: 2.5rem;background-size: 1.25rem;}



	.act {padding: 1.25rem 0}



	.cr {line-height: 1.625rem;}

	.cr .r div {margin-left: 0;margin-right: 0.625rem}

	.cr .r {float: none;padding: 0}	



	.bar_mobile {position: absolute;top:4.375rem;right:0;background: #22297a;width: 100%;display: none;}

	.nav_mobile.on {background-image: url(/images/i_clset.png)}

	.so {position: absolute;bottom:0px;width: 100%;left:0;margin: 0;}

	.so div {padding: 0 0.9375rem}

	.so .mit {right: 0.9375rem}

	.nav {float: none;}

	.nav li {float: none;height:2.1875rem;line-height: 2.1875rem;width: 100%;padding: 0;margin-bottom: 2px;}

	.nav_mobile {display: block;background: url(/images/n_mobile.png) no-repeat center center;height: 4.375rem;width: 1.5625rem;position: absolute;right: 0.9375rem;top:0px;background-size: 100%;cursor: pointer;}

	.nav li dl{display:none!important;}


	.news_list dd .con p {line-height: 1.25rem}



	.t1 {position: relative;}

	.t1:before {content:"";display: block;width: 0px;height: 0px;border:6px solid transparent;border-top-color: #fff;position: absolute;top:50%;right: 14px;margin-top: -2px}

	.t1.on:before {border-top-color: transparent;border-bottom-color: #fff;margin-top: -8px}

	.subnav,

	.bot_nav .it {display: none;}
	.head_tel {position: absolute;left:0;top:0;width: calc(100% - 10rem);color: #000;padding-top: 0.5rem;padding-left: 10rem;z-index: -1}



}



@media only screen and (max-width:800px) {
.pro_head .ppic {width: auto;float: none;padding-right: 3px}	

	.pro_head .pcon {padding-left: 0px;padding: 15px 0}

	.pro_head .pcon .con {min-height: 0px;}

	.pro_head .pcon .fx {padding: 10px 0 0 0}

	.pro_head .pcon h1 {padding: 5px 0}
	.pro_head .pcon h1 {padding: 5px 0}
	#f3 .con iframe {width: 20rem;}
	.zt08 .it {float: none;width: auto;margin-bottom: 20px;}
	.zt07 .box .it01 .pic {width: auto;float: none;}
	.zt07 .box .it01 .info {margin: 0;padding: 0}
	.zt07 .box {padding: 40px 20px}
	.atel {font-size: 16px;}
	.t502 .table .cell:nth-child(1) {display: none;}
	.t502 .table .cell:nth-child(2) {width: 50%;}
	.t502 .table .cell:nth-child(2) img {vertical-align: middle;}
	.t502 {padding: 15px 0}
	.x_line01 .it .pic, .x_line01 .it .info {width: auto;float: none;}
	.x_line01 .it.on .pic {float: none;}
	.x_line01 .it .pic {margin-bottom: 15px;}
	.products_left{float:none;width:100%}
	.products_right{float:none;width:100%;}
	/*.products_right li img{max-width:300px;}*/
	.bottom_contact_qq{display:none}
	.bottom_contact_phone{display:block;font-size:16px}
}






@media screen and (max-width:480px){
.header {background: #d7e9ff;height:45px;}
	.Ascroll {padding: 0;margin: 0 -10px}
	.Bscroll {padding: 0 10px}
	.t501 {background: #0070c0;color: #fff;height: auto;padding: 20px 10px}
	.t501 h5 {color: #fff;font-size: 24px;margin-bottom: 10px;}
	.t501 h5 span {color: #fff;}
	.xcase_tab .pic {float: none;width: auto;}
	.xcase_tab .info {margin-left: 0;padding-left: 0;}
	.t500 h5 {font-size: 30px;}
	.zt02 .box .table .cell {display: block;width: auto;}
	.zt02 .box .table .cell:nth-child(1) {margin-bottom: 20px;}
	.zt02 .box .table .cell .b {width: auto;line-height: 24px;}
	.zt01 .c .fr {float: none;width: auto;}
	.zt01 .c .fl {float: none;width: auto;}
	.x_line01 .it .info .t {font-size: 24px;text-indent: -60px;margin-left: 60px;}
	.x_line01 .it .info .t span {margin-right: 10px;text-indent: 0}
	.arrow-right3, .arrow-left3 {display: none;}


	.header .wp {line-height: 45px;height: 45px;}

	.header .wp .logo img {height: 1.875rem}

	.nav_mobile {height: 45px;background-size:auto 0.9375rem}

	.bar_mobile {top: 45px}

	.nav li {height: 1.875rem;line-height: 1.875rem}

	.ban {height: 110px}

	.banner .it {height: 270px}

	.t2 p {font-size: 12px;}

	.t2 h3 {font-size: 1rem;}



	.page a {padding: 3px 8px;font-size: 0.75rem;}

	.bot_nav {padding: 0}

	.act {text-align: center;}

	.act .m img {margin-bottom: 0.625rem}

	.act .m div .f30 {padding: 0;}

	.cr, .cr .r div {font-size: 0.75rem;line-height: 22px}

	.wp {padding: 0 0.625rem}

	.news_list dd .pic {width: 100%;float: none;margin-bottom: 0.625rem}

	.news_list dd .pic img {width: 100%}


	.case_list {padding: 0 0.875rem;padding-top: 0.875rem}
	.case_list li {width: 50%}

	.case_list li a {padding: 0 5px 0.625rem 0px}

	.case_list li:nth-child(2n) a {padding: 0 0px 0.625rem 5px;}

	.feed_box {padding: 0px;}

	.feed_box dt {left:0;}

	.feed_box dd .inp,

	.feed_box dd textarea {width: 100%;}

	

	.pro_head .clickable {display: none;}

	.pro_head .clickable .owl-prev, .pro_head .clickable .owl-next {display: none;}

	.owl-next, .owl-prev {display: none;color: #fff;overflow: hidden;}

	.pro_head .tab_hd {padding: 0;margin-top: 10px}

	.pro_head .tab_hd li {margin: 0 5px;}




	.pro_list {padding: 0.875rem 0 0 0.875rem;}
	.pro_list li {width: 50%;}

	.pro_head .ppic {width: auto;float: none;padding-right: 3px}	

	.pro_head .pcon {padding-left: 0px;padding: 15px 0}

	.pro_head .pcon .con {min-height: 0px;}

	.pro_head .pcon .fx {padding: 10px 0 0 0}

	.pro_head .pcon h1 {padding: 5px 0}

	.pro_main .t2 {line-height: 1.5rem;padding-top: 0;margin-top: 10px;height: 2rem;}

#f1 .pro_list li {width: 50%;margin-bottom: 5px}

#f1 .pro_list li a {margin: 0 5px 0 0}
#f1 .pro_list li a img {border:3px solid #ddd;width:calc(100% - 6px);}
#f1 .pro_list li:nth-child(2n) a {margin: 0 0 0 5px}
#f1 .pro_list li:nth-child(2n) {float: right;}

#f1 .pro_list {width: 100%;padding: 0}

.home_ty {padding-top: 25px;padding-bottom: 25px}

.t3 {font-size: 14px;}

.t3 h3 {font-size: 24px}

.home_more .inline {width: 40px;height: 40px;line-height: 40px;font-size: 12px}

#f3 .con {line-height: 24px}

#f3 .con iframe {margin: 0 0 10px 0;width: 100%;height: 230px}

#f3 .hj .l {padding-top: 0}

.zs_scroll {padding: 0 0px}

.case_scroll .owl-buttons {display: none;}

.hzhb_line li {width: 50%}

.zs_scroll .owl-item div {margin: 0 5px}
.t2 p {display: none;}
	.head_tel {width: calc(100% - 9rem);padding-top: 0.4rem;padding-left: 9rem;font-size: 0.8rem;line-height: 1rem}
	.head_tel span {font-size: 0.8rem;}
}



@media screen and (max-width:320px){
	.pro_list li {width: 100%;}
	.t2 p {display: none;}
	.pro_main .t2 p {display: block;}
}


.cont img {max-height: auto;height: auto;}


.banner .owl-controls {position: absolute;bottom:10px;left:0;width: 100%;height: 50px;}
.banner .owl-controls .owl-page {width: 15px;height: 15px;background: #fff;border-radius: 15px;display: inline-block;margin: 0 10px;box-shadow: 0 0 5px #000;}
.banner .owl-controls .owl-page.active {background: #22297a;}

.xxx {z-index: 1000000;top:40%;width: 100%;text-align: center;}
.xxx img {border-radius: 10px;box-shadow: 0 0 5px #000;}
.xxx .abs {font-size: 40px;color: #000;right: 10px;top:0;font-weight: normal;cursor: pointer;}


.page{text-align: center;}

.page a{padding:4px 10px;border:1px solid hsl(240, 7%, 74%);margin-left: 10px;}

.page .current{padding:4px 10px;border:1px solid hsl(240, 7%, 74%);background: #ccc;margin-left: 10px;}





.homenews{float:left;width:46%;margin:0 1%}
.homenews .homenews_pic .homenews_text{float:left;margin-left:5%;width:60%}
.homenews .homenews_pic .homenews_text h2{font-size:1rem}
.homenews .homenews_pic .homenews_text p{font-size:0.8rem}
.homenews .homenews_pic img{display:block;float:left;width:30%}

.homenews .homenews_title {border-bottom:1px dotted #eee;margin-bottom:10px;padding-bottom:10px;}
.homenews .homenews_title a{color:#3880d9}

.homenews ul {margin-top:5px}
.homenews ul li{padding:5px}
.homenews ul li span{font-size:0.8rem}
.homenews ul li a{display:inline-block;width:60%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;line-height:1.2;height:30px;font-size:0.8rem}

.homenews ul li span{float:right;display:inline-block;margin-right:2%}

@media screen and (max-width:800px){
	.homenews{float:left;width:95%;margin-bottom:30px}
}