﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */



body{ font: 18px   "Hiragino Sans GB","Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #333;background: #fff; font-size: 0.17rem; /*max-width: 1920px; margin: 0px auto*/}

p {

    margin: 0;

}

ul{list-style:none; padding: 0; margin: 0}

header {

    position: fixed;

    top: 0px;

    left: 0;

    height: 0.9rem;

    z-index: 1000;

    width: 100%;

}

header.fixed{ background-color: #ffffff;-moz-box-shadow: 0px 0px 10px #ddd;

box-shadow: 0px 0px 10px #ddd;}

header.fixed .navbar-default .navbar-nav > li > a{ color: #333333;}

.top_menu{ display: none;float: right;

padding-left: 20px;

font-size: 14px;

color: #9C9C9C;

border-left: 1px solid #dfe1e3;

position: relative;

margin-top:32px;}

.top_menu a{color: #444444; text-decoration: none; }

.container {

    width: 92%;

    max-width:1400px;

    margin: 0 auto;

}

.top_logo{ float: left;}



.logo{margin-top:20px; max-width:2rem;}

.flash img{ width: 100%}

.flash ul.bxslider{list-style:none;}

.flash div.bx-pager{bottom: 4%;}

.flash div.bx-controls-direction{ display:none; }

.main{ padding:30px 0px 10px 0px;}

.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8;}

.banner_in_show {

    position: relative;

    z-index: 1; height:7rem;

	 background: url("../images/news_banner.png") center center no-repeat; background-size: cover;

}

.banner_in_show img {

   

}

.banner_in_show .banner_in_fonts{ position: absolute; top: 50%; left:10%; z-index: 1; width:80%; text-align: center; margin-top: -0.9rem; color: #ffffff}

.banner_in_show .banner_in_fonts h3{ font-size: 0.5rem; margin-bottom: 0.4rem; font-weight: bold}

.banner_in_show .banner_in_fonts p{ font-size:0.28rem;}





img{ max-width: 100%;}

/* a_link */

a {

  color: inherit;

  text-decoration: none; color: #333333;-webkit-transition: all ease .4s;

	transition: all ease .4s;

}

a[href] {

  cursor: pointer;

}

a:hover {

  text-decoration: none;

  cursor: pointer; color: #239de8;-webkit-transition: all ease .4s;

	transition: all ease .4s;

}

a:focus {

  background-color: transparent;

}

.clearfix { *zoom:1;}

.clearfix:after{

	clear:both; 

	display:block; 

	height:0; 

	visibility:hidden; 

	line-height:0; 

	content:'\20';

}







/*底部版权*/

.bottom {

    width: 100%;

    overflow: hidden;

    background: #2d2d2d;

    padding:0.5rem 0 0 0; background: #000 url("../img/bottom_back.png") center center no-repeat; background-size: cover

}

.bottom .linkRow {

    overflow: hidden;

    zoom: 1; width:100%;

    margin: 0 auto;

    padding-bottom: 25px;

}

.bottom .linkRow .lLink {

    overflow: hidden;

    zoom: 1;

	width:96%;max-width:1400px;margin:0 auto;

}

.bottom .rprRow .w1200{width:96%;max-width:1400px;margin:0 auto;}

@media (max-width:1700px) {

.bottom .linkRow .lLink {

    overflow: hidden;

    zoom: 1;

	margin: 0 auto;

width:90%;

}

.bottom .rprRow .w1200{ width:90%;}

}

@media (max-width:1440px) {

.bottom .linkRow .lLink {

    overflow: hidden;

    zoom: 1;

	margin: 0 auto;

width:96%;

}

.bottom .rprRow .w1200{margin: 0 auto;width: 96%; max-width:inherit}

}

.bottom .linkRow .lLink .col {

    width:20%;

    float: left;

    overflow: hidden;

}

.bottom .linkRow .lLink .col:nth-child(3){ width:45%}

.bottom .linkRow .lLink .col:nth-child(4){width:15%}

.bottom .linkRow .lLink .t1 {

    display: block;

    line-height: 2;

    padding: 0 0 15px 0;

    text-align: left; color:#fff;

}

.bottom .linkRow .lLink .lk {

    display: block;

    text-align: left; color:#9c9c9c; line-height:2.6; font-size:0.15rem;

}

.bottom .linkRow .lLink .col:nth-child(1) .lk:last-child{ display: none}

.bottom .linkRow .lLink .lk a{color:#9c9c9c}

.bottom .linkRow .rEwm {

    width:350px; border-left:#616161 1px solid; padding-left:30px;

    float: right;line-height:160%; color:#b5b5b5

}

.bottom .linkRow .rEwm  h3{ color:#FFFFFF; font-weight:bold; padding-bottom:15px;}

.bottom .linkRow .rEwm  ul{}

.bottom .linkRow .rEwm  ul li{  padding:8px 0px; padding-left:34px;}

.bottom .linkRow .rEwm  ul li.con_back01{ background:url(../images/phonesd.png) left center no-repeat;}

.bottom .linkRow .rEwm  ul li.con_back02{ background:url(../images/e-mail.png) left center no-repeat;}

.bottom .linkRow .rEwm  ul li.con_back03{ background:url(../images/weizhi.png) left center no-repeat;}

.bottom .rprRow {

    padding: 0.2rem 0 0.1rem 0; position:relative;

    width:100%; margin:0px auto; border-top:#3e3e3e 1px solid

}





.bottom .rprRow .cpr {

text-align:left; float:left;

}

.bottom .rprRow .bottom_linksd{ float:right; text-align:right; color:#9f9f9f;font-size: 0.14rem; }

.bottom .rprRow .lpr {

    line-height: 26px;

    color: #9f9f9f;

    font-size: 0.14rem;

}

.bottom .rprRow .bottom_linksd a{ color:#9f9f9f}



.form-horizontal .control-label{ color: #ffffff;}





/*导航菜单*/

.navbar{ margin:0px; border: none; float: right}

#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}

#app_menudown:hover{background-color: #073053;}



/*公司简介*/

.margin_top9{ position: relative; margin-top: -0.9rem; z-index: 2;}

.titile_in_show{ text-align: left; color: #333333; padding-bottom: 0.5rem;}

.titile_in_show h3{ font-size: 0.28rem; margin: 0; font-weight: bold;  margin-bottom: 0.18rem;}

.titile_in_show p{ margin: 0; line-height: 1; font-size: 0.40rem; font-weight: bold;text-transform:uppercase}

.Company_Profile{ background: #f7f9fb url("../img/dasha.png") right bottom no-repeat;border-radius:0.2rem; padding: 0.9rem; background-size: 40% auto; margin-bottom: 0.8rem;}

.about_content{ line-height: 220%; text-align: left; padding-right:25%; }

.lineks{ margin-bottom: 0.8rem;}

.margin_r4{ margin-right: 4%;}

.lineks .company_new{ display: inline-block;width: 47.5%;border-radius: 0.2rem;-moz-box-shadow: 0px 0px 10px #ddd;box-shadow: 0px 0px 10px #ddd;background: url("../images/news_banner.png") center center no-repeat; background-size: cover; padding: 0.8rem;}

.fonts_show{ text-align: left;color: #ffffff;}

.fonts_show .ttitile{font-size: 0.28rem;font-weight: bold;margin-bottom: 0.18rem;}

.fonts_show .EN_show{margin: 0; line-height: 1; font-size: 0.40rem; font-weight: bold;text-transform:uppercase;margin-bottom: 0.3rem;}

.fonts_show .descipe{ font-size: 0.2rem; margin-bottom:0.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.more_btn{ }

.more_btn a{ display: inline-block; border: 2px solid #ffffff; padding: 0.12rem 0.4rem;border-radius:0.5rem; color: #ffffff;}



.hezuo{ background-color:#f7f9fb; padding: 0.8rem 0; padding-bottom: 0.5rem}

.hezuo div{ width: 100%; overflow: hidden}

.hezuo div ul{margin: 0;padding: 0; width: 104%;}

.hezuo div ul li{ position: relative; display: inline-block; width: 22%; margin-right: 2%;border-radius: 0.15rem; background-color: #ffffff; height: 1.6rem; margin-bottom: 0.3rem;}

.hezuo div ul li img {

    display: block;

    margin: auto;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%); max-height: 70%; max-width: 70%;

}



/*联系我们*/

.contact_lists{background: #f7f9fb;border-radius:0.2rem; padding: 0.9rem; background-size: 40% auto; margin-bottom: 0.8rem;}

.contact_lists div{ width: 100%; overflow: hidden}

.contact_lists div ul{  width: 103%;}

.contact_lists ul li{ display: inline-block; width: 30%; margin-right:3%; margin-bottom: 3%; background-color: #ffffff;border-radius: 0.15rem;-moz-box-shadow: 0px 0px 10px #ddd;box-shadow: 0px 0px 10px #ddd; vertical-align: top }

.contact_lists ul li .con_one_pic{ position: relative; overflow: hidden;}

.contact_lists ul li .con_one_pic img{width: 100%;transition: transform 2s;}

.contact_lists ul li .con_one_pic span{ font-weight: bold; color: #ffffff; font-size: 0.2rem; position: absolute; left: 50%; top: 50%; z-index: 2; height: 0.9rem; line-height: 0.9rem; width: 0.9rem; text-align: center;display: inline-block; background-color: #239de8;border-radius: 50%; margin-top: -0.45rem; margin-left: -0.45rem; border: #ffffff 0.04rem solid;}

.contact_lists ul li .con_one_fonts{ padding: 0.4rem; text-align: left}

.contact_lists ul li .con_one_fonts .company_tit{ font-size: 0.22rem; font-weight: bold; margin-bottom: 0.3rem;}

.contact_lists ul li .con_one_fonts .company_descipe{ line-height: 2.2;}





/*加入我们*/

.join_content{ position: relative; background: #f7f9fb url("../img/map.png") center center no-repeat;border-radius:0.2rem; padding: 0.9rem;  margin-bottom: 0.8rem;}

.join_fonts{}

.join_fonts .join_left{ vertical-align: top; width:60%; display: inline-block; line-height: 2.2;}

.join_fonts .join_right{ vertical-align: top; width:35%; display: inline-block; line-height: 2.2;}

.join_fonts .join_right img{ width: 100%;}

.join_nav{ margin-bottom: 0.5rem}

.join_nav ul li { display: inline-block; width:16%; text-align: center; vertical-align: top;margin-bottom: 0.3rem;}

.join_nav ul li  a{display: block; width: 1.5rem;height: 1.5rem;border-radius:50%; border: #e4e4e4 4px dotted; background-color: #ffffff; background: url("../img/join_btn_01.png") center 30% no-repeat;  background-size:40%;margin: 0px auto; font-size: 0.22rem; color: #333 }

.join_nav ul li  a span{ display: inline-block;padding-top: 0.8rem;-webkit-transition: all ease .4s;

transition: all ease .4s;}

.join_nav ul li a:hover{border: #239de8 4px dotted; color: #ffffff; background: #239de8 url("../img/join_btn_02.png") center 30% no-repeat;background-size:40%;-webkit-transition: all ease .4s;

transition: all ease .4s;}



.jobs_lists{}

.jobs_lists ul li{ margin-top:0px;}

.jobs_lists ul li .pro_titile{ position:relative; background-color:#ffffff;border-radius:5px; background:#ffffff url(../img/renwu01.png) 20px center no-repeat ; color:#000000; padding:20px 20px 20px  50px; margin-bottom:16px; border:#959595 1px solid;-webkit-transition: all ease .4s;

	transition: all ease .4s;}

.jobs_lists ul li .tubiao{ position:absolute; top:50%; right:18px; background:url(../img/xiangxia.png) center center no-repeat; width:17px; height:10px; margin-top:-5px;-webkit-transition: all ease .4s;

	transition: all ease .4s;}

.jobs_lists ul li.on  .pro_titile{background-color:#239de8;border-radius:5px; background:#239de8 url(../img/renwu02.png) 20px center no-repeat ;border:#239de8 1px solid;-webkit-transition: all ease .4s;

	transition: all ease .4s;color: #fff;}

.jobs_lists ul li.on  .pro_titile .tubiao{background:url(../img/xiangshang.png) center center no-repeat;-webkit-transition: all ease .4s;

	transition: all ease .4s;}

.jobs_lists ul li .pro_canshu_con{ display:none; line-height:200%; padding-top:0px; padding-bottom:0.4rem;}

.jobs_lists ul li .pro_canshu_con .online_toudi{ padding-top:30px;}

.jobs_lists ul li .pro_canshu_con .online_toudi a{ padding:10px 30px; background-color:#FFFFFF; border:#0069b0 1px solid;border-radius:5px; color:#0069b0; display:inline-block;}

.jobs_lists ul li .pro_canshu_con .online_toudi a:hover{background-color:#0069b0;color:#ffffff}



.jobs_lists ul li.on .pro_canshu_con{ display:block}

.zhizhe{ color:#000000; padding-bottom:10px; padding-top:10px; font-weight:bold}



.toudi{ margin-top: 0.4rem;}

.toudi a{ display: inline-block; border:#239de8 1px solid; padding: 0.10rem 0.3rem;border-radius: 0.1rem; background: #ffffff url("../img/email.png") 0.3rem center no-repeat; padding-left: 0.6rem}

.back_join{ position: absolute; top: 0.9rem; right: 0.8rem; z-index: 3}

.back_join a{ display: inline-block; padding: 0.15rem 0.25rem;border-radius: 0.4rem; background: #333333 url("../img/back_btn.png") 0.3rem center no-repeat; padding-left: 0.6rem; font-size: 0.12rem; color: #ffffff}



/*产品内页展示*/

.pro_in_show{background: #f7f9fb;border-radius:0.2rem; padding: 0.9rem; background-size: 40% auto; margin-bottom: 0.8rem;}

.pro_in_nav{ text-align: center; margin-bottom: 0.5rem;}

.pro_in_nav ul li{ display: inline-block; margin: 0 0.15rem;margin-bottom:10px;}

.pro_in_nav ul li a{display: inline-block; padding: 0.13rem 0.25rem; font-size: 0.20rem; border: #b8b8b8 2px solid;border-radius: 0.1rem;}

.pro_in_nav ul li a.cur{ border: #239de8 2px solid; background-color:#239de8; color: #ffffff }

.pro_in_lists{}

.pro_in_lists{ width: 100%; overflow: hidden}

.pro_in_lists ul{  width: 103%;}

.pro_in_lists ul li{ display: inline-block; width: 30%; margin-right:3%; margin-bottom: 3%; background-color: #ffffff;border-radius: 0.15rem;-moz-box-shadow: 0px 0px 10px #ddd;box-shadow: 0px 0px 10px #ddd; vertical-align: top }

.pro_in_lists ul li .con_one_pic{ position: relative; overflow: hidden;}

.pro_in_lists ul li .con_one_pic img{width: 100%;transition: transform 2s;border-radius: 0.15rem; height: 2.4rem}

.pro_in_lists ul li .con_one_pic span{ font-weight: bold; color: #ffffff; font-size: 0.2rem; position: absolute; left: 50%; top: 50%; z-index: 2; height: 0.9rem; line-height: 0.9rem; width: 0.9rem; text-align: center;display: inline-block; background-color: #239de8;border-radius: 50%; margin-top: -0.45rem; margin-left: -0.45rem; border: #ffffff 0.04rem solid;}

.pro_in_lists ul li .con_one_fonts{ padding: 0.4rem; text-align: left}

.pro_in_lists ul li .con_one_fonts .company_tit{ font-size: 0.22rem; font-weight: bold; margin-bottom: 0.3rem;}

.pro_in_lists ul li .con_one_fonts .more_btn{}

.pro_in_lists ul li .con_one_fonts .more_btn span{display: inline-block;

border: #2a9fe8 1px solid;

padding: 0.10rem 0.3rem;

    padding-left: 0.3rem;

border-radius: 0.08rem;

background: #ffffff url("../img/jiantou02.png") 1.1rem center no-repeat;

padding-right: 0.6rem; color: #2a9fe8; font-size: 0.16rem} 

.pro_in_lists ul li:hover .con_one_fonts .more_btn span{ background-color:#2a9fe8;background: #2a9fe8 url("../img/jiantou03.png") 1.1rem center no-repeat;color: #ffffff; }



/*新闻列表页面*/



.hang2{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}

.news_in_lists{background: #f7f9fb;border-radius:0.2rem; padding: 0.9rem; background-size: 40% auto; margin-bottom: 0.8rem;}

.news_in_lists div{ width: 100%; overflow: hidden}

.news_in_lists div ul{  width: 103%;}

.news_in_lists ul li{ display: inline-block; width: 30%; margin-right:3%; margin-bottom: 3%; background-color: #ffffff;border-radius: 0.15rem;-moz-box-shadow: 0px 0px 10px #ddd;box-shadow: 0px 0px 10px #ddd; vertical-align: top }

.news_in_lists ul li .con_one_pic{ position: relative; overflow: hidden;}

.news_in_lists ul li .con_one_pic img{width: 100%;transition: transform 2s;}

.news_in_lists ul li .con_one_pic span{ font-weight: bold; color: #ffffff; font-size: 0.2rem; position: absolute; left: 50%; top: 50%; z-index: 2; height: 0.9rem; line-height: 0.9rem; width: 0.9rem; text-align: center;display: inline-block; background-color: #239de8;border-radius: 50%; margin-top: -0.45rem; margin-left: -0.45rem; border: #ffffff 0.04rem solid;}

.news_in_lists ul li .con_one_fonts{ padding: 0.4rem; text-align: left}

.news_in_lists ul li .con_one_fonts .company_tit{ font-size: 0.22rem; font-weight: bold; margin-bottom: 0.2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.news_in_lists ul li .con_one_fonts .company_descipe{ line-height: 2; color: #666; font-size: 0.14rem;}



.news_in_lists ul li .con_one_fonts .more_btn{ margin-top: 0.2rem}

.news_in_lists ul li .con_one_fonts .more_btn span{display: inline-block;

border: #2a9fe8 1px solid;

padding: 0.10rem 0.3rem;

    padding-left: 0.3rem;

border-radius: 0.08rem;

background: #ffffff url("../img/jiantou02.png") 1.1rem center no-repeat;

padding-right: 0.6rem; color: #2a9fe8; font-size: 0.16rem} 

.news_in_lists ul li:hover .con_one_fonts .more_btn span{ background-color:#2a9fe8;background: #2a9fe8 url("../img/jiantou03.png") 1.1rem center no-repeat;color: #ffffff; }



/*产品搜索*/

.search_group{float: right; margin: 55px 0px 0px 0px;}

.search_group{}

.mysearch_btn{ background-color:#042d4e;color:#fff;}

.mysearch_btn:hover,.mysearch_btn:focus{ background-color:#1260aa; color:#fff;}

#small_search{ display: none;color:#fff; float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px;}

#small_search:hover,#small_search:focus{cursor: pointer; background-color: #073053;}



/*首页*/

.about_us_home{ background: #f7f9fb url("../img/map.png") center center no-repeat;border-radius:0.2rem; padding: 0.9rem; background-size: 60%; margin-bottom: 0.8rem;}

.about_home_fonts .about_home_left{ vertical-align: top; width:54%; display: inline-block; line-height: 2.2; margin-right: 5%}

.about_home_fonts .about_home_left .more_btn{ margin-top: 0.3rem}

.about_home_fonts .about_home_left .more_btn span{display: inline-block;

border: #2a9fe8 1px solid;

padding: 0.10rem 0.3rem;

    padding-left: 0.3rem;

border-radius: 0.3rem;

background: #2a9fe8 url("../img/jiantou03.png") 1.1rem center no-repeat;

padding-right: 0.7rem; color: #ffffff; font-size: 0.16rem} 

.about_home_fonts .about_home_left a:hover .more_btn span{ background-color:#2a9fe8;background: #2a9fe8 url("../img/jiantou03.png") 1.1rem center no-repeat;color: #ffffff; }

.about_home_fonts .about_home_right{ vertical-align: top; width:40%; display: inline-block; line-height: 2.2;}

.about_home_fonts .about_home_right img{ width: 100%;}

.pro_home {

    margin-bottom: 0.8rem;

}

.pro_home .pro_home_content{ display:block;border-radius: 0.2rem;-moz-box-shadow: 0px 0px 10px #ddd;box-shadow: 0px 0px 10px #ddd;background: url("../images/news_banner.png") center center no-repeat; background-size: cover; padding: 0.8rem; text-align: center}

.pro_home .pro_home_content .fonts_show{ text-align: center}

.pro_home .pro_home_content  .fonts_show .descipe2 {

    font-size: 0.2rem;

    margin-bottom: 0.8rem;max-width: 80%; line-height: 2; margin: 0px auto; margin-bottom: 0.6rem



}

.pro_home .pro_home_content .miaoshu_pro{ max-width: 60%; line-height: 2}

.pro_home .pro_home_content .more_btn{ margin-top: 0.3rem}

.pro_home .pro_home_content .more_btn a{ display: inline-block; border: 2px solid #239de8; padding: 0.12rem 0.4rem; background-color: #239de8; border-radius:0.5rem; color: #ffffff;}









/*栏目导航*/

.left_nav{ clear: both; padding-top: 10px;}

.index_left_nav{padding-top: 0px;}

.left_h1{background:url(../img/title_line.jpg) left bottom no-repeat; font-size: 22px; display: block; margin-top: 25px; padding: 0px 0px 10px 0px;}

.left_nav_ul{list-style:none;margin:0px;padding:0px; margin:15px 0px 0px 0px;padding-bottom: 10px;}

.left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(../img/left_li.gif) 6px 15px no-repeat;padding:8px 0px 8px 18px; }

.left_nav_ul > li > a{text-decoration:none; color:#656464;}

.left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#01519e;}

.left_nav_ul > li > a.cur,.left_nav_ul li a.left_active{color:#01519e;}

/*小类*/

ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;}

ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px; background: url(../img/left_sli.gif) 0px 13px no-repeat;}

ul.left_snav_ul > li > a{border:0;color:#797979;padding: 5px 0px 5px 0px;}

ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#01519e;}

.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;}

.menu_head:hover{ color: #46d8ad;}



/*新闻列表*/

.list_news{clear: both; list-style:none;margin:0px; padding:6px 0px 20px 0px;}

.list_news li{color:#898989;background: url(../img/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ }

.list_news li a{color:#303c4b;}

.list_news li a:hover{text-decoration:none;color:#1260aa;}



.contents{clear: both; padding:6px 2px 0px 2px; line-height:2.2; overflow: auto;}

.contents_title{ margin: 0px; padding-bottom:0.3rem; text-align: center; color: #000; font-size:0.24rem;color:#434343;font-weight:bold; line-height: 1.6; border-bottom: #eee 1px solid; margin-bottom: 0.3rem}



/*分页样式*/

.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}

.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}

.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}

.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}



/*产品展示*/

#pic-page {text-align: center; margin-top:10px;}

#pic-page a {margin: 0 2px;}

#pic-page a img {width:40px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;}

#pic-page a:hover img,#pic-page a.active img {border: solid #5280DD 1px;}

.showpic_box,.proinfo_box{}

.product_h1{ margin:0px; line-height:2.2; font-size:0.22rem; color: #239de8; padding-bottom:10px;border-bottom: 1px dotted #cccccc; font-weight: bold}

.product_info{list-style:none; padding:0px; margin-top:10px;}

.product_info li{ line-height:24px; padding-bottom:12px;}

.product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:2.2;overflow: auto;}



.related_h1{padding: 30px 0px 12px 0px; color: #303c4b; margin:0px; display: block;  font-weight:300; font-size:24px; border-bottom:5px solid #f4f5f6;font-family:'Roboto',Arial,Helvetica, sans-serif;}

.related_list{padding-top: 12px;}

.related_news{ padding-top: 0px; clear: both;}



.download_btn{text-align: right; margin: 10px 10px 20px 0px;}

.page-btn{background-color: #333; border-radius:0.10rem; border: none; transition:background 0.3s;padding: 0.12rem 0.25rem;font-size: 0.16rem;}

.page-btn:hover,.page-btn:focus{background-color:#239de8; }

.zixun_online{background-color: #333; border-radius:0.10rem; border: none; transition:background 0.3s;padding: 0.12rem 0.25rem;font-size: 0.16rem; color: #fff; margin-top: 0.3rem;display: inline-block;}

.zixun_online:hover,.zixun_online:focus{background-color:#239de8;  color: #fff;}



.search_content{ position: fixed; left:0; top:0; right:0; bottom:0; z-index:20000; height:100%; width:100%;background: rgba(0,0,0,0.7); display:none}

.search_input{ position:fixed; top:50%; left:30%; width:40%; margin-top:-180px; z-index:20001; font-size:16px;display:none }

.search_input .input_area{ float:left; width:70%; background-color:#FFFFFF; height:66px; line-height:66px; text-indent:15px; border:0; color:#666666; font-size:14px;}

.search_input .input_submits{ float:left; width:30%; background-color:#144697; height:66px; line-height:66px; border:0; color:#FFFFFF; font-weight:bold;font-size:14px;}





.grey-btn{border-radius: 0px;border: none; background-color: #E8E8E8;}

.grey-btn:hover,.grey-btn:focus{background-color: #ccc;}



.a2a_default_style{display: inline-block;}



/*在线留言订购*/

.feedback{margin-top: 30px;}

.form-horizontal .form-group { margin-right: -10px;margin-left: -10px;}

.codeimg{ margin: 0px 0px -10px -18px;}





/*上一个下一个*/

.point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 0.4rem; line-height:22px;}

.point span.to_prev{text-align:center; }

.point span.to_prev a{color:#0068b7;}

.point span.to_prev a:hover{color: #ea042b}

.point span.to_next{text-align:center; }

.point span.to_next a{color:#0068b7;}

.point span.to_next a:hover{color: #ea042b}



/*标签样式*/

.tags{ margin: 8px 0px 10px 0px}

.tags a{ margin: 0px 5px 8px 0px}

.tags_list{padding: 5px 10px 100px 10px}

.tags_ul{ margin-top: 10px;}

.tags_ul li{line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}

.tags_ul h3{font-size: 14px; padding: 0px; margin: 0px;line-height: 20px;}

.tags_ul p{font-size: 13px;padding: 0px; margin: 0px; color: #a0a0a0; line-height: 20px; padding-top: 8px;}



/*网站地图*/

ul.ul_sitemap{margin: 30px 0px 40px 30px;}

ul.ul_sitemap li{list-style: none; line-height: 26px;clear: both;}

ul.ul_sitemap li a{color: #7d7d7d;}

li.small_li_sitemap{clear: both;padding-left: 12px;}

li.small_li2_sitemap{float: left; padding-left: 20px;}



#translate{width:180px; margin: 0 auto; }

#translate-this{margin: 15px 0px 10px 0px;}



/*底部信息*/

footer{ text-align:center; background-color: #0e0f21; color:#C0C0C3; padding:30px 0px 20px 0px; margin-top:38px; font-size:12px;}

.copyright{ line-height:20px;}

.copyright a{ color:#C0C0C3;}

.foot_nav{ display: none;width:25%; float:left;background-color: #fafafa;text-align:center;} 

.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}

.foot_nav a{color:#898989;display:block;}

.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}

.foot_nav span{display:block; padding:3px 0px 0px 0px;color:#898989;}

#foot_btn{width:100%; border: 0px; background: transparent;}

.webshare{width: 230px; padding: 5px;}

.ewebshare{width: 200px; padding: 5px;}



/*大屏幕*/

@media screen and (min-width: 769px) {

       header{}

      .navbar{  min-height:86px; }

      .navbar-nav > li{/*border-right: 1px solid #052744;border-left: 1px solid #3d5f7d;*/}

      .navbar-nav > li:first-child { border-left:0; }

      .navbar-nav > li:last-child{ border-right:0; display: none}

      .navbar-nav > li > a {transition:background 0.4s; text-align: center;}

      .navbar-default .navbar-nav > li > a{line-height:0.84rem; color: #ffffff;font-weight: bold; padding: 0 0.4rem;/*padding兼容低版IE*/}

      .navbar-default .navbar-nav > li > a:hover,

	  .navbar-default .navbar-nav > li > a.cur,

      .navbar-default .navbar-nav > li > a:focus,

      .navbar-default .navbar-nav > .active > a,

      .navbar-default .navbar-nav > .active > a:hover,

      .navbar-default .navbar-nav > .open > a,

      .navbar-default .navbar-nav > .open > a:hover,

      .navbar-default .navbar-nav > .open > a:focus {

          color: #239de8;

border-bottom: #239de8 2px solid;}

	

	      header.fixed .navbar-default .navbar-nav > li > a:hover,

	  header.fixed .navbar-default .navbar-nav > li > a.cur,

      header.fixed .navbar-default .navbar-nav > li > a:focus,

      header.fixed .navbar-default .navbar-nav > .active > a,

      header.fixed .navbar-default .navbar-nav > .active > a:hover,

     header.fixed .navbar-default .navbar-nav > .open > a,

     header.fixed .navbar-default .navbar-nav > .open > a:hover,

     header.fixed .navbar-default .navbar-nav > .open > a:focus {

          color: #239de8;

border-bottom: #239de8 2px solid;}

	

      .navbar-brand{display: none;}

      .navbar-default .navbar-nav-e > li > a{font-weight: normal; }

      .nav_small{ background-color: #0d4486;border-radius: 0px; border: none; box-shadow: none;}

      .nav_small > li{}

      .nav_small > li > a{border-bottom: #235ca0 1px solid;padding: 14px; color: #ffffff; font-size: 14px; text-align: center;}

      .nav_small > li > a:hover{background-color:#239de8; color:#fff;}

       #app_menudown,#small_search{ display:none; }

      .index_left_nav,.footer_nav{display:none; }

}

/*小屏幕*/

@media screen and (max-width: 768px) {

	.logo {

    max-width: 2rem;    margin-top: 0.2rem;

}

	.about_home_fonts .about_home_left {

    width: initial;

    display: block;

    line-height: 2.2;

    margin-right: 0;

}

	.about_home_fonts .about_home_right {

    vertical-align: top;

    width: initial;

    display: block;

    line-height: 2.2;

    margin-top: 0.3rem;

}

	.pro_home .pro_home_content .fonts_show .descipe2{ max-width: 100%;}

	.lineks .company_new {

    display: block;

    width: initial;

		border-radius: 0.2rem;}

	.margin_r4 {

    margin-right: 0;margin-bottom: 0.8rem;

}

	.bottom .linkRow .lLink .col {

    width: 50%;

    float: left;

    overflow: hidden;

    height: 4rem;

}

	

	header.fixed .navbar-default .navbar-toggle .icon-bar {

    background-color: #000;

}

	.banner_in_show{height: 5.5rem;}

	.pro_in_nav ul li {

    display: inline-block;

    margin: 0.1rem;

}

	.about_us_home,.lineks .company_new,.pro_home .pro_home_content,.Company_Profile,.pro_in_show,.contact_lists,.join_content{ padding: 0.5rem;}

	

	.about_content {

    padding-right: 0;

}

	.hezuo div ul li{width: 47%;}

	.contact_lists div ul {

    width: 100%;

}

	.contact_lists ul li {

    display: block;

    width: initial;

    margin-right: 0;

		    margin-bottom: 0.3rem;}

	.join_fonts .join_left {

    vertical-align: top;

    width: initial;

		display: block;}

	.join_fonts .join_right{width: initial;

		display: block; padding: 5% 10%}

	.join_nav ul li{ width: 32%;}

	.back_join a {

    padding-left: 0.8rem;

    background-size: auto 40%;

}

	.back_join {

    position: absolute;

    top: 0.7rem;

    right: 0.5rem;

    z-index: 5;

}

	.toudi a{ padding-left: 0.8rem;}

	

	.pro_in_nav ul li a{padding: 0.13rem 0.2rem;}

	.pro_in_lists ul {

    width: 100%;

}.pro_in_lists ul li {

    display: block;

    width: initial;

    margin-right: 0;

	margin-bottom: 0;}

	.pro_in_lists ul li .con_one_fonts .company_tit {

		font-size: 0.26rem;}

	.pro_in_lists ul li .con_one_fonts .more_btn span{background: #ffffff url("../img/jiantou02.png") 1.3rem center no-repeat;padding-right: 0.9rem;} 

	.about_home_fonts .about_home_left .more_btn span {

    display: inline-block;

    border: #2a9fe8 1px solid;

    padding: 0.10rem 0.3rem;

    padding-left: 0.3rem;

    border-radius: 0.6rem;

    background: #2a9fe8 url(../img/jiantou03.png) 1.3rem center no-repeat;

    padding-right: 0.9rem;

    color: #ffffff;

    font-size: 0.16rem;

    background-size: auto 20%;

}

	.pro_home .pro_home_content .more_btn a img{ height: 60%; width: auto}

	

      .navbar{ margin-top:0px;}

      .navbar-default .navbar-brand {color: #fff; font-size: 16px;}

      .navbar-default .navbar-brand:hover,

      .navbar-default .navbar-brand:focus {color: #fff;}

      .navbar-toggle{border:none;}

      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #073053;}

      .navbar-default .navbar-toggle:hover,

      .navbar-default .navbar-toggle:focus {

        background-color: #073053;

      }

     header.fixed  .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}

	.navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;background: rgba(0,0,0,.5);}

	header.fixed  .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;background-color: #fff;}

      .navbar-default .navbar-nav > li {}

      .navbar-default .navbar-nav > li:last-child{border: none;}

      .navbar-default .navbar-nav > li > a,

      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}

      .navbar-default .navbar-nav > li > a:hover,

       .navbar-default .navbar-nav > li > a:focus,

       .navbar-default .navbar-nav > .active > a, 

       .navbar-default .navbar-nav > .active > a:hover, 

       .navbar-default .navbar-nav > .active > a:focus,

       .navbar-default .navbar-nav > .open > a, 

       .navbar-default .navbar-nav > .open > a:hover, 

       .navbar-default .navbar-nav > .open > a:focus,

       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{

        background-color: #073053; color: #fff;}



      header{}

      .about_box{margin:18px 0px 0px 0px;}

      .about_box section img{margin:10px 15px 0px 0px;max-width: 180px}

      .about_contents{ line-height:28px;}

      .search_group{margin: 10px 0px 5px 0px;}

      #topsearch{display: none;}

      .logo{}

      .flash div.bx-pager{ /*display:none;*/}

      .left_h1{margin-top: 10px;}

      .list_related h1.left_h1{margin-top: 60px;}

      .product_con img,.contents img{width:100%;}

      .news_time{ display:none;}

      .footer_nav{}

      #pic-page a img {width:35px;}

      #cmsFloatPanel{ display: none;}

      .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}

      .product_list2{}

      footer{ margin-bottom:50px;}

	  .product_img{padding-left: 15px; padding-right: 15px; min-height: 190px;}

}



@media screen and (max-width: 767px) {

     .copyright_p{ display:none;}

}



/*414px到768px*/

@media screen and (min-width:414px) and (max-width:768px) {

  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {

    float: left;

  }

  .col-mm-12 {

    width: 100%;

  }

  .col-mm-11 {

    width: 91.66666667%;

  }

  .col-mm-10 {

    width: 83.33333333%;

  }

  .col-mm-9 {

    width: 75%;

  }

  .col-mm-8 {

    width: 66.66666667%;

  }

  .col-mm-7 {

    width: 58.33333333%;

  }

  .col-mm-6 {

    width: 50%;

  }

  .col-mm-5 {

    width: 41.66666667%;

  }

  .col-mm-4 {

    width: 33.33333333%;

  }

  .col-mm-3 {

    width: 25%;

  }

  .col-mm-2 {

    width: 16.66666667%;

  }

  .col-mm-1 {

    width: 8.33333333%;

  }

  .logo{}

}



@media screen and (max-width: 414px) {

  .logo{}

}









