body { font-family: 'microsoft yahei', Arial, Helvetica, sans-serif; color: #2F2F2F; }
a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
ul { list-style:none; padding:0}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.top_menu { float: right; font-size: 12px; color: #fff; width: 100%; height: 33px; }
.language { float: right; height: 33px; padding: 5px 10px 0px 10px; font-size: 14px; }
.language a { color: #fff; text-decoration: none; }
.language a img { margin-right: 4px; }
.top_name { display: inline-block; line-height:50px; float: right; font-size: 12px; color: #fff; height: 33px; }
.flash img { width: 100% }
.flash ul.bxslider { list-style:none; }
.flash div.bx-pager { bottom: 4%; }
.flash div.bx-controls-direction { display:none; }
.page_bg { height: 400px; margin-bottom: 10px; }
.img-thumbnail:hover, .opacity_img:hover { opacity: 0.8; }
header { background: #000; }
/*导航菜单*/
.navbar { margin:0px; border:none; background-color: #1c1c1c; }
.glyphicon-home:before { color: #fff; }
#app_menudown { position: absolute; top:0px; right:0px; font-size: 12px; }
#app_menudown:hover { background-color: #2ECA86; }
#navbar li ul { display:none; position:absolute; left:0; top:50px; background: #fff; padding:3px; border:0px solid #5c731e; white-space:nowrap; width:400px; height:200px; z-index:300; }
#navbar li li a { display:block; font-size:13px; height:22px; line-height:22px; width:100%; text-indent:5px; color:#6e6e6e; text-decoration:none; border:0px solid #ecf0f3; }
#navbar li:hover ul li a:hover { background:#ecf0f3; color:#007dc3; border-color:#ecf0f3; }
#navbar li li:first-child { border-bottom:1px solid #ccc; height:30px !important; line-height:30px; }
@media screen and (min-width: 769px) and (max-width: 1920px) {
#navbar li:hover ul {
display:block;
}
}
/*产品搜索*/
.search_group { float: right; margin: 26px 0px 0px 0px; }
.search_group { }
.form-control { border-radius: 0px; box-shadow: none; }
.mysearch_btn { background-color:#f60; color:#fff; border-radius: 0px; transition:background 0.3s; }
.mysearch_btn:hover, .mysearch_btn:focus { background-color:#2ECA86; color:#fff; }
#small_search { float: right; margin-top: 7px; padding:8px 13px; font-size: 17px; border-radius: 4px; color: #fff; }
#small_search:hover, #small_search:focus { cursor: pointer; background-color: #2ECA86; }
/*公司简介*/
.about_h2 { text-align: center; font-size:26px; color:#000; margin-top:20px; }
.about_h2 span { color: #f60; }
.about_line { padding: 3px 0px; background: url(../images/about_line.png) center center no-repeat; }
.about_p { text-align: center; color: #c3c3c3; font-size:16px; text-transform: uppercase; padding:0px; }
.about_contents { color:#2F2F2F; line-height:31px; padding:5px 0px 10px 0px; }
a.about_more { display: block; margin: 0 auto; width: 130px; text-align: center; color:#f60; padding: 10px 0px; background: #fff; border:1px solid #f60; }
a.about_more:hover { color: #fff; background: #f60; text-decoration: none; }
.mouse_img { width: 33px; height: 46px; margin: 0 auto; background: url(../images/mouse.png) no-repeat center center; position: relative; top: 23px; z-index: 99px; }
/*分页*/
#articeBottom { font-size: 14px; padding-top: 10px; text-align: center; width: 100%; }
#articeBottom ul { padding:0px }
#articeBottom ul li { display:inline; padding:2px 7px; border:1px solid #337ab7; margin-right:5px }
#articeBottom ul li a { padding:6px 1px; display:inline; }
#articeBottom .pagebarCurrent { padding:3px 8px; color:#fff; background:#337ab7; border:none }
/*首页案例*/
.case_bg { background-color: #E6E2E7; padding-bottom: 30px; margin-top:20px; }
.index_case { margin:15px 0px 0px 0px; }
.index_case h2 { margin-top:40px; }
.case_line { padding: 3px 0px; background: url(../images/about_line.png) center center no-repeat; }
.case_p { color: #AFAEAE; text-align: center; font-size:16px; text-transform: uppercase; padding:0px; }
.case_list { clear: both; height:260px; padding: 35px 0px 0px 0px; margin-right: -15px; margin-left: -15px; overflow:hidden; }
.case_list .tempWrap { height:260px !important; }
.case_img { padding-left: 15px; padding-right: 15px; min-height: 230px; float:left; }
.case_img img { margin-right: auto; margin-left: auto; display: block; max-height: 320px; max-width: 100%; height: auto; padding: 0px 0px 0px 0px; }
.case_desc { text-align: center; padding: 5px 0px 5px 0px; color: #fff; background-color:#f60; }
.case_desc h3 { padding: 4px 8px; margin: 0; overflow: hidden;text-overflow: ellipsis;font-size: 18px;white-space: nowrap;}
.case_desc p { padding: 5px 8px 12px 8px; line-height: 22px; }
.case_more a { color: #fff; padding: 15px 0px; text-decoration: none; display: block; }
.case_desc1, .case_desc4, .case_desc7, .case_desc10, .case_desc13 { background-color:#F25618; }
.case_desc2, .case_desc5, .case_desc8, .case_desc11, .case_desc14 { background-color:#25B6A6; }
.case_desc3, .case_desc6, .case_desc9, .case_desc12, .case_desc15 { background-color:#f60; }
.case_desc1 div.case_more a, .case_desc4 div.case_more a, .case_desc7 div.case_more a, .case_desc10 div.case_more a, .case_desc13 div.case_more a { background-color:#DF4A0F; }
.case_desc1 div.case_more a:hover, .case_desc4 div.case_more a:hover, .case_desc7 div.case_more a:hover, .case_desc10 div.case_more a:hover, .case_desc13 div.case_more a:hover { background-color: #fff; color: #DF4A0F; }
.case_desc2 div.case_more a, .case_desc5 div.case_more a, .case_desc8 div.case_more a, .case_desc11 div.case_more a, .case_desc14 div.case_more a { background-color:#1BA697; }
.case_desc2 div.case_more a:hover, .case_desc5 div.case_more a:hover, .case_desc8 div.case_more a:hover, .case_desc11 div.case_more a:hover, .case_desc14 div.case_more a:hover { background-color: #fff; color: #1BA697; }
.case_desc3 div.case_more a, .case_desc6 div.case_more a, .case_desc9 div.case_more a, .case_desc12 div.case_more a, .case_desc15 div.case_more a { background-color:#049958; }
.case_desc3 div.case_more a:hover, .case_desc6 div.case_more a:hover, .case_desc9 div.case_more a:hover, .case_desc12 div.case_more a:hover, .case_desc15 div.case_more a:hover { background-color: #fff; color: #049958; }
/*首页产品*/
.index_product { margin:15px 0px 0px 0px; }
.index_product h2 { margin-top:30px; }
.index_product { clear: both; list-style:none; margin:0px; padding:20px 0px 0px 0px; }
.product_list { clear: both; position:relative; padding: 35px 0px 0px 0px; margin-right: -15px; margin-left: -15px; overflow:hidden; padding-left: 64px;}
.product_list li{ width:262px !important; float:left;}
.product_list .bd{  width: 1052px;  overflow:hidden; }
.product_list .prev, .product_list .next { display:block; width:44px; height:70px; position:absolute; top:50%; margin-top: -35px; background:url(../images/jiantou.png) no-repeat; /*! left: 5px; */}
.product_list .next { right:0; background-position:-50px 0; }
.product_list .prev{left: 5px;}
.list_product { display:none; }
.list_product li { color:#898989; border-bottom: 1px dashed #ccc; list-style: none; line-height:21px; margin-right:5%; padding:5px; width:30%; text-align:center; float:left; }
.list_product li:last-child { margin-right:0px; }
.list_product li img { max-width:100%; }
.list_product li a { color:#2F2F2F; }
.list_product li a:hover { text-decoration:none; color:#f60; }
.list_product .case_desc a { color:#fff; font-size:14px; }
.product_list2 { padding-top: 20px; }
.product_img { padding-left: 15px; padding-right: 15px; min-height: 210px; }
.product_img img { margin-right: auto; margin-left: auto; display: block; max-height: 320px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; }
.product_list2 div.product_img { min-height: 270px; }
.product_title { text-align: center; padding: 0px 15px 0px 0px; height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.product_title a { color: #2F2F2F; }
.product_title a:hover { text-decoration: none; color:#f60; }
/*首页新闻*/
.news_box { background:url(../images/title_line.jpg) left top no-repeat; margin:30px 0px 30px 0px; }
.news_h2 {text-transform: capitalize; float: left; font-size: 21px; color: #f60; margin:0px; padding:13px 0px 0px 16px; }
.index_news { clear: both; list-style:none; margin:0px; padding:20px 0px 0px 0px; }
.index_news li { color:#898989; border-bottom: 1px dashed #ccc; background: url(../images/li.png) no-repeat left 16px; line-height:21px; padding: 10px 0px; padding-left:13px; }
.index_news li a { color:#2F2F2F; }
.index_news li a:hover { text-decoration:none; color:#f60; }
.news_time { float:right; }
.left_news { clear: both; }
.left_news ul { padding:0px; }
.left_news span.news_time { display: none; }
/*首页联系*/
.index_contact { background:url(../images/title_line.jpg) left top no-repeat; margin:30px 0px 15px 0px; }
.index_contact P { clear: both; }
/*栏目导航*/
.index_pdt li {text-align:center; line-height:30px; }



.left_nav { clear: both; }
.index_left_nav { padding-top: 25px; margin: 0 15px; }
.left_h2 { background:url(../images/title_line.jpg) left bottom no-repeat; font-size: 21px; display: block; margin-top: 25px; padding: 0px 0px 14px 15px; color: #f60; }
.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(../images/left_li.gif) 6px 15px no-repeat; padding:8px 0px 8px 18px; }
.left_nav_ul > li > a { text-decoration:none; color:#2F2F2F; }
.left_nav_ul > li > a:hover, .left_nav_ul li a.left_active { color:#f60; }
/*小类*/
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(../images/left_sli.gif) 0px 13px no-repeat; }
ul.left_snav_ul > li > a { border:0; color:#2F2F2F; padding: 5px 0px 5px 0px; }
ul.left_snav_ul > li > a:hover { text-decoration: none; color:#f60; }
.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: #2F2F2F; }
.list_box { clear: both; }
/*新闻列表*/
.list_news { clear: both; list-style:none; margin:0px; padding:6px 0px 20px 0px; }
.list_news li { color:#898989; background: url(../images/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:#2F2F2F; }
.list_news li a:hover { text-decoration:none; color:#f60; }
.contents { clear: both; padding:0 2px 0px 2px; line-height:28px; }
.contents_title { margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:18px; color:#434343; font-weight:bold; line-height: 34px; }
/*分页样式*/
.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 { margin: 30px 0px 20px 0px; }
.product_h1 { margin:0px; line-height:26px; font-size:20px; color:#23527c; padding-bottom:10px; }
.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:26px; overflow: auto; }
.photo_con { clear: both; margin:0px 0px 20px 0px; padding:10px 0px 20px 0px; line-height:26px; overflow: auto; }
.related_h2 { 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: #f60; border-radius: 0px; border: none; transition:background 0.3s; }
.page-btn:hover, .page-btn:focus { background-color:#2ECA86; }
.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: 40px; line-height:22px; }
.point span.to_prev { text-align:center; }
.point span.to_prev a { color:#f60; }
.point span.to_prev a:hover { color: #ea042b }
.point span.to_next { text-align:center; }
.point span.to_next a { color:#f60; }
.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: #1F1F1F; color:#fff; padding:30px 0px 20px 0px; margin-top:38px; font-size:12px; }
.copyright { line-height:20px; padding: 0px 5px; }
.copyright a { color:#fff; }
.foot_nav { 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; }
.webshare { width: 230px; padding: 5px; }
.ewebshare { width: 200px; padding: 5px; }

/*大屏幕*/

@media screen and (max-width: 1199px) {
.list_product {display:block}
.product_list, .case_list {display:none;}
 .about_contents {height:160px;overflow:hidden;}
}
 @media screen and (min-width: 769px) {
 .logo {margin-bottom: 18px;max-width: 700px;}
 .navbar {margin-top:15px;min-height: 50px;border-bottom: 1px solid #4f4d4d;}
 .navbar-nav > li {}
 .navbar-nav > li:first-child {border-left:0;}
 .navbar-nav > li:last-child {}
 .navbar-nav > li > a {text-align: center;}
 .navbar-default .navbar-nav > li > a {color: #fff;padding: 15px 34px 15px 34px;}
 .navbar-default .navbar-nav > li > a:hover,  .navbar-default .navbar-nav > .cur>a,  .navbar-default .navbar-nav > li > a:focus,  .navbar-default .navbar-nav > li > a.active,  .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 { background-color: #f60;color: #fff;}
 .navbar-brand {display: none;}
 .nav_small {background-color:#fff;padding: 10px 0px;padding-bottom: 15px;border-radius: 0px;border: none;box-shadow: none;border-top: 3px solid #f60;}
 .nav_small > li {}
 .nav_small > li > a {line-height:20px;padding: 7px 0px;text-align: center;color: #434343;font-size: 13px;}
 .nav_small > li > a:hover {color: #f60;background-color: #f60;color: #fff;}
 #app_menudown, #small_search {display:none;}
 .index_left_nav, .footer_nav {display:none;}
}


/*小屏幕*/
@media screen and (max-width: 768px) {
 #navbar li ul {position:static;top:40px;background: #fff;padding:3px;white-space:nowrap;width:100%;}
#navbar li.open ul {display:block;}
 .navbar {min-height: 50px;margin-top:10px;background-color: #f60;}
 .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:none;}
 .navbar-default .navbar-toggle:hover,  .navbar-default .navbar-toggle:focus { background-color: #2ECA86;}
 .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
 .navbar-default .navbar-nav {margin-top: 0px;margin-bottom: 0px;}
 .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: #2ECA86;color: #fff;}
 header {}
 .top_name, .home-btn, .page_bg {display: none;}
 .language {border-left: 0px;border-right: 0px;}
 .about_box {margin:8px 0px 0px 0px;}
 .about_box section img {margin:10px 15px 0px 0px;max-width: 180px}
 .about_contents {line-height:28px;overflow:hidden;height:90px;}
 .list_box {margin-top: 20px;}
 .search_group {margin: 10px 0px 5px 0px;}
 #topsearch {display: none;}
 .logo {display: block;margin: 0 auto;margin-top:25px;margin-bottom: 15px;max-width:380px;}
 .flash div.bx-pager { /*display:none;*/}
 .about_h2 {margin-top:35px;}
 .left_h2 {margin-top: 25px;}
 .list_related h2.left_h2 {margin-top: 60px;}
 .product_img, .product_list2 div.product_img {min-height: 100px;margin-bottom: 35px;}
 .related_list div.product_img {min-height: 180px;}
 .product_con img, .contents img {width:100%;}
 .case_bg {padding-bottom: 25px;}
 .case_img, .team_img {min-height: 100px;margin-bottom: 35px;}
 .case_desc h3, .team_desc a {font-size: 14px;padding: 10px 4px 12px 4px;margin-top:0px;}
 .case_desc p, .case_more, .team_desc p {display: none;}
 .news_box {margin-top: 10px;}
 .news_time {display:none;}
 .left_news ul {padding-bottom: 20px;}
 .index_contact {margin-top:5px;}
 .product_h1 {line-height:22px;font-size:16px;margin-top: 35px;}
 .footer_nav {background-color: #fafafa;}
 #pic-page a img {width:35px;}
 #cmsFloatPanel {display: none;}
 .point span.to_prev, .point span.to_next {text-align:left;padding-bottom: 8px;}
/*footer{ margin-bottom:50px;}*/
}
 @media screen and (max-width: 767px) {
 .copyright_p {display:none;}
}

/*440px到768px*/
@media screen and (min-width:440px) 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 {max-width:380px;}
}
 @media screen and (max-width: 414px) {
 .logo {max-width:260px;}
 .list_product li {margin-right:4%;width:48%;}
 .list_product li:last-child {display:none}
 .list_product li:nth-child(2) {margin-right:0px;}
}