﻿body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #333;}
ul{list-style:none; margin:0px; padding:0px}

a {
	text-decoration:none;
	background:transparent;
	outline:none;
	blr:expression(this.onFocus=this.blur())
}

a:focus {
	outline:0
}
a:active,a:hover {
	outline:0;text-decoration:none;
}
.space1{ clear:both; height:10px; overflow:hidden}
.space2{ clear:both; height:15px; overflow:hidden}


.main_box {max-width: 1200px;width: 96%; margin:0 auto;padding: 0px;overflow:hidden;}
.main_box_top{max-width: 1200px;width: 96%; margin:0 auto;padding: 0px;overflow:hidden; display:block}

.top_jq{width:100%;height:30px;background:#f9f9f9;display:block;border-bottom:1px solid #f3f3f3; }
.time_box{ float:left; width:45%; line-height:30px; font-size:14px; color:#666666}
.top_tel{ height:30px; float:right; line-height:30px; font-size:14px}
.top_tel a{ font-size:14px; color:#333;padding-left:1px;padding-right:6px}
.top_tel a:hover{ color:#eb4e01}


.top_L{ float:left; overflow:hidden; width:60%; padding:10px 0px}
.top_R{ float: right; overflow:hidden;width:30%;padding:10px 0px}
.logo{display: block; height:auto;overflow:hidden; float:left}
.logo img{display: block; height:50px; width:auto}


@media screen and (max-width: 1000px) {
.top_L{ float:left; overflow:hidden; width:100%; text-align:center; padding:5px 0px}
.top_R{ float:left; overflow:hidden;width:100%; padding:5px 0px}
.logo{display: block; width:100%;text-align:center;}
.logo img{display: block; height:40px; width:auto}
.top_L{ display: none}
}
@media screen and (max-width: 450px) {
.time_box{ float:left; width:auto; line-height:30px; font-size:14px; color:#666666; font-size:12px}
.top_tel{ height:30px; float:right; line-height:30px; font-size:12px; width:auto;}
.top_tel a{ font-size:12px; color:#333;padding-left:1px;padding-right:6px}
}

/*---底部----*/
.link_box{ overflow:hidden;}
.link_zi{ width:166px; height:64px; float:left; margin-right:10px; background:url(../images/link.jpg) no-repeat}
.link_box dl{ margin:0px; padding:0px; padding-top:10px}
.link_box dl dd{ float:left;  margin:0px; padding:0px; padding:0px 10px; margin:5px 0px}


.wx_box{ overflow:hidden;margin:0px 0px; text-align: center; line-height:30px; color:#999999; width:150px; float:right}
.wx_box img{ width:110px; height:110px;}

.down_cop{ overflow:hidden; width:100%; background:#111; line-height:20px; font-size:12px; color:#999999; text-align:center; padding:5px 0px}

.down_wx{ overflow:hidden; width:90%; margin:0 auto;}
.down_wx_L{ width:50%; overflow:hidden; float:left}
.down_wx_R{ width:50%; overflow:hidden; float: right}


.down_bg{ overflow:hidden; width:100%; background:#232323; padding:40px 0px 20px 0px}

.down_nav_cp{overflow:hidden; margin-bottom:10px; margin-left:20px}
.down_nav_cp dl{ overflow:hidden; margin:0px; padding:0px; color:#FFFFFF;}
.down_nav_cp dl dt{ overflow:hidden; margin:0px; padding:0px; color:#FFFFFF; font-size:20px; font-weight:normal; margin-bottom:5px}
.down_nav_cp dl dd{ overflow:hidden; margin:0px; padding:0px; color:#CECECE; font-size:12px;width:100%; line-height:22px}
.down_nav_cp dl dd span{ margin-right:5px}
.down_nav_cp dl dd a{font-size:12px;}
.down_nav_cp dl dt img{ height:60px; width:auto; margin-bottom:5px}

@media only screen and (max-width:600px) {
.down_wx_L{ width:100%; overflow:hidden; float:left}
.down_wx_R{ width:100%; overflow:hidden; float: left}
.wx_box{ overflow:hidden;margin:0px 0px; text-align:left; line-height:30px; color:#999999; width:150px; float:left}
.down_nav_cp{overflow:hidden; margin-bottom:10px; margin-left:0px}
.down_cop{ overflow:hidden; width:100%; background:#111; line-height:20px; font-size:11px; color:#999999; text-align:center; padding:5px 0px}
}

@media only screen and (max-width:768px) {
.down_nav_cp{width:100%; float:left; overflow:hidden; margin-bottom:15px}
}



@media only screen and (max-width:700px) {
.down_bg{ overflow:hidden; width:100%; background:#232323; padding:20px 0px 10px 0px}
.down_nav{ overflow:hidden; margin:0px; padding:0px; display:none}
.down_wx{ overflow:hidden;  border-top:#393939 0px solid; width:90%; margin:0 auto;margin-top:0px; padding-top:20px}
body{ padding-bottom:45px}
}


/*导航菜单*/
.navbar{ margin:0px; background-color:#E92629; border: none;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;background:#0982CF url(../images/arrow_carrot-down.png) no-repeat center;}
#app_menudown:hover{ background: #CF0B0B url(../images/arrow_carrot-down.png) no-repeat center}


/*产品搜索*/
.search_group{float: right; margin: 10px 0px 0px 0px;}
.search_group{}
.mysearch_btn{ background-color:#FF6600;color:#fff;}
.mysearch_btn:hover,.mysearch_btn:focus{ background-color:#FFA200; color:#fff;}
#small_search{color:#fff; float: right; margin-top: 14px; padding:8px 13px;font-size: 17px;border-radius: 4px; background:url(../images/i_search.png) no-repeat center; }
#small_search:hover,#small_search:focus{cursor: pointer;text-indent:-9999px}


/*大屏幕*/


       header{}
      .navbar{ margin-top:0px; }
      .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; }
      .navbar-nav > li > a {transition:background 0.4s; text-align: center; font-size:15px}
      .navbar-default .navbar-nav > li > a{line-height: 40px; width:162px; color: #fff; font-weight: bold; padding: 5px 0px 5px 0px;/*padding兼容低版IE*/}
      .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 > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
          background: #CF0B0B; color: #fff;}
      .navbar-brand{display: none;}
	  .navbar-brand img{ height:25px; width:auto}
      .navbar-default .navbar-nav-e > li > a{font-weight: normal; }
      .nav_small{ background-color:#CF0B0B;  padding-top: 15px; padding-bottom: 15px; padding-right: 25px; border-radius: 0px; border: none; box-shadow: none;}
      .nav_small > li{}
      .nav_small > li > a{line-height:25px; color: #bac6bf; font-size: 13px;}
      .nav_small > li > a:hover{color: #fff; background: transparent;}
       #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }

@media screen and (max-width: 1024px) {
       header{}
      .navbar{ margin-top:0px; }
      .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; }
      .navbar-nav > li > a {transition:background 0.4s; text-align: center; font-size:15px}
      .navbar-default .navbar-nav > li > a{line-height: 40px; width:130px; color: #fff; font-weight: bold; padding: 5px 0px 5px 0px;/*padding兼容低版IE*/}
      .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 > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
          background: #AC0305; color: #fff;}
      .navbar-brand{display: none;}
      .navbar-default .navbar-nav-e > li > a{font-weight: normal; }
      .nav_small{ background-color:#CF0B0B;  padding-top: 15px; padding-bottom: 15px; padding-right: 25px; border-radius: 0px; border: none; box-shadow: none;}
      .nav_small > li{}
      .nav_small > li > a{line-height:25px; color: #bac6bf; font-size: 13px;}
      .nav_small > li > a:hover{color: #fff; background: transparent;}
       #app_menudown,#small_search{ display: none; }
      .index_left_nav,.footer_nav{display:none; }
}


/*小屏幕*/
@media screen and (max-width: 1000px) {
.nav_small > li{ border-bottom: #A25B5B 1px solid;line-height:25px}
      .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 #B20808;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #E67817;
      }
	   
      .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li { border-bottom:#FE5252 1px solid}
      .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: #BC0909; 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;}

      .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{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;}
      .product_list2{}
      footer{ margin-bottom:50px;}
	  .navbar-brand{display: block;}
#app_menudown,#small_search{ display: block; }
}

@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
}

/*414px到768px*/


.index_case{margin:5px 0px 0px 0px; text-align:center}
.index_case h2{margin-top:30px; font-size:25px; line-height:40px;}
.case_line{padding: 3px 0px; background: url(../images/about_line.png) center center no-repeat;}
.case_p{color: #666;text-align: center; font-size:16px; text-transform: uppercase;padding:0px;}
.index_case dd{color: #666;text-align: center; font-size:16px; text-transform: uppercase;padding:0px;}
.about_h2{margin-top:5px;}
.index_case P{line-height:160%; }
.about_h2 a{font-size:25px;}
.about_h2 a:hover{color:#E91E21}
@media only screen and (max-width: 667px) {
.index_case h2{margin-top:30px; font-size:20px; line-height:40px;}
.about_h2 a{font-size:20px;}
.index_case dd{color: #666;text-align: center; font-size:16px; text-transform: uppercase;padding:0px;}
}

/*----wap_nav-----------*/
.dh{margin:0px auto 1% auto; overflow:hidden}
.dh ul{width:100%; overflow:hidden}
.dh li{width: 30.33%;margin:5px 1.5%;background: #38a9e2;float: left;text-align: center;padding:13px 0;color: #fff;overflow: hidden;border-radius:2px}
.dh li a{color:#fff}
.dh li i{width: 100%;}
.dh li span{width: 100%;line-height: 15px;padding-top:6px;display: block;}
.dh ul .h200{height:188px;padding-top: 60px;background:#72a93d;}
.dh ul .w200{width:63.5%;background:#72a93d;}
.iconfont{font-family:"iconfont"; font-size:30px; font-style:normal;} 
.am-cf:after,.am-cf:before{content:" ";display:table}.am-cf:after{clear:both}

/*动态新闻css*/
#data-news{width:100%;height:122px;overflow:hidden;background:#EFEFEF;}
#data-news ul{padding-left: 0px;overflow:hidden}
#data-news ul li{height:30px;padding:0px 10px 0px 10px;overflow:hidden; border-bottom:#CCCCCC 1px dashed; line-height:28px}
.index-tjdiv{width: 98%;margin: 10px auto;}
.index-tjdiv .index-tjtitle{background-color: #E92629;line-height: 35px;text-indent: 1rem;color: #fff;}
.index-tjdiv .index-tjtitle a{float: right;color: #fff;margin-right: 1rem;}
.index-tjdiv .index-tjtitle a span{}


.b_top{ overflow:hidden; display:none}
@media only screen and (max-width:740px) {
.b_top{ overflow:hidden; display: block}
}

.actGotop{position:fixed;_position:absolute;bottom:70px;right:2%;width:49px;height:49px;display:none; z-index:2}
.actGotop a,.actGotop a:link{width:49px;height:49px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center}
.actGotop a:hover{ background: url(../images/up.png) no-repeat center;outline:none;}

}
/*----------首页新闻------------*/
.dzxh_new{ overflow:hidden; margin:0px; padding:0px; padding-top:20px}
.dzxh_new li{ overflow:hidden; float:left; width:25%; margin:0px; padding:0px}
.dzxh_new li dl{ overflow:hidden;  margin:0px; padding:0px; margin:0px auto; width:90%; border:#CCCCCC 1px solid; padding:10px; height:260px; background:#F7F7F7}
.dzxh_new li dl dt{ overflow:hidden;  margin:0px; padding:0px; margin:0px auto; position:relative}
.dzxh_new li dl dd{ overflow:hidden;  margin:0px; padding:0px; font-size:13px; line-height:190%;color:#888; height:45px}
.dzxh_new li dl dd h3{ font-size:15px; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:5px; font-weight:bold;color:#333333}

.dzxh_new li dl dt img{ width:100%; height:140px; margin:5px 0px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


.dzxh_new li:hover dl{border:#F57678 1px solid;}
.dzxh_new li:hover dl { color:#111}

.dzxh_new li:hover dl dt img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.dzxh_new li:hover dl dd h3{ color:#E92629}

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

.dzxh_new li{ overflow:hidden; float:left; width:50%; margin:0px; padding:0px; margin-bottom:15px}
}
@media only screen and (max-width:550px) {
.dzxh_new li{ overflow:hidden; float:left; width:100%; margin:0px; padding:0px; margin-bottom:15px}
.dzxh_new li dl{ overflow:hidden;  margin:0px; padding:0px; margin:0px auto; width:90%; border:#CCCCCC 1px solid; padding:10px; height:auto; background:#F7F7F7}
.dzxh_new li dl dt img{ width:100%; height:160px; margin:5px 0px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
}


/*---------首页关于我们----------*/
.about_M1 a { text-align:center; margin-top:15px;width:102px; margin-bottom:20px; margin-left:5%;height:34px;display:block;line-height:34px;font-size:13px;color:#CACACA;border:1px solid#d9d9d9;transition: all 0.4s ease; }
.ser_box li:hover  .about_M1 a{background:#fff;color:#009556;border:1px #fff solid; border-radius:32px; margin-left:8%;}


.sy_about_bg{ overflow:hidden;width:100%;background:#5F3073 url(../images/about_bg.jpg) no-repeat center top; background-size:cover;}

.sy_about_box{ width:78%; overflow:hidden;background:#fff; box-shadow:0 0 15px 1px rgba(0,0,0,.2); margin:100px auto;}
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:40px 50px 40px 50px}
.sy_about_box dl dt{margin:0px; padding:0px; overflow:hidden; margin-bottom:15px}
.sy_about_box dl dt h3{ font-size:24px; font-weight:normal; color:#000000; line-height:180%}
.sy_about_box dl dt p{ margin:0px;}
.sy_about_box dl dd{margin:0px; padding:0px; overflow:hidden; font-size:14px; line-height:170%}

.sy_about_tu{ height:auto; width:auto; float:left; display: block;width:350px; padding:40px 0px 30px 20px; position:relative}
.sy_about_tu img{ width:100%; height:270px;}

.about_M a { text-align:center; margin-top:20px;width:102px;height:28px;display:block;line-height:28px;font-size:13px;color:#CACACA;border:1px solid#d9d9d9}
.about_M a:hover {background:#E5210E;color:#fff;border:1px #DB1E0C solid}


@media only screen and (max-width:1199px) {
.sy_about_box{ width:90%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}

@media only screen and (max-width:1000px) {
.sy_about_tu{ display:none}
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:20px 30px 20px 30px}
.sy_about_box{ width:96%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}

@media only screen and (max-width:670px) {
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:10px 20px 20px 20px}
.sy_about_box dl dt{margin:0px; padding:0px;overflow:hidden; margin-bottom:10px}
.sy_about_box{ width:96%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}


@media only screen and (max-width:600px) {
.sy_about_tu{ height:auto; width:auto; float:left; display: none}
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:10px 15px 20px 15px}
.sy_about_box dl dt{margin:0px; padding:0px; overflow:hidden; margin-bottom:10px}
.sy_about_box{ width:96%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}




/*-----------产品-----------------*/

.sy_cplist{ overflow:hidden; margin:0px; padding:0px; max-width:1200px;  width:96%; margin:0 auto}
.sy_cplist li{ overflow:hidden; margin:0px; padding:0px; width:25%; float:left}
.sy_cplist dl{ overflow:hidden; margin:0px; padding:0px 0px 6px 0px; width:96%; margin:0 auto;margin-top:8px; margin-bottom:8px;  border:#eee 1px solid;background:#fff;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative}
.sy_cplist dl dt{ font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:32px; padding:0px 5px 0px 5px; font-weight:normal;color:#222; position:relative}
.sy_cplist dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:14px; line-height:18px; color:#555;padding:0px 5px 0px 5px; }
.sy_cplist dl dd span{ color:#777; margin-right:2px}
.sy_cplist dl dt img{ width:100%; height:260px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.sy_cplist li:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.1); }
.sy_cplist li:hover dt h3{ color:#E81821;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  margin:0px}
.sy_cplist li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.sy_cplist li:hover dt{color:#E81821}

.sy_cplist dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:8px; bottom:-10px}
.sy_cplist dl  .cp_dv img{ height:22px; width:auto}


.sy_cplist1{ overflow:hidden; margin:0px; padding:0px; max-width:1280px;width:96%; margin:0 auto; }
.sy_cplist1 li{ overflow:hidden; margin:0px; padding:0px; width:25%; float:left;margin-bottom:20px}
.sy_cplist1 dl{ overflow:hidden; margin:0px; padding:0px; width:90%; margin:0 auto;margin-top:8px; margin-bottom:8px;  border:#eee 1px solid;background:#fff;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative}
.sy_cplist1 dl dt{ overflow:hidden; margin:0px; padding:0px;text-align:center}
.sy_cplist1 dl dt h3{ font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:36px; padding:2px 0px 5px 0px; font-weight:normal; margin:0px}
.sy_cplist1 dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:45px;}
.sy_cplist1 dl dt img{ width:100%; height:290px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.sy_cplist1 li:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.1);}
.sy_cplist1 li:hover dt h3{ color:#E81821;}
.sy_cplist1 li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}






@media only screen and (max-width:1025px) {
.sy_cplist dl dt img{ width:100%; height:220px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.sy_cplist1 dl dt img{ width:100%; height:220px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.sy_cplist1 li{ overflow:hidden; margin:0px; padding:0px; width:25%; float:left;margin-bottom:5px}
}
@media only screen and (max-width:900px) {
.sy_cplist dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:18px; color:#555;padding:0px 5px 0px 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.sy_cplist dl dt img{ width:100%; height:160px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.sy_cplist1 dl dt img{ width:100%; height:160px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}

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

.sy_cplist dl dt img{ width:100%; height:140px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.sy_cplist1 dl dt img{ width:100%; height:140px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}

@media only screen and (max-width:550px) {
.sy_cplist li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.sy_cplist dl dt img{ width:100%; height:170px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

.sy_cplist1 li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.sy_cplist1 dl dt img{ width:100%; height:170px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}


@media only screen and (max-width:380px) {
.sy_cplist li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.sy_cplist dl dt img{ width:100%; height:145px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.sy_cplist dl dt h3{ font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:36px; padding:2px 0px 10px 0px; font-weight:normal}

.sy_cplist1 li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.sy_cplist1 dl dt img{ width:100%; height:145px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.sy_cplist1 dl dt h3{ font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:36px; padding:2px 0px 5px 0px; font-weight:normal}
}

@media only screen and (max-width:350px) {
.sy_cplist li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.sy_cplist dl dt img{ width:100%; height:130px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

.sy_cplist1 li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.sy_cplist1 dl dt img{ width:100%; height:130px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}



.dh_k{ overflow:hidden;background:#F6F6F6; margin-bottom:25px}
.wzdh_k{ overflow:hidden; border-bottom:#CCCCCC 0px solid;line-height:48px; float:left; width:100%}
.wzdh_k span{background:url(../images/i_home.png)no-repeat left 16px; padding-left:18px; font-size:14px; line-height:48px;float:left; display:block}


.zw_column{ width:100%; height:40px; border-bottom:2px solid #ddd; position:relative; margin-bottom:5px}
.zw_column span{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; font-size:18px; color:#ED0505; border-bottom:2px solid #ED0505; padding:0px 10px; font-weight:bold}

@media screen and (max-width: 768px) {
.dh_k{ overflow:hidden;background:#F6F6F6; margin-bottom:15px}
.wzdh_k span{background:url(../images/i_home.png)no-repeat left 16px; padding-left:18px; font-size:14px; line-height:48px;float:left;}

}

.about_L{overflow:hidden; float:left; width:40%}
.about_R{ overflow:hidden; float:right; width:58%;}

.about_L img{ width:100%; height:auto; vertical-align:middle}

.about_L1{overflow:hidden; float:left; width:30%}
.about_R1{ overflow:hidden; float:right; width:68%;}

.about_L1 img{ width:100%; height:auto; vertical-align:middle}

@media (max-width: 768px) {
.about_L{overflow:hidden; float:left; width:100%}
.about_R{ overflow:hidden; float:right; width:100%;}

.about_L1{overflow:hidden; float:left; width:100%}
.about_R1{ overflow:hidden; float:right; width:100%;}
}



/*-----产品详细-------*/
.yh_cpxxbox{ overflow:hidden;  padding-top:5px;}
.yh_cpxxbox dl{ overflow:hidden; margin:0px; padding:0px}
.yh_cpxxbox dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:30px; line-height:180%; margin-bottom:5px; margin-top:20px}
.yh_cpxxbox dl dd{ overflow:hidden; margin:0px; padding:0px}

.yh_cpxxpic{ overflow:hidden; float:left; text-align:center; width:40%; margin-right:5%; border-bottom:#CCCCCC 0px solid; }

.yh_cpxxpic img{ overflow:hidden; vertical-align:middle; width:100%; height:auto;}

.m_main_k{ overflow:hidden;margin:0 auto;padding: 0px;width: 96%;}


@media only screen and (max-width:800px) {
.m_main_k{ overflow:hidden;margin:0 auto;padding: 0px;width: 100%;}
.yh_cpxxpic{ overflow:hidden; float:left; text-align:center; margin-bottom:10px; width:100%; margin-right:0%; border-bottom:#CCCCCC 1px solid; }
.yh_cpxxbox dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:180%; float:left;width:100%; margin-top:0px}
.yh_cpxxbox dl dd{ overflow:hidden; margin:0px; padding:0px; float:left; width:100%}
.yh_cpxxbox{ overflow:hidden;  padding-top:5px; margin-bottom:10px; border-bottom:#CCCCCC 1px  dotted; padding-bottom:10px}
}


.share_k{ display: block; overflow:hidden; float:left; padding-top:10px; width:100%}

.share_k a:hover{ color:#FF6600}

@media only screen and (max-width:800px) {
.cpxx_dv{ float:right; width:auto; height:30px; overflow:hidden;  border:#FF7800 1px solid; padding:2px 4px; line-height:24px; font-size:12px; border-radius:5px; margin-right:0px}
}

.show_dv_box{ width:60%; height:auto; overflow:hidden; margin:0 auto;; padding-bottom:20px ; border-bottom:#CCCCCC 1px solid; margin-bottom:10px}
.show_dv_box h3{ text-align:center; font-size:20px; line-height:32px; color:#FF5400; margin-bottom:10px}
.show_dv_box h3 img{ height:30px; width:auto; margin-right:3px; vertical-align:top;}

@media only screen and (max-width:768px){
.show_dv_box{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.show_dv_box img{ width:100%; height:auto}
}

/*-----新闻详细页------*/
.content_bt{ width:100%; line-height:25px; font-size:20px; text-align:center; padding-top:25px;font-weight:bold; padding-bottom:5px;overflow:hidden}
.content_info{width:100%; border-bottom:#ccc 1px solid; font-size:12px; color:#666666; text-align:center; padding-bottom:4px; margin-bottom:10px; line-height:25px}
.i_date{ background:url(../images/i_time.png) no-repeat left center; padding-left:22px; margin-right:10px; padding-top:2px; padding-bottom:2px}
.i_from{ background:url(../images/i_t1.png) no-repeat left center; padding-left:20px; margin-right:10px}
.i_View{ background:url(../images/i_View.png) no-repeat  left center; padding-left:25px}
@media only screen and (max-width: 768px) {
.content_txt{line-height:200%; color:#333333; font-size:14px; overflow:hidden; padding:0px 0px 10px 0px; }
}

.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}
.content_txt_tu{overflow:hidden; text-align:center}
.content_txt_tu img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.B_back{ float:right; width:auto; font-size:12px; display:block;}
.B_back a{color:#444}

.content_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;font-weight:bold; text-align:center;}
/*-----新闻列表--------*/
.m_news2{ overflow:hidden; margin:0px; padding:20px 0px}
.m_news2 li{overflow:hidden; margin:0px auto; padding:15px 0px; list-style:none; margin-bottom:15px;border-bottom:#F0F0F0 1px solid;}
.m_news2 li dl{overflow:hidden; margin:0px; padding:0px; }
.m_news2 li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#333333;white-space:nowrap;text-overflow:ellipsis; line-height:200%;}
.m_news2 li dl dd{overflow:hidden; margin:10px 0px 0px 0px; padding:0px; font-size:13px; line-height:22px; color:#777; height:45px}
.m_news2_yue{ float:left; width:80px; overflow:hidden}
.m_news2_yue span{ line-height:30px; font-size:24px; color:#666}
.m_news2_yue_line{ float:left; width:35px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; height:30px; border-top:#CCCCCC 1px solid; margin-top:15px; margin-right:10px}
.m_news2 li a:hover  .m_news2_yue_line{ width:50px; border-top:#444 1px solid}
.newsimg2{display: block; width:18%;height:auto; float: right; margin-left:4%}
.newsimg2 img{ width:100%; height:130px}

.details {
    width: 36px;
    height: 36px;
    border: 1px solid  #fff;
    border-radius: 0px;
    display: block;
    color: transparent; line-height:36px;
	background:#787878; text-align:center;
	 color:#fff;
    transition: all 0.3s ease-out 0s;
	 background:url(../images/arrw.png) no-repeat center;
}
.m_news2 li a:hover  .details{ margin-left:10px;border: 1px solid  #303030; background:#303030 url(../images/arrw.png) no-repeat center;}

@media only screen and (max-width: 768px) {
.newsimg2{display: block; width:190px;height:auto; float: right; margin-left:4%}
.newsimg2 img{ width:100%; height:130px}

}

@media only screen and (max-width: 600px) {
.newsimg2{display: block; width:170px;height:auto; float: right; margin-left:4%}
.newsimg2 img{ width:100%; height:110px}
}

@media only screen and (max-width: 414px) {
.m_news2 li{overflow:hidden; margin:0px auto; padding:10px 0px; list-style:none; margin-bottom:10px;border-bottom:#F0F0F0 2px solid;}
.newsimg2{display: block; width:100%;height:auto; float: left; margin-left:0%; margin-bottom:5px}
.newsimg2 img{ width:100%; height:auto}
.m_news2 li dl{overflow:hidden; margin:2px 0px 0px 0px; padding:0px; font-size:13px; line-height:22px; color:#777; height:auto; float:left; width:100%}
.m_news2 li dl dd{margin:1px 0px 0px 0px; overflow:hidden;height:auto;}
.m_news2_yue_line{ float:left; width:35px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; height:30px; border-top:#CCCCCC 1px solid; margin-top:15px; margin-right:10px; display: none}
.m_news2_yue{ float:left; width:100%; overflow:hidden;}
.details {display: none}
.m_news2_yue span{ line-height:25px; font-size:16px; color:#666}
.m_news2 li dl dt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}



/*-----page------*/
.next_k{ padding:0px;margin-top:25px; border-top:#CCCCCC 1px solid;margin-bottom:10px}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#666666; font-size:12px; list-style:none; width:100%; float:left}
.next_k ul li a{font-size:12px}

.page_k{ text-align:center; padding:10px; font-size:12px;border-top:#CCCCCC 0px solid; margin-top:15px;}
.page_k a{ font-size:12px}
.page_k a:hover{ font-size:12px}



/*-----地图------*/
.info {margin-top: 20px;padding-left: 20px;color: #cc5522;font-size: 20px;}			
.title {font-size: 14px;font-weight: bold;color: #cc5522;}			
.content {font-size: 13px;color: #333;margin-top: 6px;}
.container_m{width:100%;height:400px; margin-top:20px}

@media only screen and (max-width:768px){
.container_m{width:100%;height:300px; margin-top:20px}
}



/*-------banner-----------*/
.fixed_banner1{ width:100%; height:200px ;background:url(../images/big_bg1.jpg) no-repeat center top; display:block;}
.fixed_banner2{ width:100%; height:200px; background:url(../images/big_bg2.jpg) no-repeat center top;display:block;}
.fixed_banner3{ width:100%; height:200px; background:url(../images/big_bg3.jpg) no-repeat center top; display:block;}
.fixed_banner4{ width:100%; height:200px; background:url(../images/big_bg4.jpg) no-repeat center top; display:block;}
.fixed_banner5{ width:100%; height:200px; background:url(../images/big_bg5.jpg) no-repeat center top; display:block;}
.fixed_banner6{ width:100%; height:200px; background:url(../images/big_bg6.jpg) no-repeat center top;display:block;}
.fixed_banner_so{ width:100%; height:200px; background:url(../images/big_bg_so.jpg) no-repeat center top;display:block;}
@media only screen and (max-width:900px) {
.fixed_banner1{ width:100%; height:100px; background:url(../images/big_bg1.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_banner2{ width:100%; height:100px; background:url(../images/big_bg2.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_banner3{ width:100%; height:100px; background:url(../images/big_bg3.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_banner4{ width:100%; height:100px; background:url(../images/big_bg4.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_banner5{ width:100%; height:100px; background:url(../images/big_bg5.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_banner6{ width:100%; height:100px; background:url(../images/big_bg6.jpg) no-repeat center center; background-size:cover; display:block;}
.fixed_banner_so{ width:100%; height:100px; background:url(../images/big_bg_so.jpg) no-repeat center center; background-size:cover; display:block;}
}

.so_box{ width:97%; margin:0px auto; margin-bottom:10px; overflow:hidden; margin-top:4px}
.so_box{ padding:4px 0px; font-size:16px;}
.so_box span{ margin:0px 4px; color:#FF6600}


.newpic1{ overflow:hidden; padding-top:4px}
.newpic1 dl{ margin:0px;overflow:hidden;border-bottom:#CCCCCC 1px dashed; padding:2px 0px;margin:2px 0px }
.newpic1 dl dt{ overflow:hidden; margin:0px; padding:0px; font-weight:normal; background:url(../images/i_so.png) no-repeat left center; padding-left:18px}
.newpic1 dl dt a{  font-weight:normal}
.newpic1 dl dt h3{ font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin:0px; font-weight:normal}
.newpic1 dl dt h3 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:14px; line-height:25px}
.newpic1 dl dt span{ float:right; font-size:12px; color:#666666; font-weight:normal}
.newpic1 dl dd{ font-size:14px; line-height:190%; margin:0px; padding:0px}


/*---------留言----------*/

.xc_t_wrap { margin-bottom:34px; margin-top:30px}
.xc_t_wrap .xc_title { font-size:36px;color:#0c55a4;font-weight:normal; }
.smwz{ font-size:15px; line-height:30px}


.lybook_L{overflow:hidden; float:left; width:55%; line-height:190%; font-size:14px}
.lybook_R{  float:right; width:45%;}
.lybook_R img{ width:100%; height:auto; margin-top:10px}

@media only screen and (max-width:768px){
.lybook_L{overflow:hidden; float:left; width:100%;}
.lybook_R{ overflow:hidden; float:left; width:100%;}

}

.odform-tit{font-weight:normal;font-size:22px;color:#595757;line-height:40px;text-align:center;border-bottom:1px solid #c9cacb;margin:0;padding:10px 0}
.odform-tit img{height:40px;vertical-align:middle;margin-right:15px}
.odform{ overflow:hidden; margin:15px 0px;}
.input-group1{margin-bottom:10px;position:relative; width:100%;}
.input-group1 span{ color:#FF0000}
.input-group1 label{padding:0px 0;position:absolute;color:#333; font-size:14px; }
.input-group1 input{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#fff;border:1px solid #D9D9D9;border-radius:5px;color:#595757;width:78%; font-size:14px; line-height:25px}
.input-group1 select{margin-left:5em;padding:2% 6px;box-sizing:border-box;background:#fff;border: #efeff0 1px solid;border-radius:5px;color:#595757;width:78%; font-size:14px; line-height:25px}
.input-group1 textarea{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#fff;border:1px solid #D9D9D9;border-radius:5px;color:#595757;width:78%; font-size:14px; height:150px}
.odform button{background:#423B33;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px; margin:0 auto}
.an_ly{ width:120px; margin-left:72px}
.btntj{background:#FF0000;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px;}

.an_lybt{border-bottom:#999999 1px solid; margin-bottom:10px; font-size:16px; font-weight:bold}





/*瀑布流开始*/
.wall {
  display: block;
  position: relative;
}

.wall-column {
  display: block;
  position: relative;
  width: 25%;
  float: left;
  padding: 0 2%;
  box-sizing: border-box;
}
.article {
  display: block;
  margin: 0 0 8% 0;
  padding: 5% 5% 0% 5%;
  background:#F2F2F2;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  transition: all 100;
  overflow: hidden;
  position: relative;
}
.article:hover{ transform: scale(1.01);}
.article img {
  display: block;
  width: 100%;
  margin: 0 0 5% 0;
  width:226px;
  height:140px;
  vertical-align:middle;
}
.article a{ color: #666; font-size:14px;}
.article p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px; line-height:150%;}
.article small{ font-size: 1em; color: #ff0000;}
.article input{ width: 20%; padding: 0.6em; border-radius: 0.4em; font-size: 1.1em; z-index: 100; background-color: #f60; border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7;}

.wrapper{ text-align: center; width:100%; white-space: nowrap; text-overflow: ellipsis; font-weight:normal; color: #333; overflow: hidden;  font-size: 1.5em; padding: 0.7em 0;}





@media only screen and ( max-width:768px ) {
	.wall-column {
  display: block;
  position: relative;
  width: 50%;
  float: left;
  padding: 0 2%;
  box-sizing: border-box;
}

.article img {
  display: block;
  width: 100%;
  margin: 0 0 5% 0;

  height:auto;
}
}



/*瀑布流结束*/


.panel,p.flip{margin:0px;background:#fff;overflow:hidden;padding-bottom:20px;}
.panel{height:auto;position:relative;z-index:99;  float:left; display:none; width:100%}


.cp_2wx{ width:auto; height:30px; overflow:hidden; padding:2px 0px; line-height:30px; font-size:14px; border-radius:5px; margin-top:10px}
.cp_2wx img{ height:30px; width:auto; vertical-align:top; margin-right:2px}


.mfzx_btn_k{ overflow:hidden; float:right; margin-left:0px; display:none }
.mfzx_btn2{overflow:hidden; background:#FF5400 url(../images/i_dh.png) no-repeat 5px center; line-height:30px;padding:1px 8px 1px 27px; font-size:15px; color:#FFFFFF;border-radius:4px}
.mfzx_btn_k a:hover .mfzx_btn2{background:#F75201 url(../images/i_dh.png) no-repeat 5px center;}

@media only screen and ( max-width:768px ) {
.mfzx_btn_k{ overflow:hidden; float:right; margin-left:0px; display:block }
}



.pc_adk{ overflow:hidden; display: block}
.wap_adk{ overflow:hidden; display:none; padding-top:50px; background:#fff}

@media only screen and (max-width: 768px) {
.wap_adk{ overflow:hidden; display: block;padding-top:50px;background:#fff}
.pc_adk{ overflow:hidden; display: none}
}





/*---------wap1----------*/
.w_top_k{ overflow:hidden; padding:5px 0px; background:#FF0000}

.w_logo{ text-align:center;}
.w_logo img{width:auto; height:45px;}
.w_bg{background:#EEEEEE; background-size:cover; height:100%}

.cop1{ text-align:center; font-size:12px; line-height:20px; color:#FFFFFF; }
.cop1 a{color:#FFFFFF; }



.dh1{margin:0px auto 5% auto; overflow:hidden; padding-top:20px}
.dh1 ul{width:96%; overflow:hidden; margin:0 auto}
.dh1 li{width: 30.33%;margin:5px 1.5%;background: #38a9e2;float: left;text-align: center;padding:13px 0;color: #fff;overflow: hidden;border-radius:2px}
.dh1 li a{color:#fff; font-size:15px}
.dh1 li i{width: 100%;}
.dh1 li span{width: 100%;line-height: 15px;padding-top:6px;display: block; font-size:15px}
.dh1 ul .h200{height:188px;padding-top: 60px;background:#F3481E;}
.dh1 ul .w200{width:63.5%;background:#F0352C;}
.iconfont{font-family:"iconfont"; font-size:30px; font-style:normal;} 
.iconfont img{ height:45px; width:auto}
.am-cf:after,.am-cf:before{content:" ";display:table}.am-cf:after{clear:both}

.dh1 ul .sc1{background:#0981BF;}
.dh1 ul .sc2{background:#F0352C;width:63.5%}
.dh1 ul .sc3{background:#FE9800;}
.dh1 ul .sc4{background:#11ADC0;}
.dh1 ul .sc5{background:#37B935;}
















