@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;border:0;}
div,ul,li,h1,h2,h3,h4,h5,h6,img,dd,dl,dt,p{padding:0px; margin:0px;}
body{padding:0px; margin:0px; font-size:14px; font-family:"微软雅黑"; color:#858585;}
.clear {clear: both; line-height:0; padding:0px; margin:0px;}
ul,li{ list-style-type:none; margin:0; padding:0;}
img { border-style: none; }
p{ margin:0; padding:0;}
a{text-decoration:none;}
a:hover{ text-decoration:none; }
.fl{ float:left;}
.fr{ float:right;}
/*通用文字颜色,大小等等*/
.top_bj{ width:100%; height:auto; background:url(../Image/p1.jpg) center repeat-y; min-width:1200px !important; overflow:hidden;}
.top{ width:1200px; height:auto; margin:0 auto; line-height:41px; color:#000; overflow:hidden;}
.top_left{ color:#cccccc;}
.top_right{ color:#cccccc;}
.top_right a{ color:#cccccc; margin:0 10px;}
.head{ width:1200px; height:auto; margin:0 auto;}
.logo{ width:250px; margin-top:40px;}
.logo img{ max-width:250px;}
.nav{ width:800px; height:auto; margin:0 0 30px 0;}
.nav li:hover a{ color:#033692;}
.nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  position: relative; float:left; text-align:center; color:#000; line-height:50px;
}
.nav a {
  display: block;
  color:#000;  width:112px;font-size:15px; display:block; float:left;
}
.nav a:hover {
   color:#2662b7; font-weight:bold;
}
.nav li ul { width:180px;
}
.nav li ul li {
   line-height:30px; background:rgba(255,255,255,0.8); margin-top:2px;width:180px;
}
.nav li ul a {
  border: none; line-height:30px; font-size:12px; color:#000000; width:180px; margin-left:0px;
}
.nav li ul a:hover {
  background:#033692; color:#fff;
}

.nav4 ul > li:hover ul li {
  max-height: 150px;
}
.nav4 li ul {
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 999999;
}
.nav4 li ul li {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -moz-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}

.tel{ color:#033692; font-size:16px; background:url(../Image/tel.png) left center no-repeat; padding-left:60px; margin-top:20px;}
.tel p{ color:#033692; font-size:22px; font-weight:bold;}



.search_bj{ width:100%; height:auto; background:url(../Image/p2.jpg) center repeat-y; min-width:1200px !important; overflow:hidden; margin-top:-4px;}
.search{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.search_left{ line-height:59px; color:#fff;}
.search_left b{ font-size:16px;}
.search_left a{ color:#fff; margin-right:10px;}
.search_right{ width:350px; height:32px; position:relative;}
.search-text{height:30px;width:250px; position:absolute; top:10px; left:0px;color:#727272; font-size:12px;outline:none; background:none; border-bottom:1px solid #676767;}
.search-btn{ width: 75px; height:70px; position:absolute; top:0px; right:0px; background:url(../Image/search.jpg) center no-repeat #f0f0f0; color:#fff; outline:none; text-indent:-999px;}


.banner{ width:100%;white-space:nowrap; margin:0 auto; overflow:hidden;min-width:1200px !important;   position:relative; z-index:1;}
.banner_m{ width:50%; display:inline-block; position:relative;}
.wrapper {*float:left; width:1920px; height:600px; display:inline-block; position:relative; left:-967px;}
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none;}
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 40%; left:4%; z-index: 100; width: 72px; height: 143px; background:url(../Image/prev.png) center no-repeat; overflow: hidden; text-indent: -9999em; margin-top:0; }
.box_skitter .next_button { position: absolute; top: 40%; right:4%; z-index: 100; width: 72px; height: 143px; background:url(../Image/next.png) center no-repeat; overflow: hidden; text-indent: -9999em; margin-top:0;}
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../Image/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width:1920px; height:600px; }
#slideshow ul { display: none; }





/*********************head end******************/



.index1_bj{ width:100%; height:auto; background:url(../Image/p3.jpg) center bottom no-repeat; min-width:1200px !important; overflow:hidden; margin-top:30px;}
.index1{ width:1200px; height:auto; margin:0 auto;}
.index1_top{ height:107px; background:url(../Image/p4.png) center no-repeat;}
.index1_type{ margin-top:20px;}
.index1_type li{ float:left; width:194px; line-height:55px; text-align:center; background:#033692; color:#fff; font-size:16px; margin:0 3px;}
.index1_type li:hover{ background:#6ba420;}
.index1_main_left{ width:400px; height:auto; color:#282828; line-height:30px; margin-top:80px; font-size:16px;}
.index1_main_left p{ font-size:24px; color:#033692; margin-bottom:10px;}
.index1_main_more{ width:194px; line-height:55px; text-align:center; background:#033692; color:#fff; font-size:16px; margin-top:30px;}
.index1_main_more:hover{ background:#6ba420;}
.index1_main_right{ width:700px; height:334px;background:url(../Image/p5.png) center no-repeat; margin-top:50px;}
#gundong{width:1200px; margin:0 auto;overflow:hidden;height:auto;}
#indemo{float: left;width: 800%;}
#gundong1,#gundong2{height:auto;float:left;display:inline-table;}
#gundong1 ul,#gundong2 ul{ overflow:hidden; margin-top:50px; }
#gundong1 li,#gundong2 li{ width:284px; height: 294px;transition: all 0.8s ease 0s; float:left; margin:0 10px; overflow:hidden; background:#fff; position:relative;}
#gundong1 li div,#gundong2 li div{ width:284px; height:294px; background:#fff;}
#gundong1 li div img,#gundong2 li div img{ width:284px; height:294px;}
#gundong1 li p,#gundong2 li p{ line-height:54px; height:54px; transition: all 0.8s ease 0s;color:#fff; text-align:center; font-size:16px; width:284px; background:rgba(0,0,0,0.5); position:absolute; bottom:0;}
#gundong1{float: left;height:auto;}
#gundong2{float: left;}
#gundong1 li:hover p,#gundong2 li:hover p{ background:#6ba420;}



/*******************************index1 end********************/




.index2{ width:1200px; height:auto; margin:0 auto; background:url(../Image/p7.jpg) left bottom no-repeat; overflow:hidden; margin-top:52px; padding-bottom:30px;}
.index2_left{ width:530px; height:auto;}
.index2_right{ width:600px; height:389px; background:url(../Image/about.jpg) no-repeat;}
.index2_left_top{ height:107px; background:url(../Image/p6.png) no-repeat;}
.index2_left_main{ margin-left:45px; color:#282828; line-height:25px; font-size:16px;}
.index2_left_main p{ margin-left:2em; margin-top:35px; margin-bottom:10px; color:#033692; font-size:24px; font-weight:100;}
.index2_more{ width:194px; line-height:55px; text-align:center; background:#033692; color:#fff; font-size:16px; margin-top:30px;}
.index2_more:hover{ background:#6ba420;}



/***************************index2 end***************/



.index3_bj{ width:100%; height:360px; margin:0 auto; background:url(../Image/p8.jpg) center no-repeat; overflow:hidden; margin-top:52px; min-width:1200px !important;}
.index3{ width:1200px; height:auto; margin:0 auto;}
.index3 li{ float:left; width:360px; font-size:16px; color:#282828; padding-top:160px; line-height:25px; margin-top:30px; margin-left:60px;}
.index3 li p{ font-size:24px; font-weight:bold; text-align:center; margin-bottom:10px;}
.index3 .p9{ background:url(../Image/p10.png) top center no-repeat; margin-left:0px;}
.index3 .p10{ background:url(../Image/p9.png) top center no-repeat;}
.index3 .p11{ background:url(../Image/p11.png) top center no-repeat;}


/******************index3 end*********************/



.index4{ width:1200px; height:auto; margin:0 auto; margin-top:35px;}
.index4_top{ height:107px; background:url(../Image/p12.jpg) top center no-repeat;}
.index4_main li{ width:385px; float:left; margin:10px 7px;}
.index4_con{ width:343px; padding:0 20px; border:1px solid #dcdcdc;}
.index4_con .index4_tit{ border-bottom:1px solid #dcdcdc; margin-top:20px; color:#777777; padding-bottom:10px; line-height:25px;}
.index4_con .index4_tit p{ font-size:16px; color:#282828; margin-bottom:10px;}
.index4_more{ height:43px; background:url(../Image/p13.jpg) right center no-repeat;}
.index4_main li:hover .index4_con{ border:1px solid #033692;}
.index4_main li:hover .index4_tit{ border-bottom:1px solid #033692;}
.index4_main li:hover .index4_tit p{ color:#033692;}



/***************************index4 end*********************/



.foot_bj{ width:100%; height:auto; background:#222222; min-width:1200px !important; overflow:hidden; margin-top:50px;}
.foot{ width:1200px; height:auto; margin:0 auto;}
.foot_nav{ margin-bottom:45px;}
.foot_nav li{ margin-top:30px; float:left; color:#fff; width:170px; text-align:center;}
.foot_nav li a{ color:#fff; font-size:16px; width:165px; display:block; float:left;}
.foot_contact{ border:1px solid #a0a0a0;}
.foot_contact li{ width:223px; float:left; color:#fff; text-align:right; padding:60px 40px 15px 40px;}
.foot_contact li p{ font-size:18px; font-weight:100; margin-bottom:10px;}
.foot_contact li b{ font-size:20px;}
.foot_contact .p14{ background:url(../Image/p14.jpg) top 20px right 40px no-repeat;}
.foot_contact .p14 p{ margin-bottom:0px;}
.foot_contact .p15{ background:url(../Image/p15.jpg) top 20px right 40px no-repeat; border-left:1px solid #a0a0a0; border-right:1px solid #a0a0a0;}
.foot_contact .p16{ background:url(../Image/p16.jpg) top 20px right 40px no-repeat;}
.foot_contact .p16 p{ font-size:15px;}

.cop{ margin-right:75px; text-align:center; color:#eeeeee;}
.cop p{ margin-top:10px;}

.foot_bottom{ color:#eeeeee; line-height:75px;}
.foot_bottom a{ color:#eee;}
.foot_bottom span{ margin-left:10px;}



/**********************foot end********************/



.inner{ width:1200px; height:auto; margin:0 auto; margin-top:45px;}
.inner_left{ width:262px; height:auto;}
.inner_left_type_top{ color:#fff; font-size:18px; background:#033692; text-align:center; padding:35px 0;}
.inner_left_type_top p{ font-size:30px; font-weight:bold;}
.inner_left_type ul{ border:2px solid #033692;}
.inner_left_type ul li{ width:214px; line-height:55px; text-align:center; background:#033692; color:#fff; font-size:16px; margin:10px auto;}
.inner_left_type li:hover{ background:#6ba420;}
.inner_left_contact{background:url(../Image/p17.jpg) center no-repeat; color:#fff; font-size:16px; padding:45px 10px; margin-top:20px;}
.inner_left_contact p{ font-size:30px; font-weight:bold; margin-top:10px;}



.inner_right{ width:895px;}

.inner_right_top{ overflow:hidden; padding-bottom:10px;}
.catname{ font-size:24px; color:#033692;}
.catname span{ color:#a3a3a3; font-size:18px; font-weight:100; margin-left:10px;}
.location{color:#a3a3a3; margin-top:10px;}
.location a{ color:#a3a3a3;}
.inner_right_line{ height:1px; background:#ededed;}
.inner_right_line p{ height:2px; background:#033692; width:155px;}

.inner_right img{ max-width:895px;}

.innerright_foot{ width:895px; margin-top:20px;}
.innerright_foot img{ max-width:895px;}

.inner_content{ color:#000; line-height:30px;}
.inner_content table{width:895px !important;height:auto;margin:10px 0; border-collapse:collapse; border:1px solid #000;}
.inner_content table tr td{text-align: left;padding:0px 10px;border:1px solid #000; line-height:50px;}
.inner_content .table2 tr td{border:none;}
.inner_content .table3 tr td{border:1px solid rgb(204,204,204);}


.pro li{ width:284px; height: 275px;transition: all 0.8s ease 0s; float:left; margin:10px 7px; overflow:hidden; background:#fff; position:relative;}
.pro li div{ width:284px; height:275px; background:#fff;}
.pro li div img{ width:284px; height:275px;}
.pro li p{ line-height:54px; height:54px; transition: all 0.8s ease 0s;color:#fff; text-align:center; font-size:16px; width:284px; background:rgba(0,0,0,0.5); position:absolute; bottom:0;}
.pro li:hover p{ background:#6ba420;}


.pimg{ width:800px; height:auto; overflow:hidden;}
.pro_img{ width:312px; height:auto; border:1px solid #CCC;}
.pro_img img{ width:310px; height:310px;}
#preview {text-align: center; width: 380px;}
.jqzoom {border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; width: 310px; float:left; margin-bottom: 10px; height: 310px; overflow: hidden; border-top: #ddd 1px solid; border-right: #ddd 1px solid; position: relative;}
.zoomdiv {width: 310px; height: 310px; left: 859px;z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 310px; display: none; background: url(../Image/loading.gif) #fff no-repeat center center; height: 310px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px}
#spec {position: relative; width: 56px; height: 300px; margin-left: 6px; float:left; overflow: hidden; }
.specLeftT {position: absolute; width: 54px;background:url(../Image/next-no-vertical.jpg) no-repeat; float: left; height: 17px; bottom: 0px; cursor: pointer; left: 0px}
.specRightT {position: absolute; width: 54px; background:url(../Image/pre-no-vertical.jpg) no-repeat; float: left; height: 17px; top: 0px; cursor: pointer; right: 0px}
.specLeftF {position: absolute; width: 54px; background:url(../Image/next-no-vertical.jpg) no-repeat; float: left; height: 17px; bottom: 0px; cursor: pointer; left: 0px}
.specRightF {position: absolute; width: 54px; background:url(../Image/pre-no-vertical.jpg) no-repeat; float: left; height: 17px; top: 0px; cursor: pointer; right: 0px}
.pro_left {position: absolute; width: 54px;background:url(../Image/next-no-vertical.jpg) no-repeat; float: left; height: 17px; bottom: 0px; cursor: pointer; left: 0px}
.pro_right {position: absolute; width: 54px; background:url(../Image/pre-no-vertical.jpg) no-repeat; float: left; height: 17px; top: 0px; cursor: pointer; right: 0px}

#specList {display: inline; float: left; margin-left: 2px}
#specList UL LI {width: 50px; display: inline; margin-right: 4px}
#specList UL LI IMG {border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; width: 40px; padding-right: 2px; margin-bottom: 1px; height: 40px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 2px}
.bigimg {
	WIDTH: 800px; HEIGHT: 800px
}
.jqZoomPup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #fede4f no-repeat 50% top; height: 50px; visibility: hidden; border-top: #aaa 1px solid; top: 0px; cursor: move; border-right: #aaa 1px solid; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}
#specList {POSITION: absolute; TEXT-ALIGN: left; WIDTH: 60px; HEIGHT: 250px; OVERFLOW: hidden; TOP: 25px; LEFT: 0px
}
#specList UL {POSITION: absolute; WIDTH: 60px; LEFT: 4px}

.pro_name{ width:370px; height:auto;}
.pro_name li{ width:370px;  border-bottom:1px dashed #CCC; line-height:40px; color:#000;}
.inner_share{ width:370px; margin-top:20px;overflow:hidden;}
.inner_share p{ float: left; color:#000; line-height:30px;}
.go_order{
    padding: 8px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #0341a6;
    border: none;
    margin-top: 50px;
    outline: none;
}
.go_order:hover{
    background: #f00f0d;
}
.order-content{
    padding: 20px 30px;
    background: #fff;
}

.order-content .order-line{
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 14px;
}
.order-content .order-line:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.order-content .order-line lable{
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    text-align: right;
}
.order-content .order-line .order-zhi{
    float: left;
    padding: 10px;
    line-height: 30px;
    padding: 0px 10px;
    max-width: 380px;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
    border:none;
}
.order-content .order-line  .order-zhi.overword{
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.order-line.bz-line{
    height: auto;
}
.order-content .order-line .beizhu{
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
    width: 375px;
}
.order-content .order-line img{
    display: inline-block;
    float: left;
    margin-left:15px;
}
.order-content .go-sub{
    margin-left:70px;
    border: none;
    color: #fff;
    background: #0341a6;
    font-size: 14px;
    padding: 8px 28px;
    margin-top:8px;
    border-radius: 5px;
    outline: none;
}
.order-content .go-sub:hover
{
    background: #f00f0d;
}


.news_list li{ height:auto; border-bottom:1px dashed #ccc;margin-top:15px; padding-bottom:10px; overflow:hidden; }
.news_list_title{ line-height:25px; color:#2f2f2f; font-size:16px;}
.news_list_time{ font-size:12px; color:#757575;}
.news_list_con{ font-size:12px; line-height:20px; color:#666;}
.news_list_title:hover{ color:#00479d;}
.news_title{ font-size:18px; text-align:center; line-height:30px; color:#000; padding:10px 0 10px 0;}
.meta{ text-align:center;}


.inner_message{ color:#000; line-height:25px; margin-top:20px; margin-bottom:20px;}
.form-control1 {outline:none;
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom:20px;
  font-size: 14px;
  line-height: 50px;
  color: #000;
  border:none;
  box-shadow: 1px 2px 3px #F0F0F0 inset;
   padding-left:10px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control1:focus {
  border-color: #66afe9;
  outline:none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#content1{ height:140px; background:url(../Image/p32.jpg) right 11px top 10px no-repeat #f3f3f3; font-family:"微软雅黑";}
.form-group2{width:280px; height:50px; position:relative; border:none; box-shadow: 1px 2px 3px #F0F0F0 inset; float:left;}
.form-group2{ background:#f3f3f3;}
#submit2{ width:180px; height:50px; line-height:50px; text-align:center; background:#0058b1; color:#fff; float:left; margin-left:20px;}

.form-group #name{ background:url(../Image/p29.jpg) right 11px center no-repeat #f3f3f3;}
.form-group #email{ background:url(../Image/p30.jpg) right 11px center no-repeat #f3f3f3;}
.form-group #tel{ background:url(../Image/p31.jpg) right 11px center no-repeat #f3f3f3;}

.contact{ margin:20px;}
.contact ul{ float:left; margin-bottom:40px;}
.contact p{ font-size:20px; color:#484848; font-weight:bold; margin-top:15px; margin-bottom:10px;}
.contact ul li{ line-height:25px; color:#494949;}
.contact ul li b{ font-weight:bold; font-size:16px; color:#033692;}





.info_title{ width:895px; height:30px; background:#ececec; margin-top:20px;}
.info_title b{display:inline-block;padding-left:10px;height:100%;background:#0d59a3;color:#fff;line-height:30px;}
.back{ margin-top:40px;}
.back a{ color:#444444;}
.page1{ width:100%; margin-top:40px; text-align:center; line-height:2; color:#000;}
.page1 a{ background:#fff; padding:5px 20px; margin:0 5px; color:#000;}
.page1 .current{ background:#0b6cc7; font-weight:bold;  color:#FFF;line-height:2; padding:5px 20px; margin:0 5px;}
#page_num{ border:1px solid #c2c2c2; padding:0 5px;}
#prev_next{ color:#000; margin-top:20px; line-height:30px;}
#prev_next a{ color:#000;}