@charset "utf-8";


 /* reset CSS */
html, body, ul, li, ol, 
dl, dd, dt, p, h1, h2, 
h3, h4, h5, h6, form, 
fieldset, legend, img ,div { margin:0; padding:0 ;     }
img                        { border:none;              }
h1,h2,h3,h4,h5,h6          { font-size:100%;           }
ul, ol                     { list-style:none;          }
input::-moz-focus-inner    { border:none; padding:0;   }
select, input              { vertical-align:middle;    }
select, input, textarea    { font-size:12px; margin:0; }
input[type=text], 
input[type=password], 
textarea                   { outline-style:none; -webkit-appearance:none;    }
body                       { font-size:12px; font-family:微软雅黑; line-height:24px; color:#000; background:#fff;}
input                      { padding-top:0; padding-bottom:0; font-family: 'SimSun','\u5b8b\u4f53';}
a                          { text-decoration: none;outline: none; color: #000;font-family:微软雅黑;}
a:hover, a:focus           { color: #996633;  }
	  
.clearfix:before,.clearfix:after ,.row:before,.row:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after{ display:table;content:" "}
.clear                     { clear: both;display: block;}
.clearfix:after            { clear:both;       }		
.text-right                { text-align:right; }
.text-left                 { text-align:left;  }
.float-left                { float:left        }
.float-right               { float:right;      }
.container                 { width:1304px; margin:0 auto;}
.container-fluid           { width:100%        }

.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-12                 { width:100%         }
.col-lg-11                 { width:91.66666667% }
.col-lg-10                 { width:83.33333333% }
.col-lg-9                  { width:75%          }
.col-lg-8                  { width:66.66666667% }
.col-lg-7                  { width:58.33333333% }
.col-lg-6                  { width:50%;         }
.col-lg-5                  { width:41.66666667% }
.col-lg-4                  { width:33.33333333% }
.col-lg-3                  { width:25%          }
.col-lg-2                  { width:16.66666667% }
.col-lg-1                  { width:8.33333333%  }
.pr                        { position:absolute   }
.radius                    { behavior: url(/Public/css/pie.htc);}
.f,.f a                    { color:#fff         }

/* ###################��ҳ###################### body{min-width:1430px;}*/



.header{ height: 112px;   }
.header_top{ height:28px; line-height: 28px; overflow:hidden; width:100%; text-align: right;   color: #ffffff;}
.header-mid-w{    height: 72px; position: relative;    }
.header-mid{  height: 112px;        width: 100%;    z-index: 999;}
.header_logo{ float:left;  position: relative;  width:306px;    height: 112px;}
.header_logo img{ }
.header_right{ float:right;width: 973px; }
.header_right_t{ padding-top: 34px;height: 41px;}
.header_right .shop{ font-size:18px;  text-align: left; padding-top: 48px; line-height: 28px;color: #ffffff;}
.header_right .shop span{ font-size: 30px; font-family:Mongolian Baiti;}
.header_right  .phone{ float: right; font-size: 14px; color: #3eb8cd; padding-right: 18px; font-weight: bold;    line-height: 28px;	 }
.header_right .language{color: #3eb8cd; font-size: 14px;padding-right: 15px;    line-height: 28px;} 
.header_right .language:after{content:"▼";font-size: 14px;color: #000;    display: inline-block; margin-left: 10px;}	
.header_right .language span{line-height: 13px; display: inline-block; border-bottom: 1px #000 solid; color: #000;}


.search{ width:190px; float:right; height:28px;    margin-right: 12px; background: url(../images/1.jpg) 0 0 no-repeat;}
.search form{ float:left;}
.search-keyword{ height:28px;background:transparent;float: left;width: 145px;line-height:28px;border:none; padding-left:10px; color:#b5b5b5; }
.search-submit{ height:28px; width:29px; border:none; display:inline-block;background: transparent;color: #fff;text-indent: -9999px;  }








.nav{  z-index:1;     float: right; }
.nav .nLi{ float:left;  position:relative; display:inline; z-index:9; height: 14px;width:126px; }
.nav .nLi:before{ content: "|"; float: left; height: 14px; line-height: 14px;}
.nav .nLi h3 a{ display: block;font-size: 14px;text-decoration: none;font-weight:normal;    height: 14px; line-height: 14px; color:#000; text-align: center;}
.nav .nLi h3 span {display: block;font-size:11px;pointer;font-weight: bold; color: #e71f19;line-height: 12px; font-weight:normal; text-shadow:none;}
.nav li.one:before{content:" "; }
.nav li.on h3 a,.nav li.on h3 span,.nav li:hover h3 a,.nav li:hover h3 span{ }
.nav .nav_logo{ float:left; width:175px; height:60px;}




.nav .sub{ display:none; width:100%; border-radius:0 0 5px 5px; left:0px; top:42px; background: #0167d2; padding-bottom: 15px;  position:absolute; z-index:9999; text-align:center;}
.nav .sub li{ zoom:1;height:47px; line-height:47px; background: #0167d2 url(../images/subli.jpg) bottom left repeat-x;  }
.nav .sub a{ font-size:14px;   text-align:center; color:#fff; }
.nav .sub span{ padding:0 10px; color:#fff;}
.nav .sub a:hover{ color:#cc0000;}






.box0{ height: 277px; background: url(../images/2.jpg) top center no-repeat; margin-top: 25px; padding-top: 140px;}
.box0 .box0_1{ width: 825px; float: left; color: #ffffff; line-height: 24px;}
.box0 .box0_1 h2{ font-size: 18px; padding:15px 0 25px; font-weight: normal;}
.box0 .box0_1 a{ display: block; width: 130px; height: 22px; line-height: 22px; color: #ffffff; border:1px #fff solid; text-align: center; margin-top: 20px;}
.box0 .box0_2{ float: right; width: 350px; font-size: 30px; color: #ffffff;line-height: 40px;}






.box1_title_p{  float: left;  padding-top: 45px;  padding-left: 45px; font-size:16px; }
.box1_title_p a{ color:#d85823}



.conter{margin:20px auto;}


.index_box1{margin-top:15px;}





.box1{ height: 649px; background: #edfcff;}

.box1_t{ text-align: center; font-size: 30px; padding-top: 40px; line-height: 30px;}
.box1_t span{ font-size: 24px; background: url(../images/3.jpg) bottom center no-repeat; height: 40px; padding-top: 10px;    display: block;}
.box1 .box1_1{ padding-top: 25px;}
.box1 .box1_ul li{ float: left; width: 105px; height: 110px; margin-right: 24px; text-align: center; border-bottom:1px #000 solid;}
.box1 .box1_ul li span{ padding-top: 28px;  font-size: 35px; display: block; padding-bottom: 15px;}
.box1 .box1_ul li:hover,.box1 .box1_ul li:hover a,.box1 .box1_ul li.on,.box1 .box1_ul li.on a{ color: #ffffff; border-bottom-color:#3eb8cd; background: #3eb8cd;}

.box1 .box1_list{ width: 1303px; margin: 0px auto; padding-top: 50px;}
.box1 .box1_list_2{ float: left; width: 410px; height: 290px; padding: 20px; background: url(../images/1.png) 0 0 no-repeat; margin:0 40px 0 15px;}
.box1 .box1_list_3{ float: left; width: 765px; padding-top: 20px;}
.box1 .box1_list_3 a{ height: 22px; width: 130px; line-height: 22px; text-align: center; margin-top: 25px; display: block; border:1px #000 solid;}

.box2{ height: 336px; background: #dde9f3;}
.box2 .box2_1{ font-size: 24px; color: #000000; text-align: center; padding-top: 40px; padding-bottom: 5px;}
.box2 .box2_1 span{ font-size: 26px; color: #6e6e6e; font-family:Arial;}
.box2 .box2_2{ text-align: center;}
.box2 .box2_3{ padding-top: 30px;}
.box2 .box2_3 li{ float: left; width: 241px; height:160px; margin-right: 24px;}
.box2 .box2_3 li img{ display: block;}

.box3{ height: 190px;}
.box3 .box3_1{width: 680px; margin-left: 35px; float: left;}
.box3 .box3_1 h2{ font-size: 30px; font-weight: normal; padding-top: 50px;}
.box3 .box3_1 h2 span{ font-size: 24px; background: url(../images/3.jpg)  27px bottom no-repeat; height: 50px; line-height: 50px; display: block;}
.box3 .box3_1_1{ background: url(../images/4.jpg) 0 8px no-repeat;    overflow: hidden;    margin-top: 15px;}
.box3 .box3_1_1 li{ float: left;  width: 240px;  line-height: 30px; padding-left: 20px; }
.box3 .box3_1_1 li.i1,.box3 .box3_1_1 li.i2{line-height: 15px;}

.box3 .box3_2{ float: left; width: 580px; padding-top: 35px;}
.box3 .box3_2 input,.box3 .box3_2 textarea{ border: none; border-bottom:2px #000 solid; height: 40px; line-height: 40px; color: #898989;}
.box3 .box3_2_1 input,.box3 .box3_2_2 input{width: 232px;}
.box3 .box3_2 textarea{ height: 45px; width: 580px; margin-top: 15px;}
.box3 .box3_2_1{ float: left; width: 232px;}
.box3 .box3_2_2{ float: right; width: 232px;}
.box3 #submit{ border:none; background: #ffffff; float: right; height: 24px; line-height: 24px; color: #000000;}

/* 焦点图 */
.focusBox { position: relative; width: 304px; height:194px; border:1px solid #c7c7c7;margin-top: 12px;
    padding: 8px;  overflow: hidden; font-family:Arial; text-align: left; background:#f3f3f3; }
.focusBox .pic img { width: 304px; height:168px; display: block; }

.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:95%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;  right: 0;}
.focusBox .txt li a{ display: block; color: #000; padding: 0 0 0 10px; font-size: 12px; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; left: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; background:url(../images/7.png) center no-repeat; }
.focusBox .num li.on span,.focusBox .num span:hover{   background:url(../images/8.png) center no-repeat;  }

.box1 .box1_2_2{
    margin-top: 35px;
    margin-bottom: 15px;}
.box1 .box1_2_3{  width: 80px;}
.box1 .box1_2_3 .bshare-custom  a{    padding-left: 35px;  margin-bottom: 10px;}
.conter_box2_right .I_title p{ float:right;line-height: 40px; padding-right:20px;}





.inside_i{ height: 0px; position: relative;}
.inside_i_0{ position: absolute; left: 0; width: 100%;height: 44px;line-height: 44px; background: url(../images/9.png);bottom: 0;}
.inside_i_1{ float: right; padding-right:25px;  }
.inside_i_1 h2{ float: left;color: #313131; font-size: 24px;    font-weight: normal;}
.inside_i_1 p{ float: left; margin-left: 20px; color: #313131; font-size: 12px;}
.inside_i_1 p a{ color: #313131; }
.inside_i_2{ float: left;}
.inside_i_2 li{  float: left; height: 44px;}
.inside_i_2 li a{ height: 44px;  display: block;line-height:44px; font-size: 12px; padding: 0px 25px;}
.inside_i_2 li a.i0{ border-left:0;}
.inside_i_2 li:hover,.inside_i_2 li.on{   background: #3eb8cd; }
.inside_i_2 li:hover a,.inside_i_2 li.on a{ color: #fff;   }

.insdie_title{ height:74px; width:975px; margin:0 auto;}
.insdie_title p{ float:left; background:url(../images/wz.png) left center no-repeat; padding-left:30px; height:50px; line-height:50px; font-size:14px; color:#444444;}
.insdie_title p a{color:#444444; font-size:14px;}

.box2_2_2_2{ width: 1030px; float: left;}
.box2_2_2_3{ width: 260px;float: right; padding: 20px 0 0;}
.box2_2_2_3_1{  border:1px solid #d3d3d3;}
.box2_2_2_3_1_1{ border-bottom: 1px solid #dbdbdb; line-height: 40px;   height: 40px;padding: 0px 15px;}
.box2_2_2_3_1_1 h2{font-size: 18px;color: #000000;    font-family: Arial;}
.box2_2_2_3_1_1 a{ color: #e71f19;}
.box2_2_2_3_1_2{padding: 10px 15px 45px; background: url(../images/5.jpg) right bottom no-repeat; line-height: 30px;}
.box2_2_2_3_1_2 li{ border-bottom:1px dashed #a0a0a0;}
.box2_2_2_3_1_2 li h2 a{ color: #e71f19; }
.box2_2_2_3_1_2 li p{  color: #6d6d6d;     padding-bottom: 5px;    line-height: 20px;}

.I_contact{  width:378px; float:right;}
.I_about_content{ line-height:24px;font-size:12px; color:#666;} 
.I_about_content img{ float:left; margin-right:10px;}
.I_contact_content{ background:url(../images/I_contact_content.jpg) no-repeat;  margin-top: 15px;
  padding-left: 100px;   line-height: 65px; font-size:14px;}



.index_box2_right{ float:right; width:772px;}
.conter_box3{ height:42px; background:url(../images/conter_box3.png) no-repeat;line-height: 40px; padding-left: 25px;}
.conter_box3 a{ font-size:15px; color:#fff;}
.conter_box3 a span{ font-size: 12px; color: #8a8a8a; padding-left: 5px;}
.contact{ border-top:1px #e4e4e4 solid;  width: 285px; margin: 14px auto 0;    box-shadow: 0 0 5px #e4e4e4;
    border-radius: 3px;}
.contact .p1{ line-height:25px; color:#353535; padding:0 15px;}



.index_box2{ margin-top:20px;}
.index_box2_left{ float:left; width:250px;}
.conter_box2_left img{ display: block; margin: 10px auto;}
.conter_box2_left_proclass{   position:relative; background: #fcfbfb;  width: 283px;border: 1px #e4e4e4 solid;border-top: none; }

.conter_box2_left_proclass ul{ position: relative;border-radius:0 0 3px 3px; padding-bottom: 10px;       }
.I_categories_content{overflow: hidden;}
.conter_box2_left_proclass li{ margin-top: 11px; height:30px; line-height:30px; text-align: center; font-size:16px; background: url(../images/conter_box2_left_proclass.png) center  no-repeat;}
.conter_box2_left_proclass li a{font-size: 14px; color: #000;}
.conter_box2_left_proclass li:hover{background: url(../images/conter_box2_left_proclass_l.png) center  no-repeat;}

.conter_box2_left_proclass li:hover a{  color:#fff}
.conter_box2_left_proclass li.c1{background:#f0f0f0;}


.news_title{ background:url(../images/news_title.jpg) no-repeat; height:43px;}
.I_News_content{   padding: 10px 0px;}

.box2_2{ padding-top: 15px;}
.box2_2 li{ float:left; width:315px; margin-bottom: 20px; }
.box2_2 li .pic{ display: block; width: 285px; height:197px; padding: 15px; background: url(../images/5.png) 0 0 no-repeat;}
.box2_2 li img{ width:285px; height:197px; display:block;}
.box2_2 li p{ height: 44px; line-height: 44px; text-align: center; font-size: 14px;}
.box2_2 li p a{color: #fff;}
.pro li{ margin-bottom: 20px; margin-right: 14px;}


.pro_content{ padding:15px 0 0; min-height:545px;}
.pro_content2{ padding:15px 0 0; min-height:545px;}
.pro_content2 li{ float:left; margin-left: 17px; background: #0167d2; border:1px #0167d2 solid;  margin-bottom: 15px;text-align: center;}
.pro_content2 li .title{ height: 50px; line-height: 24px; padding: 0px 15px; text-align:left; }
.pro_content2 li .title a{ font-size: 14px; color: #fff;}
.pro_content2 li img{ width:201px; height:221px;display: block;}
.pro_h3{ height:26px; line-height:26px; text-align:center; margin:10px 0; border:1px #ccc dashed;}

.conter_box2{width: 1200px;margin: 0 auto;}
.conter_box2_right{ width:890px; float:right; min-height: 600px;}
.conter_box2_right .index_title{ background:url(../images/products.jpg); height:29px; line-height:29px; overflow:hidden; padding:0 10px;}
.conter_box2_right .index_title p{ float:right;  color:#fff;}
.conter_box2_right .index_title p a{ color:#fff;}
.conter_box2_right .index_title h2 a{ color:#fff; font-family:微软雅黑; font-size:14px; font-weight: normal;}
.pro_title{ height:49px; border-bottom:1px #cc9966 solid; margin:0 25px; line-height:49px;}
.pro_title a{ font-size:18px;}
.pro_title a span{ font-size:14px;}

.conter_box2_left .index_title{ background:url(../images/index_title.jpg); height:29px; line-height:29px; overflow:hidden;padding:0 10px 0 20px ; }
.conter_box2_left .index_title p{ float:right; padding-right:15px;}
.conter_box2_left .index_title h2 a{ color:#000; font-family:微软雅黑; font-size:30px; font-weight:normal; font-size:14px;color:#fff;}
.conter_box2_left .index_title h2 a span{ margin-left:15px;font-size: 12px;}
.conter_box2_left .pro_content{ padding:20px 0 0 25px; min-height:365px}


.about_content{padding:20px 0 0;min-height: 300px;}





.conter_box2_left{ width:288px; float:left;}


.inside_search{ float:right;}

.inside_title{ height:42px; line-height:32px; position:relative; border-bottom: 1px #ccc solid; overflow:hidden;}
.inside_title p{ float:right;font-size:12px; padding-right:20px; color:#000;  line-height: 42px;}
.inside_title h2{ font-size:16px; font-weight: normal; float:left;  color:#4b4b4b;  line-height: 42px; background: url(../images/7.jpg) left center no-repeat;    padding-left: 15px;}
.inside_title h2 span{ color:#838383; font-size:12px; margin-left:5px;}

.subnav{ height:42px; background:#ddd;margin-top: 20px;}
.subnav li{ padding:0 20px; line-height:42px; margin-right:2px; background:#ccc; float:left;}
.subnav li.on{ background:#009999;}
.subnav li.on A{ color:#FFF;}


.pro_content li{ height:168px; overflow:hidden; float: left;width:350px;margin-left: 10px;}
.pro_content li img{ width:146px; height:146px; float:left;  margin: 5px 10px 0 5px; padding:2px;}
.pro_content li h2{ text-align:left; overflow:hidden;margin-right:10px; font-size:12px; line-height:32px;}
.pro_content li p{ height:100px; overflow:hidden; }
.pro_content li span{ font-weight:bold;}
.pro_content li a.more{display: block;text-align: right;padding-right: 32px; background:url(../images/amore.jpg) right top no-repeat;margin-right: 19px;}
.art_content{min-height: 340px;}
.art_content li{ line-height:35px;  border-bottom:1px #ccc solid;padding:20px 10px 15px;}
.art_content li.t{ height:126px;}
.art_content li.t p{ height:80px;background: none; }
.art_content li img{ width:145px; height:126px; float:left; border:1px #b3b3b3 solid; margin-right:15px;}
.art_content li span{ float:right; font-size:12px;
    background: none;box-shadow:none}
.art_content li h2{ font-weight:normal;}
.art_content li h2 a{ font-size:14px;}
.art_content li p{ height:54px; line-height:24px; overflow:hidden;color: #000;text-align: left;}
.art_content li a.more{ width:80px; line-height:24px; height:24px; background:url(../images/news_more.jpg) no-repeat; display:block; color:#fff; text-align:center; padding-right:10px;}



.scott{ text-align:right;padding: 20px 50px 20px 0;}
.scott span,.scott a{ height:19px; padding:0 5px; border:1px #ccc solid; line-height:19px; margin-right:5px;}
.scott .current{ border:1px #0b33e0 solid; }

.biaoti{ height:42px; line-height:42px; font-size:20px; text-align:center;}
.wzzw{ line-height:24px;}
.wzzw_img{ text-align: center;}
.wzzw img{}
.footer{   overflow: hidden; height: 103px; font-size: 12px; background: #222e30;  color: #b6b6b6;
    margin-top: 25px; }
.footer .footer_insdie{width:1303px; margin:0 auto; position:relative; padding-top: 9px;    overflow: hidden; }
.footer .footer_insdie_1 { width: 1000px; float: left; }
.footer .footer_insdie_3{ padding:55px 15px 0 0;}
.footer .footer_nav_list{   }
.footer .footer_nav_list a{color: #cdcdcd;  padding:0 39px; line-height: 50px;}
.footer .footer_b{ color: #cdcdcd; padding-left: 39px;}
.footer .footer_bottom{
    line-height: 48px;
    color: #ffffff;}
@media screen and (min-width: 320px) and (max-width: 480px) {
   body{ width:1460px;}
}