@charset "UTF-8";
body{overflow-x: hidden;overflow-y: auto;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color: #333333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.msite{display: none;}
.wsite{display: block;}
.w1200{width: 1200px; margin: 0 auto;}
.w1400{width: 1400px; margin: 0 auto;}
a{color: #333;text-decoration: none;}
a:hover{color: #0067d0; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*网站顶部*/
.top_main{width: 100%;line-height: 38px;background: #0067d0;color: #e3f1ff;font-size: 12px;}
.top_main li{position: relative;display: inline-block;text-align: center;margin-left: 8px;}
.top_main li a{color: #e3f1ff;}
/*网站头部*/
.header_main{position: relative;width: 100%;height: 120px;background: #fff;z-index: 9;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);}
.header_main .logo{display: block;margin-top: 28px;}
.header_main .logo img{max-width: 100%;display: block;vertical-align: middle;}
.header_main .tel{margin-top: 40px;}
.header_main .tel s{display: inline-block;width: 34px;height: 34px;margin-right: 10px;vertical-align: bottom;background: url(../images/cel.png) no-repeat;}
.header_main .tel span{display: inline-block;font-size: 22px;line-height: 34px;color: #5c5a5a;}
/*网站导航*/
#nav .navlist{position: relative;display: block;margin-top: 35px;margin-right: 30px;}
#nav li{float: left;font-size: 16px;position: relative;padding: 0 20px;}
#nav li a{display: block;text-align: center;position: relative;color: #333;line-height: 40px;border-bottom: 2px solid #fff;}
#nav li.hover a,#nav li:hover a{color: #0067d0;border-bottom-color: #0067d0;}
#nav ul .subnav{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
#nav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
#nav ul .subnav{box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;overflow: hidden;position: absolute;top: 100%;left: 50%;margin-left: -60px;width: 120px;z-index: 199;padding-top: 5px;}
#nav ul .subnav:before{content: "";width:0;height:0;position:absolute;top: 0;left:50%;margin-left: -5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom: 5px solid #0067d0;}
#nav ul .subnav a{color: #fff;display: block;font-size: 12px;font-weight: 500;height: 35px;line-height: 35px;padding: 0;max-width: 100%;border: 0;padding: 0 10px;background: #0067d0;}
#nav ul .subnav a:hover{color: #0067d0;background: #fff;}
/*网站大图*/
#banner_main{overflow:hidden;position: relative;z-index: 2;max-width: 1920px;margin: 0 auto;}
#banner_main .banner{height: 700px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height:700px; overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;}
.banner li img{/* width:1920px; */width:100%;display:block;/*position:relative;left:50%;margin-left:-960px;top:0;*/}
#banner .tip{width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:20px;z-index:3;}
#banner .tip span{width: 10px;height: 10px;margin: 0 4px;display:inline-block;font-size: 0;cursor: pointer;background:#fff;opacity: .5;filter: Alpha(opacity=50);*zoom:1;border-radius: 50%;transition: all .5s;}
#banner .tip span.cur{opacity:1;filter:Alpha(opacity=100);}
#banner #btn_prev,#banner #btn_next{width: 49px;height: 104px;position:absolute;top:50%;z-index:5;margin-top: -52px;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;background: url(../images/icon.png) no-repeat;}
#banner #btn_prev{background-position:0 0;left: -50px;}
#banner #btn_next{background-position: -49px 0;right: -50px;}
#banner:hover #btn_prev{left: 20px;filter: alpha(opacity=40);-moz-opacity: .4;-khtml-opacity: .4;opacity: .4;}
#banner:hover #btn_next{right: 20px;filter: alpha(opacity=40);-moz-opacity: .4;-khtml-opacity: .4;opacity: .4;}
#banner #btn_prev:hover,#banner #btn_next:hover {filter: alpha(opacity=80);-moz-opacity: .8;-khtml-opacity: .8;opacity: .8;}
/*搜索栏*/
.search_bg{/*position: absolute;top: -10px;right: 60px;*//*background: #f4f4f4;height: 140px;margin-bottom: 50px;*/}
.search_bg .txt{float: left;width: 380px;margin-top: 40px;line-height: 30px;font-size: 17px;color: #333;}
.search_bg .txt span{font-size: 27px;color: #0067d0;font-weight: bold;}
.search_bg .tel{width: 300px;border-left: 1px #ebebeb solid;border-right: 1px #ebebeb solid;height: 140px;}
.search_bg .tel p{width: 195px;margin: 0 auto;margin-top: 35px;}
.search_bg .tel p s{float: left;display: inline-block;width: 30px;height: 30px;vertical-align: bottom;background: url(../images/tell.png) no-repeat;}
.search_bg .tel p span{display: inline-block;font-size: 17px;color: #666;padding-top: 3px;padding-left: 12px;}
.search_bg .tel h3{font-size: 28px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #d7030c;text-align: center;padding-top: 6px;}
.search_bg .search{width: 445px;padding-top: 34px;}
.search_bg .search .text{width: 369px;color: #666;border: 1px #d1d1d1 solid;border-right: 0;height: 42px;padding-left: 10px;line-height: 42px;background: #fff;border-radius: 2px 0 0 2px;outline: none;}
.search_bg .search .btn{border: none;width: 65px;height: 44px;background: url(../images/search.png) center no-repeat;border-radius: 0 2px 2px 0;cursor: pointer;}
.search_bg .search .key{width:100%;/*width: 460px;*/height: 42px;line-height: 42px;}
.search_bg .search .key b{color: #dc061a;}
/*******index css*******/
/*通用标题*/
.index .in_title{position: relative;margin: 0 auto;text-align: center;}
.index .in_title span{position: absolute;width: 100%;top: 0;left: 0;display: block;color: #ebebeb;font-family: "Times New Roman",Times,serif;font-size: 80px;line-height: 57px;}
.index .in_title h3{position: relative;font-size: 36px;line-height: 47px;font-weight: bold;padding-top: 10px;color: #0067d0;}
/*分类样式*/
.index .tab{text-align:center;margin: 30px 0;}
.index .tab ul{display: inline-block;}
.index .tab ul li{display: inline-block;margin: 7px;}
.index .tab ul li a{float: left;height: 50px;line-height: 50px;font-size: 15px;text-align: center;width: 150px;color: #fff;border-radius: 5px;background: #0067d0;transition: all .5s;}
.index .tab ul li a:hover{background: #d7030c;}
/*产品中心*/
.index .ipro_main{padding: 0;}
.index .ipro_main .title{text-align: center;}
.index .ipro_main .title h3{font-size: 38px;font-weight: bold;line-height: 50px;color: #0067d0;}
.index .ipro_main .title h3 font{font-size: 38px;font-weight: bold;color: #d7030c;}
.index .ipro_main .title span{display: block;font-size: 20px;color: #333;padding-top: 2px;height: 40px;}
.index .ipro_main .xia{width: 26px;height: 25px;margin: 0 auto;} @keyframes myfirst{0%{transform: translate(0px, 0px);} 50%{transform: translate(0px, -10px);} 100%{transform: translate(0px, 0px);}}
.index .ipro_main .xia img{animation: myfirst 2s infinite;} @keyframes myfirst{0%{transform: translate(0px, 0px);} 50%{transform: translate(0px, -10px);} 100%{transform: translate(0px, 0px);}}
.index .ipro_main .ipro{position:relative;overflow:hidden;}
.index .ipro_main .ipro .list{width: 100%;}
.index .ipro_main .ipro .item{width:23%;float:left;display: block;margin-right:20px;margin-bottom: 20px;overflow: hidden;}
.index .ipro_main .ipro .item:nth-child(4n){margin-right: 0;}
.index .ipro_main .ipro .item a{display: block;}
.index .ipro_main .ipro .item .img{/* width: 285px;height: 214px; */width: 300px;height: 300px;padding: 4px;border: 1px solid #d0d0d0;overflow: hidden;box-sizing: border-box;display: table-cell;
    vertical-align: middle;}
.index .ipro_main .ipro .item img{width: 100%;height: 100%;display: block;transition: all .5s;}
.index .ipro_main .ipro .item h3{text-align:center;position: relative;width:100%;font-size: 16px;height: 65px;line-height: 60px;color: #333;padding: 0 15px;box-sizing: border-box;transition: all .5s;}
.index .ipro_main .ipro .item h3:before{/*content: '';background: url(../images/y.png) no-repeat center;width: 15px;height: 20px;position: absolute;bottom: 23px;right: 18px;display: block;z-index: 0;*/}
.index .ipro_main .ipro .item h3:after{content: '';position: absolute;width: 100%;height: 100%;background: #d0d0d0;display: block;left: 0;top: auto;transition: all .5s;bottom: -64px;z-index: -1;}
.index .ipro_main .ipro .item:hover img{transform: scale(1.1);}
.index .ipro_main .ipro .item:hover h3{color: #fff;}
.index .ipro_main .ipro .item:hover h3:after{bottom: 0;background: #0067d0;}
/*四大优势*/
.index .advantage{width: 100%;height: 900px;background: url(../images/ys_bg.jpg) center no-repeat;margin-top: 30px;}
.index .advantage .title{width: 550px;text-align: center;margin: auto;padding-top: 40px;color: #fff;padding-bottom: 15px;}
.index .advantage .title h3{line-height: 45px;font-size: 42px;font-weight: bold;padding-top: 20px;}
.index .advantage .title span{font-size: 16px;line-height: 40px;color: #c8e8f9;}
.index .advantage .xia{width: 26px;height: 25px;margin: 0 auto;}@keyframes myfirst{0%{transform: translate(0px, 0px);} 50%{transform: translate(0px, -10px);} 100%{transform: translate(0px, 0px);}}
.index .advantage .xia img{animation: myfirst 2s infinite;}@keyframes myfirst{0%{transform: translate(0px, 0px);} 50%{transform: translate(0px, -10px);} 100%{transform: translate(0px, 0px);}}
.index .advantage .youshi_fl{width: 513px;height: 630px;background: url(../images/bs.png) left no-repeat;float: left;color: #fff;margin-top: 20px;}
.index .advantage .youshi_fl .box{width: 340px;padding-top: 90px;padding-left: 35px;float: left;}
.index .advantage .youshi_fl .box h3{font-size: 34px;font-weight: bold;line-height: 42px;}
.index .advantage .youshi_fl .box span{font-size: 28px;line-height: 42px;}
.index .advantage .youshi_fl .box p{width: 320px;height: 44px;border: 1px solid #c8e8f9;line-height: 44px;text-align: center;margin-top: 50px;font-size: 18px;}
.index .advantage .youshi_fl .box .icon{width: 84px;margin-right: 28px;float: left;text-align: center;line-height: 42px;font-size: 14px;margin-top: 55px;animation: myfirst 2s infinite;display: inherit-block;}
.index .advantage .youshi_fl .box .icon .img{width: 82px;height: 60px;padding-top: 22px;border: 1px solid #fff;border-radius: 5px;}
.index .advantage .youshi_fl .box .tel{width: 290px;height: 22px;line-height: 22px;background: url(../images/tel.png) left no-repeat;float: left;font-size: 16px;padding-left: 35px;margin-top: 55px;}
.index .advantage .youshi_fl .box .tel i{float: left;}
.index .advantage .youshi_fl .box .tel strong{font-size: 28px;font-family: Arial, Helvetica, sans-serif;float: left;color: #ff0;}
.index .advantage .youshi_fr{width: 810px;height: 565px;float: right;background: rgba(200,232,249,0.85);margin-top: -595px;}
.index .advantage .youshi_fr li{width: 340px;float: left;padding-top: 35px;padding-bottom: 10px;padding-left: 45px;}
.index .advantage .youshi_fr li:hover{-webkit-animation: test .5s ease-in 2;cursor: pointer;}@-webkit-keyframes test{0%{transform:translate(0, 0)}50%{transform:translate(0, 5px)}100%{transform:translate(0, 0)}}
.index .advantage .youshi_fr li b{font-size: 46px;line-height: 46px;font-family: Arial, Helvetica, sans-serif;color: #0067d0;}
.index .advantage .youshi_fr li h3{line-height: 50px;font-size: 26px;padding-bottom: 5px;color: #222;}
.index .advantage .youshi_fr li span{display: inline-block;width: 55px;height: 2px;background: #0067d0;}
.index .advantage .youshi_fr li p{padding-top: 25px;font-size: 14px;line-height: 28px;color: #666;height: 107px;overflow: hidden;}
/*客户案例*/
.index .case{margin-top: 50px;}
.index .case .proCase{position: relative;}
.index .case .proCase .list{width: 106%;}
.index .case .proCase .list li{position: relative;display: block;float: left;width: 380px;height: 400px;margin-right: 30px;border: 1px solid #ddd;background: #fff;border-radius: 5px;transition: all .5s;}
.index .case .proCase .list li a{display: block;padding: 30px;}
.index .case .proCase .list li a img{display: block;width: 320px;height: 240px;border-radius: 5px;}
.index .case .proCase .list li h3{font-size: 18px;color: #333;margin-top: 20px;transition: all .5s;}
.index .case .proCase .list li .more{position: absolute;bottom: 30px;left: 30px;display: block;width: 120px;height: 32px;font-size: 14px;line-height: 30px;text-align: center;background: #0067d0;color: #fff;transition: all .5s;}
.index .case .proCase .list li:hover{border: 1px solid #0067d0;background: #0067d0;}
.index .case .proCase .list li:hover h3{color: #fff;}
.index .case .proCase .list li:hover .more{background: #fff;color: #0067d0;}
.index .case .proCase .hd{position: absolute;width: 100%;}
.index .case .proCase .hd span{width: 40px;height: 40px;cursor: pointer;position: absolute;top: -220px;opacity: .5;background: url(../images/prev.png) no-repeat;display: inline-block;vertical-align: middle;transition: all .5s;}
.index .case .proCase .hd .prev{background-position: 0 0;left: -80px;}
.index .case .proCase .hd .next{background-position: -40px 0;right: -80px;}
.index .case .proCase .hd .prev:hover,.index .case .proCase .hd .next:hover{opacity: 1;}
/*关于我们*/
.index .about{padding-bottom:20px;margin-top: 50px;background: url(../images/about_bg.jpg) center no-repeat;}
.index .about .box{margin-top: 40px;}
.index .about .box .txt{width: 537px;height: 340px;background: #f6f6f6;padding: 40px 45px 40px 45px;float: left;border-left: 10px solid #0067d0;}
.index .about .box .txt h3{font-size: 22px;color: #d7030c;height: 56px;}
.index .about .box .txt p{font-size: 14px;line-height: 30px;color: #333;height: 218px;text-align: justify;overflow: hidden;}
.index .about .box .txt a{width: 133px;height: 51px;background: #0067d0;margin-right: 1px;float: left;font-size: 16px;color: #fff;line-height: 51px;text-align: center;display: block;}
.index .about .box .txt a:hover{background: #d7030c;color: #ff0;}
.index .about .box .img{width: 560px;height: 420px;float: left;overflow: hidden;cursor: pointer;}
.index .about .box .img img{width: 100%;height: 100%;transition: all .5s;}
.index .about .box .img img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
/*新闻中心*/
.index .news{width: 100%;overflow: hidden;margin-top: 45px;}
.index .news .title{text-align: center;margin-bottom: 40px;}
.index .news .title h3{font-size: 34px;font-weight: bold;line-height: 50px;color: #0067d0;}
.index .news .title span{position: relative;display: block;font-size: 14px;line-height: 26px;padding-bottom: 15px;color: #484848;border-bottom: 1px solid #ccc;}
.index .news .title span:before{display: inline-block;content: "";position: absolute;bottom: -3px;left: 50%;margin-left: -50px;width: 100px;height: 3px;background: #0067d0;}
.index .news .title span:after{display: inline-block;content: "";position: absolute;bottom: -9px;left: 50%;margin-left: -6px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #0067d0;}
.index .news .hd{margin-bottom: 20px;}
.index .news .hd li{float: left;margin: 0px 10px;}
.index .news .hd li a{display: block;width: 190px;font-size: 16px;padding: 15px 30px;box-shadow: 0 0 5px #ddd inset;transition: all .5s;}
.index .news .hd li a h3{overflow: hidden;border-bottom: solid 1px #ccc;line-height: 40px;font-size: 20px;padding-left: 10px;font-weight: bold;color: #0067d0;transition: all .5s;}
.index .news .hd li a span{font-family: Arial, Helvetica, sans-serif;font-size: 14px;text-transform: uppercase;color: #999;line-height: 26px;padding-left: 10px;}
.index .news .hd li.on a{width: 310px;background: #f8f8f8;}
.index .news .hd li.on a h3{color: #d7030c;}
.index .news .bd{margin-bottom: 0;}
.index .news .bd li{width: 558px;float: left;position: relative;margin: 12px 11px;padding: 20px 10px;box-shadow: 0 0 3px #ccc inset;transition: all .5s;}
.index .news .bd li .time{display: block;width: 100px;height: 83px;border-right: 1px solid #ddd;font-size: 16px;line-height: 40px;margin-right: 30px;color: #666;text-align: center;}
.index .news .bd li .time b{font-family:arial;color: #666;display: block;font-size: 48px;line-height: 50px;}
.index .news .bd li h3{font-size: 18px;}
.index .news .bd li p{overflow: hidden;line-height: 23px;padding-top: 10px;height: 45px;font-size: 14px;color: #666;overflow: hidden;}
.index .news .bd li:hover{box-shadow: 0 0 5px #0067d0 inset;}
/*内页样式*/
.wrapper{min-height: 400px;}
/*内页大图*/
.nybanner{width: 100%;position: relative;height: 300px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(../images/nybanner.jpg);}
/*当前位置*/
.sobtitle{height: 40px;line-height: 40px;font-size: 14px;color: #666;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.sobtitle s{display: inline-block;width: 18px;height: 22px;margin-right: 10px;background: url(../images/position.png) center no-repeat;vertical-align: middle;}
.sobtitle a{font-size: 14px;color: #666;}
.sobtitle a:hover{color: #CC0F16;}
/*栏目分类*/
.wrapper .menu{text-align: center;padding: 20px 0;}
.wrapper .menu span{width: 1px; height: 16px; margin: 0 16px 0 14px; background-position: -206px -36px;}
.wrapper .menu li{display: inline-block;margin: 4px;}
.wrapper .menu li a{float: left;height: 50px;line-height: 50px;font-size: 14px;text-align: center;width: 150px;color: #fff;border-radius: 5px;background: #0067d0;transition: all .5s;}
.wrapper .menu li a.on,.wrapper .menu li a:hover{background: #d7030c;}
/*单页栏目*/
.aboutPage{color: #666;line-height: 30px;text-align: justify;}
.aboutPage img{max-width: 100%;}
.reimg img{max-width:100%;height:auto !important;}
/*联系我们*/
.aboutPage .lianxi_m{overflow: hidden;background: #f5f5f5;}
.aboutPage .lianxi_ml{background: #0067d0;color: #fff;padding: 30px;overflow: hidden;float: left;}
.aboutPage .lianxi_ml_m{overflow: hidden;font-size: 38px;font-weight: bold;line-height: 52px;margin-bottom: 18px;}
.aboutPage .lianxi_ml_s{width: 315px;border: solid 2px #fff;font-size: 28px;font-family: Arial, Helvetica, sans-serif;text-align: center;margin-bottom: 18px;line-height: 45px;}
.aboutPage .lianxi_ml_en{font-family: Arial, Helvetica, sans-serif;font-size: 24px;font-style: italic;line-height: 40px;}
.aboutPage .lianxi_mr{float: right;overflow: hidden;width: 780px;}
.aboutPage .lianxi_mr_i{float: left;font-family: Arial, Helvetica, sans-serif;font-size: 100px;font-weight: bold;line-height: 100px;color: #333;position: absolute;overflow: hidden;margin-top: 18px;}
.aboutPage .lianxi_m .mr_i{font-size: 140px;line-height: 120px;margin-top: 150px;margin-left: 650px;}
.aboutPage .lianxi_mr_m{width: 600px;float: left;overflow: hidden;padding-left: 80px;padding-right: 20px;padding-top: 25px;line-height: 24px;color: #333;font-size: 14px;}
.aboutPage .lianxi_mr_m span{font-size: 24px;font-weight: bold;line-height: 60px;color: #333;}
.aboutPage .lianxi{overflow: hidden;background: #f5f5f5;margin-top: 10px;margin-bottom: 10px;}
.aboutPage .lianxi_l{float: left;width: 520px;overflow: hidden;}
.aboutPage .lianxi_lm{overflow: hidden;margin-top: 40px;border-left: solid 5px #0067d0;font-size: 26px;line-height: 30px;padding-left: 20px;margin-bottom: 18px;color: #333;}
.aboutPage .lianxi_len{overflow: hidden;border-left: solid 5px #2b3e9d;padding-left: 20px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #0067d0;font-style: italic;line-height: 22px;margin-bottom: 20px;}
.aboutPage .lianxi_ld_l{overflow: hidden;padding: 15px 0px;padding-left: 30px;}
.aboutPage .ld_i{float: left;width: 56px;}
.aboutPage .ld_i img{width: 56px;}
.aboutPage .ld_l{float: left;padding-left: 18px;font-size: 14px;color: #666;line-height: 25px;width: 300px;}
.aboutPage .ld_l span{font-size: 18px;color: #333;}
.aboutPage .ld_l a{font-size: 14px;color: #666;}
.aboutPage .lianxi_r{float: right;width: 580px;overflow: hidden;background: #eee;padding: 46px;}
.aboutPage .lianxi_rm{overflow: hidden;margin-top: -10px;}
.aboutPage .lianxi_rm_en{float: left;color: #0067d0;font-family: Arial, Helvetica, sans-serif;font-size: 45px;line-height: 50px;font-weight: bold;}
.aboutPage .lianxi_rm_m{float: left;margin-left: 10px;border-top: solid 3px #0067d0;font-size: 20px;line-height: 40px;margin-top: 10px;color: #333;}
.aboutPage .lianxi_rd{height: 400px;overflow: hidden;margin-top: 15px;border: solid 1px #ccc;}
/*在线留言*/
.contactPage{padding:0;}
.contactPage .t2{padding: 28px 0 48px;text-align: center;}
.contactPage .t2 .titb{font-size: 30px; margin-bottom: 16px;}
.contactPage .t2 .txt{font-size: 14px; line-height: 24px;}
.contactPage .t2 .txt span{font-weight: bold; color: #0067d0;}
.formData{padding-bottom: 20px;}
.formData .item{float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;}
.formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;}
.formData .item .txt{width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333;}
.formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;}
.formData .liuyan label{text-align: right; display: block;}
.formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 46px;border: 2px solid #0067d0;margin-right: 2px;text-align: center;background: #0067d0;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #0067d0;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
/*图片列表*/
.imgPage{}
.imgPage .list{width: 100%;}
.imgPage .item{float:left;margin-right: 20px;margin-bottom: 20px;width:23%;}
.imgPage .item:nth-child(4n){margin-right: 0;}
.imgPage .item a{display: block;padding:0;color: #333;}
.imgPage .item .img{width: 300px;/* width: 285px;height: 212px; */height: 300px;padding: 4px;border: 1px solid #d0d0d0;overflow: hidden;box-sizing: border-box;display: table-cell;
    vertical-align: middle;}
.imgPage .item .img img{width:100%;height:100%;transition: all .5s;display:block;}
.imgPage .item:hover .img img{transform: scale(1.1);}
.imgPage .item h3{width: 100%;font-size: 16px;line-height: 35px;color: #333;text-align: center;}
/*图文列表*/
.newsPage .list{}
.newsPage .item{border: 1px solid #f3f3f3;display: block;margin-bottom: 20px;transition: all .5s;}
.newsPage .item a{padding: 20px;height: 110px;display: block;}
.newsPage .item h3{font-size: 20px;padding: 15px 0;color: #333;transition: all .5s;}
.newsPage .item .txt{color: #999;line-height: 24px;width: 960px;height: 48px;text-align: justify;overflow: hidden;}
.newsPage .item .time{width: 100px;padding: 20px 0 17px 30px;border-left: 1px solid #eee;font-family: arial;font-size: 18px;color: #999;text-align: center;}
.newsPage .item .time .day{font-size: 30px; line-height: 45px; display: block;}
.newsPage .item:hover{box-shadow: 0 0 10px 0px #EEE;background: #f9f9f9;}
.newsPage .item:hover h3{color: #0067d0;}
.newsPage .item:hover .time .day span{background: #6d6d6d;}
.newsPage .item:hover .time .day strong{background: #ff0000; color: #fff;}
/*内容详情页*/
.showNews .title{font-size: 24px;color: #0067d0;text-align: center;margin: 10px 0;font-weight: bold;}
.showNews .mark{color: #999;height: 38px;line-height: 38px;text-align: center;margin-bottom: 20px;border-bottom: 1px dashed #eee;}
.showNews .showContxt{color: #666666;padding: 0 0 30px;line-height: 30px;text-align: justify;}
.showNews .showContxt img{max-width: 100%;}
.showNews .shareNew{padding-bottom: 20px;}
.showNews #pic{width: max-content;margin: 20px auto;padding: 1px;box-shadow: 0 0 20px 0 rgba(0,0,0,.3);}
.showNews #pic img{max-width: 800px;}
/*内容分页*/
.reLink{width: 100%;height: 30px;border-top: 1px solid #d7d6d6;padding: 15px 0;}
.reLink .nextLink,.reLink .prevLink{width: 50%;line-height: 30px;color: #666;}
.reLink .nextLink a,.reLink .prevLink a{color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a:hover{color: #0067d0;}
/*友情链接*/
.link{background: #ededed;height: 70px;margin-top: 50px;overflow: hidden;}
.link h2{padding: 13px 0 0 20px;height: 57px;width: 106px;overflow: hidden;color: #fff;font: bold 18px/26px "Microsoft Yahei";background: url(../images/link_bj.png) no-repeat left top;}
.link h2 a{color: #fff;font: bold 18px/26px "Microsoft Yahei";}
.link h2 i{text-transform: uppercase;font: 18px/20px Arial;color: #fff;display: block;}
.link span{display: block;font: 14px/70px "Microsoft Yahei";}
.link span a{display: inline-block;color: #333;}
.link ul{width: 1060px;height: auto;}
.link li{padding-right: 5px;line-height: 70px;float: left;}
.link li a{color: #666;word-break: break-all;font-size: 14px;padding-right: 10px}
.link li img{border: 0px;}
/*网站底部*/
.footer{background: #0067d0;padding: 40px 0px 40px 0px;overflow: hidden;}
.footer .tit{position: relative;height: 60px;margin-bottom: 15px;font-size: 16px;font-weight: bold;line-height: 60px;color: #fff;}
.footer .tit:after{display: inline-block;content: "";width: 30px;height: 2px;position: absolute;background-color: #f80;bottom: 0;left: 0;}
.footer .contact{width: 470px;color: #fff;font-size: 14px;line-height: 32px;}
.footer .contact a{color: #fff;font-size: 14px;}
.footer .contact a:hover{color: #ff0;font-size: 14px;}
.footer .lin{float: left;height: 207px;margin-top: 20px;margin-right: 75px;border-left: 1px solid #0d74dc;border-right: 1px solid #0771de;}
.footer .fnav{width: 270px;}
.footer .fnav a{float: left;width: 120px;color: #fff;font-size: 14px;}
.footer .fnav a:hover{float: left;width: 120px;color: #ff0;font-size: 14px;}
.footer .ewm{width: 300px;float: right;}
.footer .ewm li{float: left;width: 135px;padding-top: 10px;margin-right: 20px;text-align: center;font-size: 14px;line-height: 16px;color: #fff;}
.footer .ewm li:last-child{margin-right: 0;}
.footer .ewm li img{width: 135px;height: 135px;padding-bottom: 15px;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #0067d0;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #0067d0;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0067d0;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #0067d0;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0067d0;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
/*↓组图样式↓*/
.HS10, .HS15{overflow:hidden;clear:both;}
.HS10{height:10px;}
.HS15{height:15px;}
.Hidden{display:none;}
.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
.FlLeft{float:left;}
.FlRight{float:right;}
/*幻灯片区域背景*/
.MainBg{width: 1200px;margin:0 auto;}
/*大图展示区域*/
.OriginalPicBorder{padding: 0;}
#OriginalPic{width: 1200px;overflow:hidden;position:relative;font-size:12px;}
#OriginalPic img{display:block;min-width: 100px;margin:0 auto;}
/*鼠标手势*/
.CursorL{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;left: 0;cursor:url(../images/CurL.cur), auto;background:url(../images/space.png) repeat scroll 0 0 transparent;}
.CursorR{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;right:0;cursor:url(../images/CurR.cur), auto;background:url(../images/space.png) repeat scroll 0 0 transparent;}
/*小图预览和滑动*/
.SliderPicBorder{width: 100%;overflow:hidden;}
.ThumbPicBorder {width: 1200px;margin:0 auto;background: #eeeeee;overflow: hidden;position: relative;}
.ThumbPicBorder #btnPrev{width:45px;height:113px;cursor:pointer;position: absolute;left: 20px;top: 20px;}

.ThumbPicBorder #btnNext{width:45px;height:113px;cursor:pointer;position: absolute;right: 20px;top: 20px;}
.ThumbPicBorder .pic{width: 1025px;overflow: hidden;position: relative;margin: 20px auto;}
#ThumbPic img{border: 3px solid #ddd;cursor:pointer;background-color: #ddd;margin: 0 10px;width: 145px;height: 108px;display:block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#ThumbPic img.active{border: 3px solid #0067d0;}
/*↑组图样式↑*/
/* 产品详情页 */
.alpic{width:40%;margin:1% 5%;float:left;background:#eee;}
.pam{width:50%;margin:1% 0;float:right;}
.pam p{font-size:22px;line-height:60px;}
.alpic img {border: 0;vertical-align: top;max-width: 100%;}
.font26 {color: #333;padding: 20px 0;font-size: 26px;position: relative;line-height: 40px;padding-left: 20px;box-shadow: 0 0 5px #0067d0 inset;border-radius: 10px;}
/* 产品详情页 */

@media (max-width: 640px) {
	.wsite{display:none;}
	.msite{display:block;}
	@charset "utf-8";
	/*==========@@HTML默认 开始@@==========*/
	/*基本*/
	*{padding:0px; margin:0px}
	body{font-size:100px;}
	*{margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing: border-box;}
	.trans{transition: all .3s ease-in;}
	html{width:100%;min-height:100%;}
	body{width:100%;min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.24rem/1.5 "PingFang SC",Helvetica,"Helvetica Neue","microsoft yahei",Tahoma,Arial,sans-serif; color:#666; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;background: #fff;position: relative;}
	body:before, body:after{content:""; width:100%; display:block;}
	body:before{height: 1rem;}
	body:after{height: .9rem;}
	img{border:0px;}
	em{font-style:normal;}
	s,i{font-style: normal;}
	ul, ol{list-style-type:none;}
	li{list-style: none outside none;}
	b{font-weight: normal;}
	/*表单*/
	input,button,select,textarea{outline:none; font-family:"PingFang SC","Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important;}
	table{border-collapse:collapse; border-spacing:0;}
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;}
	input:-moz-placeholder, textarea:-moz-placeholder{color:#999;}
	input::-moz-placeholder, textarea::-moz-placeholder{color:#999;}
	input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;}
	/*公用样式*/
	.layout{position:fixed; width:100%; height:100%; left:0; top:0; z-wrapper:101; background:#000; opacity:1;}
	.blue{color:#28a5f4;}
	/*链接*/
	a, a:link, a:visited, a:hover, a:active{color:#666;text-decoration: none;}
	a:focus{outline:none;}
	a:hover, a:active{color:#333333; outline:none;}
	/*标题*/
	h1, h2, h3, h4, h5, h6, h7{font-weight: normal;}
	.icon{background:url(../picture/icon.png) no-repeat;display:inline-block;background-size:2.4rem auto;vertical-align:middle;}
	.icon,.iconbef:before,.iconbef:after{content: "\20"; display:block;}
	/*清除浮动*/
	.fl{float:left;}
	.fr{float:right;}
	.hidden{display:none;}
	.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}
	.clear,.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}
	/*==========@@HTML默认 结束@@==========*/
	.wrapper{width:100%;}
	/*==========@@公共模块 开始@@==========*/
	.header{background-size:100% 1.04rem;}
	#top_main{width: 100%;height: 1rem; *zoom: 1;z-index: 300;position: fixed;top: 0px;left: 0px;}

	.head_top{max-width: 640px;min-width: 320px;width: 100%;height: .5rem;margin: 0 auto;background-color: #0067d0;text-align: center;line-height: .5rem;}
	.head_top div{display: inline-block;padding-left: .5rem;background: url(../images/tel.png) no-repeat left center;background-size: .4rem;color: #fff;font-size: .24rem;}

	#top{max-width: 640px;min-width: 320px;height: 1rem;margin: 0px auto;position: relative;background:#fff;box-shadow: 0 0 0.2rem rgba(0,0,0,.1);}
	#top .logo{float: left;text-align: center;display: block;color: #000;font-size: .32rem;padding-top: .15rem;margin-left: .15rem;}
	#top .logo a{display: block;}
	#top .logo img{display:block;height: .7rem;}
	#top .topsearch{display: block;position: absolute;right: 16%;top:.2rem;text-align: center;cursor: pointer;width:.5rem;height:.5rem;margin:.16rem auto;}
	#top .topsearch span{display:block;width:100%;height:0.42rem;background-position:0rem -1.19rem;width:.42rem;}
	#top_main .tsearch *{box-sizing: border-box;}
	#top_main .tsearch{position: absolute; height: 1rem; width:6.4rem!important; padding: .2rem 5%; left:0; top: .99rem; z-index: 99; background: #f2f2f2;box-sizing: border-box; display:none;}
	#top_main .tsearch input{-webkit-appearance: none;}
	#top_main .tsearch .txt{width: 78%;color: #666;text-indent: .1rem;font-size:.22rem;height:.64rem;background: #fff;border:1px solid #fff;border-radius: 0.1rem;position: absolute;left: 5%;top:.2rem;border-top-left-radius: .6rem;border-bottom-left-radius: .6rem;}
	#top_main .tsearch .btn{color:#fff;font-size:.22rem;width: 16%;height:.62rem;line-height: .6rem;text-align: center;border:0px;background-color: #0067d0;background-position: -0.748rem -1.055rem;position: absolute;right: 5%;top:.2rem;border-top-right-radius: .6rem;border-bottom-right-radius: .6rem;}
	#top_main .btn_close_main{width: .88rem;height: 1rem;background-color: #f2f2f2;position: absolute;top: 0;right: 14%;z-index:9;display:none;}
	#top_main .btn_close_main .btn_close{width: .34rem;height: .33rem;margin-top: .38rem;margin-left: .26rem;background-position: -2rem -1rem;}
	#top #mnav{width: .45rem;height: 50%;position: absolute;right: 3%;top: .38rem;text-align: center;cursor: pointer;}
	#top .mnav{width: .39rem;height: .36rem;background-position: -.5rem -1.2rem;}
	#top .close{background-position: -2.06rem 0;width: .34rem;height: .34rem;cursor: pointer;position: absolute;right: 20%;top: -0.02rem;text-align: center;}
	/*subNav*/
	.subNav{position: fixed;width: 100%;height: 100%;right: 0;top: 1rem;z-index: 999;max-width: 640px;min-width: 320px;background: #fff;-webkit-transform: translateX(7rem);-moz-transform: translateX(7rem);-ms-transform: translateX(7rem);transform: translateX(7rem);}
	.subNavCon{margin: 0px;width: 100%;height: 100%;border-top: 1px solid #e5e5e5;}
	.subNav .closrbox{width: 20%; height: 0.5rem; line-height: .5rem;background: #fff; position: absolute; right: 2%; top: -5%;}
	.subNav .close{background-position: -1.64rem -1.5rem; width: .4rem;height: .4rem;}
	.subNav .c_clos{width: 52%; position: absolute; left: 0; top: 0; height: 100%;}
	.subNav .list{margin-top:.6rem;}
	.subNav li{width: 100%;display: block;line-height: 1rem;margin: 0 auto;position: relative;}
	.subNav li:first-child{margin-top: .6rem;}
	.subNav .subnav2{width: 100%; display: none;}
	.subNav .subnav2 a{margin-bottom: .1rem; background: #eeeeee; font-size: .24rem;}
	.subNav li a{display: block;width:4rem;margin: 0 auto;color: #888;font-size: .3rem;text-align:center;border-bottom: 1px solid #e8e8e8;}
	.subNav li em{width: .3rem;height: .3rem; display: inline-block; background-position: 0 -2.2rem; vertical-align: middle; position: absolute; right: 3%; top: .26rem;}
	.subNav.show{right: 0 !important;}
	.subNavShow{-webkit-transform: translateX(-48%); -moz-transform: translateX(-48%); -ms-transform: translateX(-48%); transform: translateX(-48%); display: block;}
	.subNavShow2{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
	/*首页导航*/
	.inav_t{width:100%;background: #0067d0;}
	.inav_t dl{overflow:hidden;}
	.inav_t dl dd{width: 33.33%;height:0.7rem;float: left;text-align: center;border-right: 1px solid #0058b1;border-bottom: 1px solid #0058b1;}
	.inav_t dl dd:nth-child(3n){border-left: 0;}
	.inav_t dl dd a{display:block;width: 100%;line-height: .7rem;color: #fff;}
	/* 内页banner */
	#nbanner_main{width:100%;overflow:hidden;position:relative;z-index:1;height: 3rem;}
	.nbanner{margin:0 auto;width:100%;overflow:hidden;position:relative;height: 3rem;}
	.nbanner .list{width: 100%; overflow: hidden;}
	.nbanner .list li{float:left; width:100%;overflow:hidden;}
	.nbanner .list li img{width:100%;height: 3rem;}
	/* banner */
	#mbanner_main{width:100%;overflow:hidden;position:relative;z-index:1;height: 3rem;}
	.mbanner{margin:0 auto;width:100%;overflow:hidden;position:relative;height: 3rem;}
	.mbanner .list{width: 100%; overflow: hidden;}
	.mbanner .list li{float:left; width:100%;overflow:hidden;}
	.mbanner .list li img{width:100%;height: 3rem;}
	#mbanner .mtip{width:100%;height: .35rem;line-height: .35rem;clear:both;position:absolute;bottom: 3%;z-index:2;font-size: 0;text-align: center;}
	#mbanner .mtip span{display:inline-block;vertical-align:middle;width: .18rem;height: .18rem;margin: 0 .05rem;vertical-align:middle;background: #fff;border-radius: .1rem;transition: all .5s;}
	#mbanner .mtip span.cur{background: #0067d0;}
	.showInfo #banner .tip{width: 100%;text-align: center;margin-left: 0;left: 0;bottom: .2rem;}
	/*版权信息*/
	#footer_main{text-align:center;width: 100%;background:#fff;}
	#returntop{border-radius:50%;width:1rem;height:1rem;background:url(../images/totop.png) no-repeat center top;background-size:1rem auto;position: fixed;bottom:20%;right: 2%; cursor: pointer;z-index:99;}
	#copyright{width: 94%;margin:0 auto;color:#666;font-size:0.24rem;line-height:.4rem;padding: .2rem 0 .4rem 0;}
	#copyright a{color: #666;}
	#fix-sider{width:1rem;height:1rem;position:fixed;right:2%;bottom:29%;background:url(../images/tel.png) no-repeat center top;background-size:1rem auto;cursor: pointer;z-index:999;}
	/* 工具栏 */
	#toolbar{position: fixed;bottom: 0;width: 100%;z-index: 888;height: .9rem;left: 0;}
	#toolbar .list{width: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;background: #0067d0;box-shadow: 0 -8px 8px 0px rgba(45,120,221, 0.08);}
	#toolbar .list li{float: left;width: 20.7%;text-align: center;}
	#toolbar .list li:nth-child(4){margin-left: 17.2%;}
	#toolbar .list li:first-child{border-left: 0;}
	#toolbar .list a{display: block;height: 1.1rem;line-height: 0.24rem;font-size: 0.26rem;padding-top: .1rem;}
	#toolbar .list a span{text-align: center; color: #fff; display: block; font-size: 0.24rem;}
	#toolbar .list a s{margin-left: auto;margin-right: auto;width: 0.33rem;height: 0.34rem;display: block;margin-bottom: .12rem;background-position: -.0rem -.2rem;}
	#toolbar .list li:nth-child(2) s{background-position: -1.55rem -.19rem;}
	#toolbar .list li:nth-child(3) s{background-position: -.76rem -.2rem}
	#toolbar .list li:nth-child(4) s{background-position: -.37rem -.2rem;}
	#toolbar .list li:nth-child(5) s{background-position: -1.2rem -.2rem;width:.34rem;height:.34rem;}
	#toolbar .list li.home{width: .93rem;height: .93rem;background: #fff;background: -webkit-linear-gradient(top ,#fff ,#D9D9D9 100%);border-radius: 100%;display: block;position: absolute;top: -.25rem;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);box-shadow: 0 0 1px 3px rgba(0,0,0,.4);box-sizing: border-box;color: #515151;}
	#toolbar .list li.home span{color: #0067d0;}
	
	/*微信弹窗*/
	#wxnr{width:100%;height: 100%;max-width: 640px;min-width: 320px;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
	#wxnr .nrdf{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 5rem;height: 5rem;padding: 0.3rem;padding-top: 0.3rem;margin-top: -2.5rem;text-align:center;background-color: #fff;box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
	#wxnr img{width: 4rem;height: 4rem;display: block;margin: 0 auto;}
	#wxnr p{font-size: 0.24rem;line-height: 0.45rem;text-align:center;}
	#wxnr i{position: absolute;top: 0.2rem;right: 0.2rem;width: 0.3rem;height: 0.3rem;font-size: 0.2rem;line-height: 0.3rem;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
	#wxnr span{display:inline-block;padding: 0.03rem 0.1rem;line-height: 0.35rem;background-color: #0067d0;color:#fff;border-radius: 0.05rem;cursor:pointer;}
	#wxnr span.wx{padding-left: 0.4rem;background-image: url(../images/wx.png);background-size: 0.28rem;background-position: 0.1rem center;background-repeat: no-repeat;}
	
	/*==========@@页面布局 开始@@==========*/
	.index{background: #fff;overflow: hidden;}
	/*首页标题*/
	.index .in_title{position: relative;width: 6rem;margin: 0 auto;text-align: center;line-height: .5rem;margin-top: .2rem;}
	.index .in_title:before{display: inline-block;content: "";width: 2rem;height: .01rem;position: absolute;background-color: #d7d8d8;top: 50%;left: 0;z-index: 1;}
	.index .in_title:after{display: inline-block;content: "";width: 2rem;height: .01rem;position: absolute;background-color: #d7d8d8;top: 50%;right: 0;z-index: 1;}
	.index .in_title h3{font-size: .4rem;font-weight: bold;text-align: center;color: #0067d0;}
	.index .in_title p{font-size: .24rem;color: #333;}
	.index .more{display: block;width: 6rem;height: .78rem;margin: 0 auto;font-size: .3rem;line-height: .78rem;text-align: center;color: #666;background: #fff;border: .01rem solid #ddd;}
	/*产品中心*/
	.index .tab{text-align: center;margin-top: .3rem;}
	.index .tab a{width: 45%;font-size: .22rem;line-height: 0.6rem;margin: 0 .05rem;display: inline-block;padding: 0 .1rem;color: #fff;background: #0067d0;border-radius: .1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.index .tab a:hover{color: #fff;background: #333333;border-color: #333333;}
	.index .proCenter{width:100%;padding: .3rem 0;}
	.index .proCenter .list{margin-left: .2rem;margin-top: .2rem;}
	.index .proCenter .list li{position:relative;float:left;display:block;width: 2.9rem;margin-right: .2rem;margin-bottom: .2rem;}
	.index .proCenter .list li .img{width: 100%;height: 2.21rem;padding: .05rem;border: 1px solid #d0d0d0;}
	.index .proCenter .list li .img img{display:block;width:100%;height:100%;}
	.index .proCenter .list li h3{font-size: .26rem;line-height: .6rem;text-align:center;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	/*客户案例*/
	.index .case{padding-top: .3rem;}
	.index .case .list{padding: 2%;margin-top: .3rem;}
	.index .case .list .swiper-slide{-webkit-transition:-webkit-transform 600ms ease-out;transition: transform 600ms ease-out;-webkit-transform:scale(0.8);transform: scale(0.8);}
	.index .case .list .swiper-slide-active{-webkit-transform:scale(1);transform: scale(1);}
	.index .case .list .swiper-slide h3{font-size: .24rem;line-height: .6rem;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.index .case .list .swiper-slide img{width: 100%;height: 2.4rem;display:block;border: .02rem solid #ddd;}
	/*关于我们*/
	.index .about_bg{width: 100%;padding: .2rem;}
	.index .about{}
	.index .about .cont{font-size: .22rem;color: #666;line-height: .4rem;text-align: justify;margin: .3rem 0;}
	/*新闻中心*/
	.index .inews{width:100%;padding-bottom: .3rem;}
	.index .inews .list{margin: .3rem 0;}
	.index .inews .list li{display:block;width: 6rem;margin:0 auto;border-bottom: .02rem dashed #ddd;line-height: .8rem;overflow: hidden;}
	.index .inews .list li .tit{float: left;width: 74%;font-size: .24rem;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.index .inews .list li .time{float: right;width: 24%;font-size: .24rem;color: #666;text-align: right;}
	.index .inews .more{margin-top: .3rem;}
	/*******************content*************/
	/*内页样式*/
	.reimg img{max-width:100%;height:auto !important;}
	.reimg iframe{width:100%;height:280px !important;}
	.content{width:100%; padding-bottom: .2rem;padding-top: 0.2rem;background: #fff;}
	.iconn{background: url(../images/iconn.png) no-repeat;background-size:1.4rem auto; vertical-align:middle;}
	.newslist{padding: 0 3%;}
	.newslist .item{width: 100%; border-bottom: 1px solid #eeeeee;}
	.newslist .item *{transition: all .3s linear;}
	.newslist .item a{padding: .3rem 0; width: 100%; display: block;}
	.newslist .item img{width: 1.44rem; height: .96rem;display: block; margin-top: .06rem;float: right; margin-right: .1rem;}
	.newslist .item h3{font-size: .3rem; line-height: .36rem; max-height: .72rem; overflow: hidden; color: #000000;}
	.newslist .item .dec{color: #999999; font-size: .2rem; margin-top: .08rem;}
	.newslist .item .dec span{margin-right: .2rem;}
	.newslist .item.pic4 h3{height: .36rem; margin-bottom: .08rem;}
	.newslist .item.pic4 img{float: left; margin-right: .06rem;}
	.newslist .item.pic4 img:last-child{margin-right: 0;}
	.g-top{width: 0.68rem; height: .68rem;position: fixed; bottom: 15%; z-index: 998; right: 2%; cursor: pointer; background: url(../images/ico-top.png) no-repeat; background-size: 100% auto;}
	/*mcateList*/
	.iconbef:before{background: url(../images/iconn.png) no-repeat;background-size: 1.4rem auto;vertical-align: middle;}
	.mcateList{width: 100%;line-height: 0.8rem;text-align: center;background: #f6f6f6;color: #0067d0;position: relative;}
	.mcateList .goBack{width: .8rem;height: .8rem;padding-top: .23rem;position: absolute;left: .1rem;top: 0;z-index:12;}
	.mcateList .goBack:before{width: .4rem;height: .4rem;display: block;margin: 0 auto;background-position: -1.0rem -0.64rem;}
	.mcateList h3{position:relative;font-size: .3rem;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
	.mcateList h3 s{position:absolute;top:0.34rem;right:.4rem;width: .25rem;height: .2rem;margin-left: .1rem;background-position: -1.16rem 0;display: none;}
	.mcateList .mbox{width: 100%;padding: .2rem 3% .0;z-index: 11;background: #fff;display: none;border-bottom:1px solid #ddd;}
	.mcateList .mbox a{width: 31.3%;margin-right: 3%;margin-bottom: .15rem;line-height: .6rem;color: #fff;font-size: .22rem;text-align: center;display: block;float: left;background: #0067d0;border-radius: .1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.mcateList .mbox a:nth-child(3n){margin-right: 0;}
	.mcateList .mbox a.on{background: #d7030c;}
	/* 产品详情页 */
	.alpic{float:none;margin:0 auto;}
	.pam{width:100%;float:none;padding: 2% 5%;}
	/*.reLink{margin: .2rem 4% .1rem; width: 92%;}
	.reLink .prevLink, .reLink .nextLink{display: block;height: .6rem;line-height: .6rem;font-size: .24rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;box-sizing: border-box;border-bottom: 1px solid #e8e8e8;}
	.reLink a{color: #333333;}*/
	/* 产品详情页 */
	/*pages*/
	.pages{width: 100%; text-align: center; background: #f6f6f6; padding: .2rem 0;font-size: .2rem;}
	.his_page{width:100% !important;}
	/*pages*/
	/*pager*/
	.pager{width: 100%; text-align: center; background: #f6f6f6; padding: .2rem 0;font-size: .2rem;}
	.pager a, .pager span{width: 1.6rem; height: .4rem;line-height: .4rem;display: inline-block; background: #e59f19; color: #fff; border-radius: 5px;}
	.pager .yem{height: .4rem; display: inline-block; margin: 0px .1rem;line-height: .4rem;}
	/*reLink*/
	.reLink{margin: .2rem 4% .1rem; width: 92%;height:auto;}
	.reLink .prevLink, .reLink .nextLink{display: block;height: .6rem;line-height: .6rem;font-size: .24rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;box-sizing: border-box;border-bottom: 1px solid #e8e8e8;}
	.reLink a{color: #333333;}
	.reLink .nextLink{text-align:left;}
	/*m-share*/
	.m-share{margin-left: 3%; margin-bottom: .2rem;}
	.showInfo .showTit{width: 96%;margin:0 auto;line-height: .3rem;padding:.2rem 2% .1rem;border-bottom: 1px dashed #ccc;text-align: center;}
	.showInfo .showTit h1{color: #333333;font-size: .4rem;line-height: .45rem;margin-bottom: .05rem;}
	.showInfo .showTit .mark{font-size: .22rem;color: #999;margin-top: .1rem;}
	.moreBtn{width: 94%;margin: 2% auto 6%;height: 0.88rem;line-height: 0.88rem;display: block;text-align: center;background: #0067d0;color: #fff;font-size: .22rem;box-shadow: 0px 1px 1px rgba(0,0,0,0.1);-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
	.moreBtn a{display: block;color: #fff;}
	.moreBtn:active, .moreBtn:hover{background: #333333;}
	/*showInfor*/
	.showInfo{width: 100%; background: #fff; overflow: hidden;}
	.showInfo .showSubTit{width: 100%; height: .65rem;line-height: .65rem;font-weight: normal; margin: .2rem 0 .1rem;background: #f6f6f6; border-bottom: 1px solid #333333; font-size: .24rem;text-indent: .15rem;}
	.showInfo .banner{height: 4.5rem;}
	.showInfo .banner .list{height: 4.5rem;}
	.showInfo .banner .list .item{height: 4.5rem;}
	.showInfo .banner .list .item img{height: 4.5rem;}
	/*recomNew*/
	.recomNew{width: 96%; padding: 0.1rem 0 2%; margin: 0 auto;}
	.recomNew li{width: 100%; height: .6rem;line-height: .6rem;border-bottom: 1px solid #eeeeee; overflow: hidden;}
	.recomNew li a{font-size: .24rem; display: block; position: relative; padding-left: 2%;}
	.recomNew li a:before{content: ""; position: absolute; background: #cccccc; width: 3px; height: 3px; left: 0; top: 0.28rem; z-index: 11; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	/*showSubTit*/
	.showInfo .contxt{font-size: .24rem;line-height: .34rem; padding: 3% 3% 5%;}
	.showInfo .contxt img{max-width: 100%; margin: 0px auto; height: auto !important; display: inline;}
	.showInfo .contxt p{line-height:.4rem;}
	.showInfo .contxt .biao td{padding:.09rem; border:1px solid #ccc; vertical-align:middle;WORD-WRAP: break-word;table-layout: fixed;word-break:break-all;}
	.showmenu{width: 100%; padding: 0.1rem 0 .2rem;background: #fff;}
	.showmenu a{width: 48%; height: .6rem;display: block; float: left; line-height: .6rem;text-align: center; border-radius: .04rem;color: #333; background: #fff; margin: 0 1% 2%; border: 1px solid #ddd; box-sizing: border-box;}
	.showmenu a.hover{border: 1px solid #333333; color: #fff; background: #333333;}
	.erro{padding: 0.2rem;}
	/*news.html*/
	.newsList .list{width: 100%; margin-bottom: .3rem;}
	.newsList .item{padding: 0.2rem;overflow: hidden;position: relative;border-bottom: 1px solid #f3f3f3;}
	.newsList .item:nth-child(2n){background: #f9f9f9;}
	.newsList .item:nth-child(2n){background: #fff;}
	.newsList .item:nth-child(2n) span:after{background: #f9f9f9;}
	.newsList .item:last-child{border:0px;}
	.newsList .item a{width:100%;display: block;}
	.newsList .item h3{font-size: .26rem;line-height: .38rem;font-weight: normal;color: #434343;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.newsList .item .time{color: #999;font-size: .2rem;}
	.newsList .item .txt{color: #666;font-size: .23rem;line-height: .35rem;}
	.newsList .item:hover h3{color:#333333;}
	/*mcateList*/
	.mcateList .item span{display: block; width: 9px; height: 16px; position: absolute; top: 28%; margin-top: -8px; right: 2%;}
	.mcateList .item span:before{content: ""; position: absolute; background: #ccc; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.mcateList .item span:after{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.caselist li{width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box;}
	.caselist li a{display: block;}
	.caselist li figure{min-height:200px;width: 100%;padding-top: 75%;position: relative;overflow: hidden;border: 1px solid #ddd;}
	.caselist li figure img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}
	.caselist li h3{height: .65rem;line-height: .65rem;text-align: center;font-size: 0.26rem;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	/* 在线留言 */
	.login{width: 90%;margin: 3% auto;padding: 3%;}
	.login li{width:100%;margin-bottom: 5%;}
	.login li img{float: right;margin-right: 10%;width: 30%;height: .67rem;}
	.login_input{display:block;height: 2.8em;-webkit-appearance:none;border-radius:0;}
	.login_textarea{height: 8em;margin-bottom: -2%;}
	.login li .pin_width{width: 50%;}
	.login li .login_btn{width: 100%;color:#fff;border:0;text-align:center;font: .3rem/.8rem "microsoft yahei";background: #0067d0;box-shadow: none;}
	.login input,.login textarea{width: 100%;border: 1px solid #dcdcdc;background: #fff;color: #333;font: .24rem/.5rem "microsoft yahei";text-indent: .1rem;}

	/*字体*/
	@media only screen and (min-width:641px){html{font-size:100px;}}
	@media only screen and (max-width:640px){html{font-size:100px;}}
	@media only screen and (max-width:540px){html{font-size:84.375px;}}
	@media only screen and (max-width:480px){html{font-size:75px;}}
	@media only screen and (max-width:414px){html{font-size:64.6875px;}}
	@media only screen and (max-width: 400px){html{font-size:62.5px;}}
	@media only screen and (max-width: 375px){html{font-size:58.5938px;}}
	@media only screen and (max-width: 360px){html{font-size:56.25px;}}
	@media only screen and (max-width: 320px){html{font-size:50px;}}
	/*导航动画*/
	@keyframes menu-line1-hover{0%{} 50%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);} 100%{top:50%; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}}
	@keyframes menu-line2-hover{0%{opacity: 1} 50%{opacity: 1} 51%{opacity: 0} 100%{opacity: 0}}
	@keyframes menu-line3-hover{0%{} 50%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);} 100%{top:50%; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);}}
	@keyframes menu-line1{0%{top:50%; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);} 50%{top:50%; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);} 100%{top:0%; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);}}
	@keyframes menu-line2{0%{opacity: 0} 50%{opacity: 0} 51%{opacity: 1} 100%{opacity: 1}}
	@keyframes menu-line3{0%{top:50%; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);} 50%{top:50%; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);} 100%{top:100%;}}
	@-webkit-keyframes menu{0%{width: 24px;} 45%{width: 6px;} 90%{width: 24px;} 100%{width: 24px;}}
	@keyframes menu{0%{width: 24px;} 45%{width: 6px;} 90%{width: 24px;} 100%{width: 24px;}}
	
}