@CHARSET "UTF-8";

/*@media all and (min-width:721px) {html {font-size:250%}}

@media all and (max-width:720px) {html {font-size:250%}}

@media all and (max-width:640px) {html {font-size:222.222%}}

@media all and (max-width:540px) {html {font-size:187.5%}}

@media all and (max-width:480px) {html {font-size:166.668%}}

@media all and (max-width:432px) {html {font-size:150%}}

@media all and (max-width:414px) {html {font-size:143.75%}}

@media all and (max-width:400px) {html {font-size:138.888%}}

@media all and (max-width:375px) {html {font-size:130.204%}}

@media all and (max-width:360px) {html {font-size:125%}}

@media all and (max-width:340px) {html {font-size:118.056%}}

@media all and (max-width:320px) {html {font-size:111.112%}}*/

@media all and (min-width:320px) {html {font-size:125%}}

body {font-family:Arial,Helvetica,sans-serif,'Lucida Grande',Verdana;word-wrap:break-word; }

body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input{ margin:0; padding:0; border:0 }

fieldset,li,img{border:0;vertical-align:top}

ul,ol{list-style:none}

button{overflow:visible;border:0;background-color:transparent;cursor:pointer}

button::-moz-focus-inner{padding:0;}

address,caption,em{font-style:normal}

a,a:focus,a:active,a:hover{ text-decoration:none; outline: 0; }

a,img{-webkit-touch-callout:none}

hr{display:none}

table {border-spacing: 0; border-collapse: collapse;}

td,th {  padding: 0; }

::-webkit-input-placeholder{color:#bbb}

::-moz-placeholder{color:#bbb;opacity:1}

:-ms-input-placeholder{color:#bbb}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}

audio,canvas,progress,video {display: inline-block; vertical-align: baseline;}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.box:before,.box:after,.list:after,.list:before,.clearfix:before,.clearfix:after,.section:before,.serction:after,.hd-wrap:before,.hd-wrap:after {content: " ";	display: table }

.clearfix:after,.box:after,.list:after,.section:after,.hd-wrap:after {clear: both }

.clearfix,.box,.list,.section,.hd-wrap {*zoom: 1}

.imgauto { display: block; border: 0; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }

.fl {float: left !important;}

.fr {float: right !important;}



/*g*/

html { background: #fff; }

body { min-width:320px; background-color:#e7e7e7;max-width:720px; color:#333; font-size: .7rem; margin:0 auto; line-height: 1; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; z-index: 5 }

img { display: block; max-width: 100%; height: auto; }

a { color: #333; }

h2 { font-size: 1rem; }

h3 { font-size: .8rem; }

h4 { font-size: .7rem; }

h5 { font-size: .6rem; }



/*section*/

.section { width: 100%; background: #fff; margin-top: .7rem; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.15); }



/*box*/

.box { padding:0 .6rem; }

.main { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; background: #e7e7e7; position: relative; z-index: 2; }



/*hd*/

.hd { position: relative; }

.hd-wrap { padding: .6rem; border-bottom: 1px solid #ededed; border-radius: 3px 3px 0 0; }

.hd-icon,.hd-menu,.hd-more { display: block; width: 1.2rem; overflow: hidden;}

.hd-icon { float: left; }

.hd-more,.hd-menu { float: right; padding: .25rem;}

.hd-title { line-height: 1.2rem; margin-left: .6rem; float: left; color: #fff; }



/*bd*/

.bd { position: relative; }

.bd-menu { display: block; width: .8rem; overflow: hidden; font-style: normal; }

.bd-more { display: block; font-style: normal; }



/*p*/



.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}



/*p-style*/

.list-leftRight .p-img { float: left; width: 4rem; }

.list-leftRight .p-info { padding-left: 4.6rem; }

.list-leftRight .p-name { text-align: left; padding-top: 0px; }





.moreNews .list { padding-bottom: 0; }

.moreNews .list .list-item:last-child { border-bottom: 0; }

.moreNews .p-name { text-align: left; font-weight: block; padding-top: .1rem;  }

.moreNews .bd-menu { float: right; }



.small-layer { position: relative; }

.small-layer-left,.small-layer-right { display: block; position: absolute; top: 50%; margin-top: -1.2rem; z-index: 5; width: 2rem; height: 2rem; background: rgba(0,0,0,.1); padding:.5rem; }

.small-layer-left { left: 0; }

.small-layer-right { right: 0; }

.small-hide { overflow: hidden; }

.small-list { position: relative; left: 0; overflow: hidden; width: 1000%; }

.small-list a { display: block; float: left; }





/**/

.b { border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.15); }

.c { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }



/*icon*/

.icon { background: url(../images/icon-bg.png); }

.img90 {transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}

.img180 {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}



/*gradeMenu*/

.hd-grade { position: relative; width: 100%; z-index: 10; background: rgba(255,255,255,.95); display: block; }

.hd-grade i { display: block; width: .8rem; overflow: hidden; float: right; }

.hd-grade a { display: block; padding:.65rem 2.45rem; border-bottom: 1px solid #ddd; font-size: .8rem; color: #333 }

.grade-3,.grade-4 { display: none; }

.grade-3 a { padding-left: 3.25rem; color: #555 }

.grade-4 a { padding-left: 4rem; color: #555 }

.onThis > ul { display: block }

.onThis > a { color: #048de2 }





/*#####################################################################*/

/*site-header*/

.header { position: relative; }

.header-wrap { position: relative; width: 100%; z-index: 52; max-width: 720px; margin: 0 auto; box-shadow: 0 1px 3px rgba(0,0,0,.15); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; }

.header-logo { float: left; width: 12rem; margin-top:.5rem; margin-bottom:.5rem; }

.header-menu { display: block; width: 1.325rem; position: relative; overflow: hidden; float: right; margin-top: 15px; }

.header-menu-index { display: block; width: 1.325rem; position: relative; overflow: hidden; float: right; margin-top: 18px; }

.body-open { -webkit-transform:translate3d(-55%, 0, 0) scale3d(1, 1, 1); transform:translate3d(-55%, 0, 0) scale3d(1, 1, 1); }



/*header-submenu*/

/*style1*/

.header-submenu { background: #333; bottom: 0; top: 0; transition: all .3s; display: block; position: fixed; width: 100%; z-index: 1; right: 0; left: 100%; max-width: 720px; margin:0 auto; box-shadow: -1px 0 3px rgba(0,0,0,.15); }

.header-submenu ul li a { display: block; padding:.65rem; color: #fff; font-size: .8; border-bottom: 1px solid #434343; font-weight: bold; }

.nav-logo img { width: 8.675rem; }

.header-submenu .nav-logo a { padding:.9rem .6rem !important; }

/*font-color*/

.fontColor1 { color: #d10000; }







.list { width: 100%; padding-bottom: .6rem }

.list .item { float: left; display: block; padding: .6rem; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; }

.i-wrap { display: block; overflow: hidden; }

.i-img { display: block; margin: 0 auto; position: relative; overflow: hidden; }

.heise {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    transition: all .4s;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    background: black;

    opacity: 0.5;

}

.i-name { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: bold; }

.i-txt,.i-time { color: #888; line-height: 1.3; padding-top:.4rem; }

.i-txt { height: 2.2rem; overflow: hidden; }

.i-hide { overflow: hidden; color: #888; line-height: 1.3; padding-top: .4rem; display: none; }



/*x*/

.x-name { font-size: .9rem; text-align: center; line-height: 1.5; padding:.6rem; padding-bottom: 0; }

.x-time { padding-top: .3rem; color: #888; border-bottom: 1px dashed #ededed; padding-bottom:.6rem; font-size: .6rem; text-align: center; }

.x-time span { padding:0 .6rem; }

.x-txt { padding:.6rem; line-height: 1.5; border-top: 1px dashed #ededed }

.x-specs { color: #888; padding:.6rem; line-height: 1.5;  }

.x-specs p { padding: .3rem; border-top: 1px solid #ededed }

.x-specs span { color: #333; }

.x-price { padding:0 .6rem; padding-top: .6rem; }

.x-price em { font-weight: bold; color: #ff0000; font-size: 1rem  }



/*案例css*/

.home-case .item { width: 50%; }

.home-case .item:nth-child(2n) { border-right-color: transparent; }

.home-case .i-name { padding-top: .6rem }

.case .item { width: 50%; }

.case .item:nth-child(2n) { border-right-color: transparent; }

.case .i-name { padding-top: .6rem }



/*四个免费css*/

.home-four .list{overflow: hidden;}

.home-four .list li {

    float: left;

    width:50%;

    border: 1px solid #ddd;

	position:relative;

	height:80px;

	overflow: hidden;

}

.home-four .i img {

    display: block;

    float: right;

	position:absolute;

	right:-8px;

	top:-8px;

}

.home-four .i h5 {

    font-size: 18px;

    color: #333;

    margin-top: 10px;

    margin-left: 5px;

}

.home-four .i p {

    margin-left: 5px;

    margin-top: 10px;

    color: #999;

	width: 50%;

}



/*优势css*/

.home-youshi .item { width: 100%; float: none; border-right: 0; }

.home-youshi .i-name { line-height: 1.2rem; height: 1.2rem; padding:0; } 

.home-youshi .i-menu { float: right; color: #048de2; width: 1.2rem; padding:.25rem; }

.home-youshi li.on .i-hide { display: block; }

.home-youshi .pimg { display: block; float: left; max-width: 50px; margin-right: 20px; }



/*团队css*/

.imgroll1 { padding: .6rem;  position: relative;}

.imgroll-hide1 { overflow: hidden; }

.imgroll-list1 { position: relative; width: 1000%; }

.imgroll-list1 li { float: left; margin-right: 15px; }

.imgroll-list1 li a { display: block; overflow: hidden; }

.imgroll-list1 li div{display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

line-height:1.5;

margin-top:10px;}

.imgroll-list1 li a img { border: 1px solid #ededed }

.imgroll-right1,.imgroll-left1 { display: block; overflow: hidden; border: 1px solid #ededed; width: 1.5rem; padding:0.375rem; position: absolute; z-index: 10; background: rgba(255,255,255,.9); }

.imgroll-left1 { left: 0.6rem; top: 50%; margin-top: -1.2rem; }

.imgroll-right1 { right: .6rem; top: 50%; margin-top: -1.2rem; }

.home-zs .i-name1 { padding-top: .6rem }



/*证书css*/

.imgroll { padding: .6rem;  position: relative;}

.imgroll-hide { overflow: hidden; }

.imgroll-list { position: relative; width: 1000%; }

.imgroll-list li { float: left; margin-right: 15px; }

.imgroll-list li a { display: block; overflow: hidden; }

.imgroll-list li a img { border: 1px solid #ededed }

.imgroll-right,.imgroll-left { display: block; overflow: hidden; border: 1px solid #ededed; width: 1.5rem; padding:0.375rem; position: absolute; z-index: 10; background: rgba(255,255,255,.9); }

.imgroll-left { left: 0.6rem; top: 50%; margin-top: -1.2rem; }

.imgroll-right { right: .6rem; top: 50%; margin-top: -1.2rem; }

.home-zs .i-name { padding-top: .6rem }



/*产品css*/

.home-pro .item { width: 33.333333333%; }

.home-pro .item:nth-child(3n) { border-right-color: transparent; }

.home-pro .i-name { padding-top: .6rem }

.pro .item { width: 50%; }

.pro .item:nth-child(2n) { border-right-color: transparent; }

.pro .i-name { padding-top: .6rem }



/*产品-详情css+swiper*/

.proxx .x-img { padding:.6rem; }

.proxx .x-name { text-align: left; }



/*新闻资讯css*/

.home-news .item { width: 100%; float: none; border-right: 0; }

.home-news .i-img { float: left; width: 6.5rem; margin-right: .6rem;  height: 4.2rem; overflow: hidden; }

.home-news .i-img img { display: block; max-width: 100%; max-height: 100%; }

.home-news .i-name { text-align: left; padding-top: 0px; line-height: 1.2; }

.news .item { width: 100%; float: none; border-right: 0; }

.news .i-img { float: left; width: 6.5rem; margin-right: .6rem;  height: 4.2rem; overflow: hidden; }

.news .i-img img { display: block; max-width: 100%; max-height: 100%; }

.news .i-name { text-align: left; padding-top: 0px; }



/*新闻详情css*/

.newsxx {}



/*关于我们*/

.home-about .i-xq { padding:.6rem; }

.home-about .i-xq h4 { padding-top: .6rem; }

.home-about .i-xq div { padding-top: .4rem; color: #888; line-height: 1.3; }



/*相关问题css*/

.home-wenti .item { width: 100%; float: none; border-right: 0; }

.home-wenti .i-name { line-height: 1.2rem; height: 1.2rem; padding:0; } 

.home-wenti .i-menu { float: right; color: #048de2; width: 1.2rem; padding:.25rem; }

.wenti .item { width: 100%; float: none; border-right: 0; }

.wenti .i-name { line-height: 1.2rem; height: 1.2rem; padding:0; } 

.wenti .i-menu { float: right; color: #048de2; width: 1.2rem; padding:.25rem; }



/*人才招聘css*/

.hr .item { width: 100%; float: none; border-right: 0; }

.hr .i-name { line-height: 1.2rem; height: 1.2rem; padding:0; color: #c31a1f } 

.hr .i-menu { float: right; color: #048de2; width: 1.2rem; padding:.25rem; }

.hr-dl dt { font-weight: bold; padding:.5rem 0; border-bottom: 1px dashed #ededed }

.hr-dl dd { color: #888; padding-top: .5rem }

.hr .i-span { padding-left: 1rem; color: #888; font-weight: normal; }



/*联系我们*/

.contact dl { padding:.6rem; padding-top: 0; }

.contact dl dt { font-weight: bold; padding:.6rem 0; }

.contact dl dd { color: #888; line-height: 1.5 }



/*联系我们*/

.msg .msg-wrap { padding:.6rem; }

.msg .msg-from { width: 100%; }

.msg .form-item { overflow: hidden; padding:.3rem 0; }

.msg .form-label { display: block; float: left; height: 1.8rem; line-height: 1.8rem; font-size: .7rem; color: #333; font-weight: bold; }

.msg .form-pd { padding-left: 2.2rem; }

.msg .form-text { display: block; float: left; height: 1.8rem; line-height: 1.2rem; width: 100%; border-radius: 3px; border:1px solid #ededed; padding: .3rem; }

.msg .form-texts { display: block; float: left; line-height: 1.2rem; width: 100%; border-radius: 3px; border:1px solid #ededed; padding: .3rem; height:5rem }

.msg .form-submit { display: block; float: left; height: 1.8rem; width: 100%; border-radius: 3px; border:1px solid #007dcb; padding: .3rem; text-align: center; background: #048de2; color: #fff; font-weight: bold;  }

.hide { font-size: 0; text-indent: -9999px; }



/*友情连接*/

.home-youqing .item { width: 33.333333333%; text-align: center; }

.home-youqing .item:nth-child(3n) { border-right-color: transparent; }



/*合作连接*/

.home-hezuo .item { width: 33.333333333%; text-align: center; }

.home-hezuo .item:nth-child(3n) { border-right-color: transparent; }



/*翻页*/

.pageinfo{padding:10px; text-align:center;font-size: .8rem; display:block;}

.fanye .list { padding-bottom: 0; }

.fanye .item { font-size: .8rem; text-align: center; overflow: hidden; line-height: 1rem; font-weight: bold; border-bottom: 0; width: 25%; }

.fanye .item img { display: block; max-width: 1rem; margin-left: auto; margin-right: auto; }

.fanye .item span.thisI { color: #d10000 }



/*上下产品*/

.prevNext .list { padding-bottom: 0; }

.prevNext .item { width: 100%; float: none; border-right: 0; }

.prevNext .item:last-child { border-bottom: 0; }

.prevNext .i-name { text-align: left; font-weight: block; padding-top: .1rem;  }

.prevNext .bd-menu { float: right; }



/*#footer*/

.footer { padding-bottom: 1.5rem; }

.footer-logo { width: 50%; margin-left: auto; margin-right: auto; padding-top: 1.5rem; }

.footer-copy { text-align: center; width: 80%; margin-left: auto; margin-right: auto; padding-top: .5rem; color: #888; font-size: .5rem; line-height: 1.3; }

.footer-erweima { width: 45%; margin-left: auto; margin-right: auto; padding:.5rem; background: #fff; border-radius: 5px; margin-top: 1.3rem; }

.footer-erweima img{margin:auto;}

/*footerfixd*/

.footer-menu { position: relative; height: 2.55rem; }

.footer-menu-wrap { background-color: rgba(255,255,255,.98); position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 50; max-width: 720px; margin: 0 auto; box-shadow: 0 -1px 2px rgba(0,0,0,.15); }

.footer-menu .link { display: block; width: 25%; float: left; height: 55px; text-align: center; color: #fff; }

.footer-menu .link i { display: block; overflow: hidden; width: 20px; margin:0 auto; padding:8px 0 4px 0; }

.footer-menu .link i img { display: block; max-width: 100%; }



/*下载*/

.dow .doc-icon { float: left; margin-right: .4rem }



/*左右箭头*/

.swiper-button-next,.swiper-button-prev { display: none; }



.header-title { line-height: 2.5rem; text-align: center; font-size: 1rem; color: #fff; }



.header-wrap {

	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));

    background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);

    background: -o-linear-gradient(top, #fff 0%,#eee 100%);

    background: -ms-linear-gradient(top, #fff 0%,#eee 100%);

    background: linear-gradient(to bottom, #fff 0%,#eee 100%);

}

.hd-wrap,.header-wrap-bg,.footer-menu-wrap {

    background: -moz-linear-gradient(top, #ef8300 0%, #d88016 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef8300), color-stop(100%,#d88016));

    background: -webkit-linear-gradient(top, #ef8300 0%,#d88016 100%);

    background: -o-linear-gradient(top, #ef8300 0%,#d88016 100%);

    background: -ms-linear-gradient(top, #ef8300 0%,#d88016 100%);

    background: linear-gradient(to bottom, #c31a1f 0%,#c31a1f 100%);

}



.footer-tel { padding:.6rem; display: block; width: 50%; text-align: center; color: #fff; font-size: 1rem; font-weight: bold; margin:0 auto; }

.footer-tel i { display: inline-block; width: 1rem; vertical-align: middle; margin-right: .6rem }

.footer-index i { display: inline-block; width: 1rem; vertical-align: middle; float: left; margin: .6rem; }

.footer-top i { display: inline-block; width: 1rem; vertical-align: middle; float: right; margin: .6rem }



.footer-fenlei { position: fixed; display: inline-block; font-weight: bold; color: #c31a1f; padding:10px 16px; bottom: 5rem; text-align: center; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,.2); border-radius: 50%; right: .6rem; z-index: 99;  }

.footer-fenlei img { display: block; width: 18px; margin:4px auto; }

.footer-fenlei-menu { position: fixed; display: none; top:0; z-index: 98; width: 100%; bottom: 0; width: 100%; margin:0 auto; transition: all .3s; }

/*控制列表显示格式*/



.list-column1 .list-item { width: 100%; float: none; border-right: 0; }

.list-column2 .list-item { width: 50%; }

.list-column2 .list-item:nth-child(2n) { border-right-color: transparent; }

.list-column3 .list-item { width: 33.333333333%; }

.list-column3 .list-item:nth-child(3n) { border-right-color: transparent; }

.list-column4 .list-item { width: 25%; }

.list-column5 .list-item { width: 20%; }



.topTel { padding:10px; font-size: 14px; text-align: center; font-weight: bold; }