@charset "utf-8";
html{font-size:62.5%;}
html,body{height:100%; }
body{ width:100%; position:relative; margin:0; padding:0; font-size: 1.4rem; font-style: normal; font-weight: normal; color:#333; font-family:Gotham, "Helvetica Neue","Microsoft YaHei", Helvetica, Arial, sans-serif !important;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img,input { border:none;}
img{ max-width: 100%; vertical-align: middle; margin: 0;}
ul, li { list-style:none; text-decoration:none; margin:0; padding:0px;}
h1, h2, h3, h4, h5, h6, form, dl, dt, dd{ margin:0; padding:0;}
p { margin:0; padding:0; margin:0px;}
a { text-decoration:none; list-style:none; margin:0; padding:0; }
a:link { color:#333;}
a:visited { color:#333;}
a:hover { color:#1AA3F4; text-decoration: none;}
a:active { color:#333;}
.fl { float:left;}
.fr { float:right;}
.clear{ clear:both;}

/*主页css*/
/*侧边栏与头部*/
.slideout-menu { position: fixed; top: 0; bottom: 0; right: 0; z-index: 0; width: 256px; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none;}
.slideout-panel { position:relative; z-index: 1;}
.slideout-open,.slideout-open body,.slideout-open .slideout-panel { overflow: hidden;}
.slideout-open .slideout-menu { display: block;}		
.head{ height:4.4rem; border-bottom: #ddd 1px solid; background:#fff;}
.head h1{ width:30%; height:4.3rem; padding-top:0.5rem; float:left; margin-left: 1.2rem;}
.menu{ display:none; background: #0986E3; padding:0 1.2rem;}
.panel{ width:100%; min-height: 100%; background:#fff;}
.gupiao{ padding-top: 4.6rem; padding-bottom: 1rem; border-bottom:#CEE7FF 1px solid; text-align: center; color:#CEE7FF;}
.nav{ padding:0.7rem 0rem 0.7rem 1.7rem; border-bottom: #CEE7FF 1px solid;}
.nav li{ height:4rem; line-height: 4rem;}
.nav li a{ display:block; width:100%; height:4rem; color:#fff;}
.email{ width:100%; margin-top:1rem;}
.email a{ display:block; width:100%; height:4rem; line-height: 4rem; text-align: center; color:#CEE7FF;}
/*banner样式*/
.swiper-container{ width:100%; }
.swiper-wrapper{ width:100%;}
.swiper-slide{ width:100%; text-align:center; }
/*主体样式*/
.content0{ height:2rem;}
.content1{ width:100%;}
.content1_top{ height:3.5rem; margin-top: 2rem; margin-bottom: 1.5rem; background:url(../img/hbg.jpg) no-repeat center center; background-size:contain;}
.content1_top h2{ padding-top: 0.2rem; padding-bottom: 0.3rem; font-size: 1.8rem; text-align: center; color:#1992F2;}
.content1_top h3{ font-size: 1.2rem; font-weight: normal; text-align: center; color:#1992F2;}
.content1_down{ padding:0px 1.5rem;}
.content1_down p{ font-size: 1.6rem; text-indent: 2em; line-height: 2.7rem;}
.more{ width:100%; height:3rem; line-height: 3rem; text-align: center; }
.more a{ color:#FF7F00; font-size:1.6rem;}
.content2{ background:#F3F3F3;}
.content2_top{ height:3.5rem; margin-bottom: 1.5rem; background:url(../img/hbghui.jpg) no-repeat center center; background-size:contain;}
.content2_top h2{ padding-top: 0.2rem; padding-bottom: 0.3rem; font-size: 1.8rem; text-align: center; color:#1992F2;}
.content2_top h3{ font-size: 1.2rem; font-weight: normal; text-align: center; color:#1992F2;}
.content2_down{ width:100%; padding:0px 3.5rem;}
.product_index{ border:#ccc 1px solid; margin-bottom:1.5rem; text-align: center; background:#fff;}
.product_intro{ width:100%; height:3.5rem; background:#5C5C5C;}
.product_intro h3{ width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 1rem; text-align: left; line-height: 3.5rem; color:#fff; font-size: 1.6rem; font-weight: normal;}
.news_index li{ width:100%; border-top:#DDDDDD 1px dashed; background:url(../img/rightarrow.png) no-repeat right center;}
.news_index li h4{ width:95%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 1.5rem; padding-bottom: 0.6rem; font-size: 1.6rem; font-weight: normal;}
.news_index li h5{ padding-bottom: 1.5rem; font-size: 1.4rem; color:#777777; font-weight: normal;}
/*底部样式*/
.footdown{ width:100%; height:7rem; background:#333; text-align: center; font-size:1.3rem; color:#ccc;}
.name{ font-size: 1.6rem; height:4rem; line-height: 4rem; color:#fff; }
.beian img{ margin-top: -0.2rem; margin-right: 0.2rem;}

/*关于通产样式*/
.cont_nav{ width:100%; padding:1.5rem 1.5rem 0.5rem 1.5rem;}
.cont_nav li{ width:100%; height:4rem; margin-bottom: 1rem;}
.cont_nav li a{ display:block; width:100%; height:4rem; line-height: 4rem; padding-left: 1.2rem; font-size: 1.6rem; background:#F3F3F3 url(../img/rightarrow.png) no-repeat 95% center; }
.cont_navon{ background:#32ACF5 url(../img/rightarrow.png) no-repeat 95% center !important; color:#FFFFFF !important;}
.gray{ width:100%; height:0.9rem; background:#EEEEEE;}
.content_left_top{ width:100%; height:4rem; line-height: 4rem; padding-left: 3.6rem; border-bottom:#EEEEEE 1px solid; background:url(../img/location.jpg) no-repeat 1.5rem center; background-size:16px 15px;}
.content_left_down{ padding:1.5rem 1.5rem 2rem 1.5rem;}
.aboutp{ text-indent: 2em; line-height: 2.7rem;}
.aboutimg{ margin:1rem 0;}
.thingsh{ border-left:#19A3F3 0.2rem solid; padding-left: 0.5rem; margin: 0.5rem 0; font-size: 1.6rem; color:#19A3F3;}
.thingsp{ line-height: 2.7rem;}

/*产品服务样式*/
.news_list{ width:100%; margin-bottom: 1.5rem;}
.news_list:after{ display:block; clear:both; content:""; visibility:hidden; height:0;} 
.news_list li{ width:50%; float:left; background:#fff; border-right:#EEEEEE 1px solid; border-bottom: #EEEEEE 1px solid;}
.news_list li:nth-child(2n){ border-right:#ffffff 1px solid !important;}
.news_list_img{ width:100%; height:9.6rem; padding:1.5rem 3rem 1rem 3rem; text-align: center; }
.news_list_img img{ height:100%; width:auto; max-width: 100%; }
.news_list li h3{ width:100%; padding:0 0.7rem; margin-bottom: 1rem;}
.news_list li h3 a{ display: block; width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; font-weight: normal; text-align: center;}
.fenye{ text-align: center; margin-bottom: 2rem;}
.prev_next{ display:inline-block; width:6rem; height:3rem; line-height: 3rem; margin:0 0.7rem; border:#ddd 1px solid; text-align: center; color:#666666;}
.number{ display:inline-block; width:3rem; height:3rem; line-height: 3rem; margin:0 0.7rem; border:#ddd 1px solid; text-align: center; color:#666666;}
.one_page{ background:#1AA3F4 !important; border:#1AA3F4 1px solid !important; color:#FFFFFF !important;}
.product_h3{ font-size: 1.6rem; text-align: center;}
.product_h4{ width:6rem; padding-bottom: 0.3rem; margin-top: 1.5rem; margin-bottom: 1rem; color:#1AA3F4; border-bottom: #1AA3F4 0.1rem solid;}
.prode_p{ text-indent: 2em; line-height: 2.7rem;}
.prode_img{ text-align: center;}
.prode_img img{ margin:0.7rem 0;}

/*新闻中心样式*/
.news_index1{ padding:0 1.5rem;}
.news_index1 li{ width:100%; border-bottom:#DDDDDD 1px dashed; background:url(../img/rightarrow.png) no-repeat right center;}
.news_index1 li:last-child{ border-bottom: none !important;}
.news_index1 li h4{ width:95%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 1.5rem; padding-bottom: 0.6rem; font-size: 1.6rem; font-weight: normal;}
.news_index1 li h5{ padding-bottom: 1.5rem; font-size: 1.4rem; color:#777777; font-weight: normal;}
.article{ text-align: center; color:#777777; margin:1.2rem 0;}
.newsde_img{ width:100%; text-align: center; margin:1rem 0;}
.newproimg{ padding:0 2.5rem 2rem 2.5rem;}

/*招聘招商样式*/
.recruit_top_h2{ margin-bottom:1.5rem; font-size: 1.6rem; color:#199FF2; text-align: center; background:url(../img/recruitbg.jpg) no-repeat 34% center; background-size:21px 15px;}
.recruit_show{ width:100%;}
.recruit_show a{ display:block; width:50%; float:left; margin-bottom: 1.8rem; text-align: center; color:#199FF2; text-decoration: underline;}
.recruit_show:after{ display:block; clear:both; content:""; visibility:hidden; height:0;} 
.recruit_top_h3{ padding-bottom: 1.2rem; line-height: 3rem; border-bottom: #CCCCCC 1px dashed; font-size: 1.6rem; font-weight: normal; color:#FF7F00;}
.recruit_h3{ width:100%; height:3rem; line-height: 3rem; margin-top:1.5rem; padding-left: 1rem; background:#D7EBFF; color:#0B87D2;}
.recruit_h4{ margin-top: 1.5rem; margin-bottom: 0.5rem;}
.recruit_p{ line-height: 2.7rem;}

/*联系我们样式*/
.contact_down{ margin-top: 1.5rem;}
.contact_down h2{ margin-bottom: 0.5rem; font-size: 1.6rem; text-align: center;}
.contact_down p{ line-height: 2.7rem;}
.contact_down p span{ color:#fff;}