.main,header,img.res,nav{background-color:#fff}
header .globe{padding:0 18px 0 9pt}
.kefu a.nabor{margin-left: 1px;border-left: none;}
ul, ol, dl, li, dt, dd{margin: 0;padding: 0;list-style: none;}
.clearfix:after, .clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.search,header .search{display:inline-block;width:82px;height:49px;background-color:#ef011c;color:#fff;line-height:49px;cursor:pointer}
body{margin:0px auto;padding:0px;background:#fff; position: relative; color: #333;line-height: 25px; font-family: 'Microsoft Yahei',Arial, Helvetica,'sans-serif'; overflow-x: hidden;font-size: 14px;}
p,dl{padding: 0; margin: 0; }
img{ border:none;}
ul{ list-style:none; margin: 0; padding: 0}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
.hidden{display:none}
button{outline:none!important;}
a{transition: color 0.4s;outline:none!important;}
a:hover,a:visited,a{color: #090909;text-decoration: none}
.s_width{ width:1200px; margin:0 auto;}
.pages{ background:none; padding:10px; margin-top:10px; text-align:center; margin-bottom:20px }
.pages a, .pages span{ display:inline-block }
.pages div{ background:#06C; border:1px solid #cccccc; color:#6c6c6c; margin:0 0.2rem; display:inline-block; }
.pages a, .pages span{ background:#ccc; border:1px solid #cccccc; color:#6c6c6c; margin:0 0.2rem; padding:0.5rem 1rem; display:inline-block; }
.pages .cur_page,.pages  a:hover{ background:#004587; border:1px solid #00478e; color:#fff!important; }
.pages a:hover{ color:#333; }
.row{margin-left: 0;margin-right: -15px}
.navbar{margin-bottom: 0}
.reveal{visibility:visible}
img { max-width:100%; height:auto; border:0;}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
.area,.product{font-weight:bolder}
.wrap{max-width: 1200px;margin: 0 auto;overflow: hidden;*zoom:1;_zoom:1;zoom:1;}

/*通用公共样式*/
@font-face {font-family: "jrico";
    src: url('/fonts/iconfont.eot'); /* IE9*/
    src: url('/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/iconfont2.woff') format('woff'), /* chrome、firefox */
    url('/fonts/iconfont2.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/fonts/iconfont2.svg#iconfont') format('svg'); /* iOS 4.1- */}
@font-face {
    font-family: 'photoPlay';
    src: url("/js/photoPlay/fonts/icomoon.eot?n1z373");
    src: url("/js/photoPlay/fonts/icomoon.eot?#iefixn1z373") format("embedded-opentype"),
    url("/js/photoPlay/fonts/icomoon.woff") format("woff"),
    url("/js/photoPlay/fonts/icomoon.ttf?n1z373") format("truetype"),
    url("/js/photoPlay/fonts/icomoon.svg?n1z373#lg") format("svg");
    font-weight: normal;
    font-style: normal}

.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8; }

.bx-wrapper{position: relative;/*margin: 0 auto 60px;*/margin: 0 auto 0px;padding: 0;*zoom: 1;}
.bx-wrapper img{max-width: 100%;display: block;}
/** THEME
===================================*/
.bx-wrapper .bx-viewport{/*-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;border: 5px solid #fff;left: -5px;background: #fff;*//*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{position: absolute;bottom: -30px;width: 100%;}
/* LOADER*/
.bx-wrapper .bx-loading{min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* PAGER*/
.bx-wrapper .bx-pager{text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a{/*background: #303c4b;*/border: 1px solid #fff;text-indent: -9999px;display: block;width: 14px;height: 14px;margin: 0 2px;outline: 0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;border: 1px solid #fff;}


/*flash*/
.btn.btn-primary{background-color:#004587; border-color:#003d79  }
.btn.btn-primary:hover{background-color:#003871; border-color:#003871}
.btn.btn-primary:visited{color: #fff}
.btn.btn-danger{background-color:#ff2b02; border-color:#e12200; color: #fff }
.btn.btn-danger:hover{background-color:#f2ea2c; border-color:#e2d80e;color: #000}
.table-parameter tbody>tr>td,.table-parameter > thead > tr > td{text-align: center!important; vertical-align: middle!important;}
.table-parameter > thead > tr > td{background-color: #f5f5f5}
.header #headerCon{width: 100%; background:  #fff;}
.header #headerCon .headerConBg{ background: url("../images/headerbg.png") repeat }
.header #headerCon .conHeader{margin: 0 auto; z-index: 500}
.header #headerBox{width: 100%;z-index: 999; background: url("../images/headerbg.png") repeat}


/*公共样式*/
.header{background: url("../images/headerbg.png") repeat; position: relative; z-index: 999 }
.headerTopLine{height: 5px; background: #00559f; line-height: 0;}
.logoArea{transition:width 0.6s;}
.navArea{position: static;transition:width 0.6s; }
.logoArea{padding-top: 40px; padding-bottom: 20px;}
.conHeader{}


.videoBox{position: relative}
.videoBox img{width: 100%}
.videoBox .videoMarks{position: absolute; top: 0; left: 0;  height:100%; width:100%;background-color: hsla(160,0%,0%,.65); font-size: 60px; color: #fff; text-align: center;}
.videoBox .palyBtn{position: absolute; line-height: 100px; text-align: center; top: 0; left: 0;right: 0;bottom: 0;margin: auto; width: fit-content; height: fit-content;}
.videoBox .palyBtn a{color: #FFFFFF;opacity: 0.8;}
.videoBox .videoMarks:hover{background-color: hsla(160,0%,0%,.8);}
.videoBox .videoMarks:hover a{opacity: 1}
.newsList01 li{margin-bottom: 10px}
.newsList01 li .date{padding-bottom: 6px; padding-right: 0; padding-left: 0; }
.newsList01 li .date .day,.newsList01 li .yearMonth{text-align: center;display: block;line-height: 1;}
.newsList01 li .date .day{font-size: 60px;padding-top: 10px}
.newsList01 li .list{padding-bottom: 6px; padding-right: 2%}
.newsList01 li .list .title{font-size: 16px; font-weight: bold; padding: 10px 0 5px 10px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.newsList01 li .list .titleDes{ padding-left: 10px;white-space: normal; line-height:22px;overflow: hidden;text-overflow: ellipsis}
.newsList01 li:last-child{margin-bottom: 0}

.pageBanner{position: relative}
.pageBanner .container{position: relative}
.pageBanner .bannerTextBox{position: absolute;top: 50%;color: #fff;width: 100%;margin-top: -70px}
.pageBanner .bannerTitle{font-size: 50px; margin-bottom: 30px; color: #fff;font-weight: bold;}
.pageBanner .bannerDes{width: 30%;color: #fff;font-size: 15px}
.pageBanner .bannerBox,.pageBanner .bannerBox2{position: relative}
.pageBanner .bannerBox2{text-align: center}
.pageBanner .bannerBox2 .bannerDes{width: 60%; margin: 0 auto}
.pageBanner .bannerMask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;}

.in-prolist { max-width:1200px; margin:45px auto; overflow:hidden;}
.in-prolist li { text-align:center; float:left; width:23%; margin:0 1%}
.in-prolist li p a { display:block; padding:10px 0; font-size:16px;}


/*首页样式*/
.aboutR .childrenUrlArea .urlLine:last-child{border: none}
.aboutR .childrenPicArea{border-left: 1px solid #ccc; padding-left: 10px}
.indexCategory{padding-top: 40px; background: url("../images/xcbg.jpg") repeat; }
.indexCategory .morePro{margin-bottom: 20px;text-align: center}
.indexCategory .categoryBox{padding-top: 40px}
.indexCategory .categoryBox .rightCat ul li{padding:20px;/*padding-left: 15px;*/}
.indexCategory .leftCat{padding:40px 20px;background: url("../images/indexleftcat.jpg") no-repeat; background-size: cover;color: #FFFFFF}
.indexCategory .leftCat .title{font-size: 30px;}
.indexCategory .leftCat .titleDes{text-transform: uppercase;font-size: 18px;font-weight: normal;padding: 10px 0}
.indexCategory .leftCat .conDes{padding-top: 30px; margin-bottom: 40px;line-height: 30px}
.indexCategory .leftCat .btn-warning{background-color:#fff01a;border-color: #e5d202 }
.indexCategory .leftCat .btn-warning:hover{background-color:#e5d202;border-color: #d7c503 }
.indexCategory .rightCat .catThumb{overflow: hidden}
.indexCategory .rightCat .catThumb .markBox{position: absolute; top: 0;left: 0; width: 100%; height: 100%;z-index: 1}
.indexCategory .rightCat .catThumb .markBox2{position: absolute; top: 0;left: 0; width: 100%; height: 100%;background: rgba(255, 63, 0, 0.9);top:100%;transition: all 0.4s;z-index: 3}
.indexCategory .rightCat .catThumb:hover .markBox2{top:0}
.indexCategory .rightCat .catThumb{position: relative; color: #FFFFFF}
.indexCategory .rightCat .catThumb img{/*width: 100%;*/    padding-left: 25px;}
.indexCategory .rightCat .catThumb .title{ position: absolute; z-index: 3; padding: 50px 50px}
.indexCategory .rightCat .catThumb .titleName{font-size: 24px; padding-bottom: 20px}
.indexCategory .rightCat .catMark{position: absolute; top:0;left: 0; background: url("../images/thumbmarks.png") no-repeat; width: 100%; height: 100%}
.indexCategory .rightCat .catThumb .titleDes{font-size: 15px;}
.indexCategory .rightCat li{/*margin-bottom: 15px;*/}
.indexCategory .rightCat .col-lg-6{ padding-right: 0}
.indexCategory .rightCat .catTitle{text-align: center;font-size: 16px; padding-top: 10px}
.indexmainpro{ position: relative;}
.indexmainpro .mainproK{position: relative}
.indexmainpro .mainproK .mainpro{position: absolute; left: -30px; top: 90px;width: 650px}
.indexmainpro .mainproK .mainpro img{max-width: 100%;max-height: 100%}
.indexmainpro .mainproTopLine{background:url("../images/mainprotopline.png") no-repeat center; height:46px;position: absolute; top: 0; left: 0; overflow: hidden; width: 100%;}
.indexmainpro .mainproTopbg{background: url("../images/mainprotopbg.jpg") no-repeat; height: 332px; width: 100%}
.indexmainpro .mainproBottomBg{background: url("../images/mainprobottombg.jpg") no-repeat; height: 160px; overflow: hidden;width: 100%}
.indexmainpro .mainproText{position: absolute; right: 0;top:80px; width: 470px; color: #FFFFFF;}
.indexmainpro .mainproText .titleArea{margin-top: 30px}
.indexmainpro .mainproText .title{font-size: 30px; margin-bottom: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 30px}
.indexmainpro .mainproText .detail{ margin-top: 70px}
.indexmainpro .mainproText .detail .name{font-weight: bold}
.indexmainpro .mainproText .more{margin-top: 30px;}
.indexmainpro .mainproText  a{color: #FFFFFF}
.indexmainpro .mainproText .detail li{border-right: 1px dotted #928f8a; color: #074488; padding: 0 5px; text-align: center}
.indexmainpro .mainproText .detail li:last-child{border: none}
.indexCase{padding-top: 50px}
.titleDes{text-indent: 2em;}
.indexNews{background:#fbfbfa; padding-top: 50px; padding-bottom: 50px}
.indexNews .indexNewsConBox{padding-top: 50px}
.maskCon01Low{background-repeat: no-repeat; background-position:  top center; padding: 30px 0 70px 0  }
.foot{/*background: url("../images/footbg.jpg") repeat;*/    background-color: #0b4379; color: #fff; padding-top: 30px;}
.foot a{color: #fff}
.foot .footCon{position: relative}
.foot .footCon .footBottomIoc{top:-99px; left: 0; position: absolute}
.foot .footLogo{margin-bottom: 20px}
.foot .leftCon .tel400{font-size: 25px;font-style:italic;font-weight: bold }
.foot .contacts{margin-top: 20px}
.foot .contacts li .fa{padding-right: 5px}
.foot .middleCon{}
.foot .middleCon .navList li{ text-align: left}
.foot .middleCon .navList li dt{display: inline-table;}
.foot .middleCon .navList li dt,.foot .rightCon .navList li dt{font-weight: normal;font-size: 18px;border-bottom: 1px solid #fff; margin-bottom: 10px;}
.foot .middleCon .navList li dd{line-height: 32px}
.foot .rightCon .title{font-weight: normal;font-size: 18px;border-bottom: 1px; padding-bottom: 10px}
.foot .rightCon .footcode{text-align: center; margin-top: 20px; margin-bottom: 10px; overflow: hidden}
.foot .rightCon .footcode li{padding-right: 10px;}
.foot .rightCon .footcode li p{padding-top: 8px}
.foot .container{padding-bottom: 30px}
.foot .footBottom{/*background: #003256;*/ background-color: #03396d; line-height: 35px; text-align: center}
.foot .share_area { display: block; float: left;}
.foot .share_area .share_btn {   background: url("../images/bottom_share.png") no-repeat;   float: left;width: 32px;height: 32px;line-height: 32px;}
.foot .share_area .share_btn.bds_tsina {   background-position: 0 0;}
.foot .share_area .share_btn.bds_tqq { background-position: -38px 0;}
.foot .share_area .share_btn.bds_tqf {background-position: -76px 0;}
.foot .share_area .share_btn.bds_qzone {background-position: -114px 0;}
.foot .share_area .share_btn.bds_kaixin001 {background-position: -152px 0;}
.foot .share_area .share_btn.bds_douban { background-position: -190px 0;}
/*底部导航*/
#tool { position: fixed; bottom: 0; left: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-bottom:2px solid #ff2c00}
ul.toollist { position: absolute; z-index: 900; bottom: 0; left: 0; right: 0; display: block;margin: 0; padding: 0;background: #074488; color: #fff }
.toollist li{ float: left;height: 100%; width: 33.3333%; position: static !important; margin: 0; border-radius: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1;box-shadow: none !important; background: none; }
.toollist li a { color: #fff; line-height: 20px; text-align: center; display: block; text-decoration: none; padding-top: 2px; position: relative; }
.toollist li span { font-size: 20px; line-height: 20px; text-align: center; display: block; text-decoration: none; margin: 5px 0; position: relative; }
.toollist li a img { width: 24px; height: 20px; }
.toollist li span img { width: 24px; height: 20px; }
.toollist li a p { margin: 1px 0 1px 0; display: block !important; line-height: 18px; text-align: center; }
.toollist li span p { margin: 1px 0 1px 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; color: #FFF }
.toollist_blue_chun li a { color: #fff; padding: 5px 0}
.toollist_blue_chun li a:hover { color: #ff2c00}
.toollist_blue_chun li { border-right: 1px solid rgba(250, 250, 250, 0.4); color: #fff; }

/*左侧划出导航样式开始*/
.right-nav {background: #1b5bb3;border-radius: 0; left: 0; top: 0; position: fixed; z-index: 1210; color: #FFF;  height: 100%; display: none; }
.right-nav .conBox{position: relative;border-bottom:2px solid #ff2c00; background: #1b5bb3}
.right-nav .conBox .logoBg{background: url("../images/footlogo.png") no-repeat #1b5bb3; height: 20px; padding:15px 5px 20px 5px;background-origin:content-box; background-size: 100%;margin-bottom: 20px}
.right-nav-active {transform: translateX(0); }
.right-nav ul li{ position: relative }
.right-nav ul li .fNavA,.right-nav .sNav a{display: block;line-height: 25px; padding:10px 15px; }
.right-nav .conBox .fa{padding-right: 5px}
.right-nav ul li a { color: #FFF }
.right-nav .sNav{position: absolute; right: 0px;background: #206dd7;display: inline-table;z-index:-2;white-space: nowrap;top: 0; }
.right-nav .sNav li:last-child{border-bottom: none}
.right-nav .sNav ul li:first-child{border-top:1px solid rgba(250, 250, 250, 0.4)}
/*内页公用*/
.banner img{ width: 100%}
.pageNav{border-bottom: 1px solid #ccc; background: #fff; line-height: 55px}
.pageNavBg1{background: #efeeec;}
.pageNav .navList li{float: left; padding: 0 10px;line-height:55px; font-size: 16px; margin: 0 5px;color: #ff2b02;}
.pageNav .navList li.cur,.pageNav .navList li:hover{border-bottom: 2px solid #ff2b02; margin-bottom: -1px;font-weight: bold;}
.pageNav .navList li:hover a{text-decoration: none}
.pageNav .navList li.cur a{color:#ff2b02;font-weight: bold; }

	
.pageNav .navList li:hover:hover a{color:#ff2b02;}
.pageNav .postion{margin-bottom: -1px}
.pageNav .postion a,.pageNav .postion {color: #828282}
.pageNav .postion .homeIoc{padding-right: 5px}
.conTitle01,.pageCatTitle{font-size: 40px;line-height: 60px;}
.catTitle01,.conTitle01,.pageCatTitle,.conTitle01Des,.con01Des,.pageCatTitle,.pageCatTitleDes,.catTitle01Des{text-align: center;}
.conTitle01Des,.con01Des,.pageCatTitleDes,.catTitle01Des{width: 90%;margin: 0 auto}
.catTitle01,.catTitle02{font-size: 26px}
.catTitle02Des{line-height: 30px; margin-top: 20px}
.catTitle01Des{padding-top: 15px;}
.cat01Btn{width: 63% ; margin: 0 auto}
.conTitle01{margin-top: 70px}
.conTitle01Des{margin-top: 10px;line-height: 30px}
.con01Des{margin-top: 40px;line-height: 30px}
.pageCatTitleDes{padding-top: 10px}
.conDatial01{line-height: 30px; margin-top: 50px}
.navbar-default{background-color: #074488;border-color: #063a75;border-right: 0; border-left: 0;border-radius: 0}
.navbar-default .navbar-brand{color: #fff}
.navbar-default .navbar-nav > li > a{color: #fff}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #fff}
.navbar-default .navbar-toggle{border: none}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#ff2b02}
/*文章中心*/
.news .topContent{margin-top: 40px}
.news .recNews{padding: 0 20px}
.news .recNews li{margin-bottom: 20px}
.news .recNews li:last-child{margin-bottom: 0}
.news .recNews li .title{font-size: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news .recNews li .date{color: #a9a9a9; padding: 5px 0}
.news .recNews li .titleDes{color: #a9a9a9; }
.news .newsList{margin-top: 20px}
.news .newsList ul{margin-bottom: 20px}
.news .newsList li{border-bottom: 1px solid #ccc; padding: 20px 0 ; transition: background 0.6s }
.news .newsList li:hover{background: #f8f8f8}
.news .newsList .date .year{font-size: 12px;text-align: right; margin-bottom: 20px}
.news .newsList .date{font-size: 34px;text-align: right}
.news .newsList .con{padding: 0 20px}
.news .newsList .con .title{font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px}
.news .newsList .con .titleDes{height: 3.3em; overflow: hidden; color: #a9a9a9}
.news .newsList .con .more{margin-top: 10px; color: #a9a9a9}

/*产品中心*/
.products .catList{margin-top: 30px;margin-bottom: 30px}
.products .catList .cat{padding: 0 7px; margin-bottom: 10px}
.products .catList .cat .title{text-align: center;font-size: 20px; margin-top: 10px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.products .catList .cat .ioc{border-radius: 100%;background:#004587; text-align: center;position: relative;transition: background 0.6s;margin: 0 12%}
.products .catList .cat:hover .ioc{background: #ff2b02;}
.products .catList .cat .ioc .shadow{position: absolute;background: url("../images/products_catbg01.png") no-repeat bottom center; width: 100%;z-index: -1;height: 100%; left: 0}
.products .catList .cat .ioc img{width: 100%; padding:10px}
.products .mainpro{padding-top: 30px;background: #004587;color: #fff}
.products .mainpro .conTitle01Des{margin-bottom: 30px}
.products .mainpro a{color: #fff}
.products .mainpro .picList .title{padding-top: 10px}
.products .mainpro{background: url("../images/productsmanbg3.jpg") no-repeat center top; padding-top: 1px;color: #fff;}
.products .mainpro .conTitle01{margin-top: 50px}
/*.products .mainpro .productList li{padding-right: 15px;margin-bottom: 15px; text-align: center}
.products .mainpro .productList li .title{padding: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition:all 0.6s;color: #fff}
.products .mainpro .productList li .picBox{overflow: hidden;}
.products .mainpro .productList li .picBox img{width: 100%;transition:all .6s}
.products .mainpro .productList li:hover .picBox img{transform: scale(1.2)}
.products .mainpro .productList li:hover .title{font-size: 18px;}*/
.products .listCatBox  .moreCatPro{width:50%;margin:0 auto;padding: 10px 10px;text-align: center;background-color: #e73f10;}
.products .listCatBox  .moreCatPro a{color: #fff;font-weight: bold;font-size: 18px;}
.products .productList{margin-top: 30px}
.products .listCatBox  .picList{padding: 30px 0;margin-right: -10px}
.products .listCatBox  .picList .picBox{overflow: hidden;}
.products .listCat02{background:#f2f1ef}
.products .listCatBox{padding-top: 1px; padding-bottom: 30px}
.products .listCatBox .picList li{text-align: center;padding-right: 10px;margin-bottom: 10px}
.products .listCatBox .picList li .title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding-top: 10px;transition:all 0.6s}
.products .listCatBox  .picList .picBox  img{width: 100%;transition: all 0.6s}
.products .listCatBox .picList li{position: relative}
.products .listCatBox .picList li:hover .picBox img{transform: scale(1.2)}
.products .listCatBox .picList li:hover .title{font-size: 18px;}


/*font-awesome.min*/
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-envelope:before{content:"\f0e0"}
.fa-fax:before{content:"\f1ac"}
.fa-phone-square:before{content:"\f098"}


@media (max-width: 480px){
    .in_top{margin: 25px 0;}
    .in-prolist{margin: 20px auto;}
    .in-prolist li{width: 48%;}
    .message .btn{margin-left: 35%;}
    .proj_sub li{width: 47%;}
    .contact h3{font-size: 24px;}
    .news_tj_r li ._time{width: 15%;}
    .sub_banner_zi h3{display: none;}
    .fuwulinian dl{width: 100%;margin: 0;}
    ._detailPage_bottom li:first-child{margin-right: 5%;}
    .xc_pic h3{background: none;}
    .pro_ys h3{background: none;}
    .pro_tic h3{background: none;}
    .xc_pic ul li{width: 48%;margin: 0 1% 15px 1%;}
    .pro_order{width: 100%;}
    .pro_tel{width: 100%;margin-top: 20px;}
    .pro_fw ul li{width: 50%;}
    .profw_txt{display: none;}
    .pro_fw{padding: 0;}
    .xgcase dl{width: 100%;}
    .product-list li{width: 47.3%}
    .material-product li{width: 30.5%;}
    .material-product li{margin-left: 2.2%;}
    .pro_feilei{margin-top: 30px;}
    .feilei_zs{margin-bottom: 30px;}
    .feilei_zs h3{margin-bottom: 20px;font-size: 24px;}
    .pro_tab li{width: 24.5%;margin: 0;}
    .pro_tab li.cur{width: 24.5%;}
    .logo{width: 50%;}
    .about-box ul li{width: 48%;}
    .Sales_network p{margin: 0;}
    .part02{margin: 30px 0;}
    .capacity{margin-bottom: 0;}
    .gjhz{margin-top: 0;}
}




@media (min-width:750px) {
    .conHeader{background: url("../images/headerbgmap.png") no-repeat left top;}
}
@media (max-width: 768px) {/*平板一下屏幕*/
    .logoArea{background: url("../images/headerbgmap.png") no-repeat left top; background-size: 100%;background-origin:border-box;  padding-top: 20px}
    .indexCategory .rightCat{margin-top: 30px}
    .inter .interYsIoc li .text{font-size: 50px}
    .production .strength{padding-top: 40px}
    .proList{padding-top: 10px}
    .proList ul li{padding: 0px 10px}
    .news .newsList{margin-top: 20px}
    .solutionShow .solShoIntro .solutionText .title{padding-top: 10px}
    .caseCenter .caseCenterRel .ccr3{float: right}
    /*公共*/
    .picList01Area .picList01 .picBox .title{line-height: 30px}
    /*结束*/
    .caseShow .caseShowBox .rightText .title{padding-top: 20px}
}
/*针对logo的适配*/
@media (min-width: 768px){
    .message .phoneBox .phoneNum{padding-left: 10px}
}
@media (max-width: 767px){
    .newsList01 li .titleDes{font-size: 12px}
    body{padding-bottom: 60px}
    .conTitle01{margin-top: 10px}
    .about .photoList .picList li .mask .picDes, .about .photoList .picList li .mask2 .picDes{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .server .topCon{background-position: -120px 0}
    .culture .cltureRight ul li .mask .smallT{margin-top: 40px;font-size: 25px}
    .culture .cltureRight ul li .mask .maxT{margin-left: 0;font-size: 30px;margin-top:0}
    .production .top .bottomCon ul li{padding: 0; margin-bottom: 10px}
    .production .strength .textList{margin-bottom: 40px}
    .production .strength .productionText .textList li{width: 33%;text-align: center;padding: 0;}
    .production .strength .productionText .textList li .shuzi{font-size: 33px}
    .production .strength .productionPic{padding-bottom: 50px}
    .production .strength{padding-bottom: 20px}
    .proShow .proDes .title{padding-top: 40px}
    .message .phoneBox .phoneText,.message .phoneBox .phoneNum{display: block}
    .message{background-size: auto 100% }
    .message .leftMess{padding-right: 0}
    .news .newsList .date{font-size: 23px}
    .news .recNews{padding-bottom: 20px}
    .proShow .proIntro{padding-bottom: 30px}
    .products .catList .cat .title{margin-top: 0px;font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .products .catList li.cat{width: 20%;float: left;padding: 3px}
    .products .catList .cat .ioc{margin: 0px}

}

@media (min-width: 1200px){
    .indexCategory{padding-bottom: 0}
    .indexCategory .leftCat{height: 395px}
    .indexmainpro .mainproText .more{float:right;}
    .newsList01 li .listBox{background: url("../images/indexnewlibg.png") no-repeat; margin-bottom: 28px}
    .indexNews .newsList01 li .listBox{margin-bottom: 12px}
    .newsList01 li .date{font-size: 30px; width: 15%}
    .newsList01 li .list{ width: 85%; padding-left: 25px}
    .newsList01 li .yearMonth{font-size: 15px}
    .newsList01 li:hover .listBox{background-position: 0 -101px;color: #fff}
    .newsList01 li:hover a{color: #fff}
    .newsList01 li .titleDes{line-height: 23px}
    .newsList01 li:hover .titleDes{color:#ccc}
    .inter .desirePoto .iocListBox{padding: 30px 30px}
    .production .top .bottomCon ul li{padding:10px 54px 0 0}
    .products .catList .cat{width: 20%; padding: 0 20px}
    .proShow .proDetail .detailClas ul{ padding-right: 40px}
    .caseRel .picList li{padding: 0 20px; width: 380px!important;}
    .caseRel .picListBox .list{width: 9999px}
    .news .recNews li .date{padding: 20px 0; }
    .news .newsList{padding-bottom: 100px}
    .news .newsList .date{width: 10%}
    .news .newsList .con{width: 89%; padding-left: 35px}
    .news .newShow .con{padding-right: 20px}
    .solution .conList .conBoxCon .titleDes{height:auto;}
    .picList01Area.scroll li{width: 384px}
    .picList01Area.scroll .box .list{width: 9999px}
    .picList02Area .picList02 ul li{margin-bottom: 20px;padding: 0 10px}
    .videoBox .palyBtn{line-height: 300px}
    .flexslider_banner{min-height: 455px}
    .container-fluid{display: none}
    .indexCategory .rightCat .catThumb img{filter:gray !important;filter:grayscale(30%);}
    .picListScrollBox .turnIoc{background: url("../images/pro_turnioc.png") no-repeat; width: 70px; height: 181px; position: absolute;top: 50%;margin-top: -110px; opacity: 0.5;opacity:0!important;cursor: pointer;transition: opacity 0.6s;}
    .picListScrollBox{position: relative}
    .picListScrollBox .leftTurnIoc{left: -130px;}
    .picListScrollBox .rightTurnIoc{right: -130px;background-position-x: -123px}
    .picListScrollBox .box .picList{ }
    .picListScrollBox .box{overflow: hidden}
    .picListScrollBox .box .picList li{ width: 285px;padding-right: 10px;margin-bottom: 10px;text-align: center}
    .picListScrollBox .box .picList li img{width: 100%}
    .listCatBox:hover .turnIoc,.mainpro:hover .turnIoc{display: block;opacity: 1!important;}
}
@media (max-width: 1199px){
    .indexmainpro .mainproText{ width: 100%;padding-top: 50px; position: static;padding-bottom: 30px}
    .indexmainpro .mainproText .detail li{color: #FFFFFF}
    .indexmainpro .mainproText .detail{margin-top: 30px}
    .indexmainpro .mainproTopbg{height: auto;background-size: cover;}
    .indexmainpro .mainproText .more{ width: 55%; margin: 30px auto 0 auto;display: block}
    .newsList01 li .yearMonth{margin-top: 16px}
    .navMenuArea .navMain li{padding-left: 10px;}
    .newsList01 li .listBox{background: #f4f3f2;}
    .newsList01 li .date{background: #ccc;width: 20.5%; }
    .newsList01 li .date .day{font-size: 38px;}
    .newsList01 li .list{ width: 79.5%}
    .newsList01 li .list .titleDes{height: 3.3em; font-size: 12px}
    .about{background: none; padding-top: 30px}
    .about .conDatial01{padding-top: 20px;margin-top: 0}
    .about .aboutNew .newslist li{border-bottom: 1px dotted #ccc}
    .flexslider .slides li{display:block!important;}
}
.bottomShow-reveal{}
.rightShow-reveal{}
.leftShow-reveal{}