html{ background:#fff; color:#666666; overflow-x:hidden;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}

img{border:0;}

ol,ul{list-style:none;}

h1,h2,h3{font-weight:normal;font-size:100%;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}

input,textarea,select{*font-size:100%;}

legend{color:#000;}

a{color:inherit;text-decoration:none;}

/*******CSS reset*************/

body{ background:#fff; color:#666666; font-size:14px; font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}

.f12{font-size:12px;}

.f16{font-size:16px;}

.bold{font-weight:bold;}

.white{color:#fff;}

.left{float:left;}

.right{float:right;}

.t_r{text-align:right;}

.clear{clear:both;}

.relative{position:relative;}

.absolute{position:absolute;}

.rel_center{position:relative;left:50%;}

.hidden{display:none;}





/** header **/

#top_line_bj{ height: 40px; width: 100%; background: #03339f;}

#top_line{ width: 1200px; height: 40px; line-height: 40px; color: #d4d7e6;}

#top_line .right a{ padding:  0 10px;}



#top_index{ width: 1200px; height: 125px;}

#top_index #logo{ float: left; padding: 25px 0 0;}

#top_index #top_tel{ background: url(../Image/top_tel.png) no-repeat left top; color: #025cc2; font-weight: bold; font-size: 28px; float: right; padding: 14px 0 0 50px; margin-top: 45px;}



#nav_bj{ height: 58px; width: 100%; border-top: 1px solid #d6d6d6;}

#nav{ width: 1200px; height: 58px;}

#nav li{ float: left; border-right: 1px solid #d6d6d6; height: 58px; line-height: 58px; text-align: center; width: 132px; transition:0.3s;}

#nav li:hover{ background: #ff7a03;}

#nav li:hover a{ color: #fff;}



.flash{ width:100%; height:548px; margin:0 auto; text-align:center; position:relative; z-index:0;}

.flash .flashBox {position:relative; margin:0 auto; width:1000px; height:548px; }

/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/

/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/

.flash .flashBox .bd{position:absolute;  width:1920px; left:-460px;}

.flash .flashBox .bd img{width:100%; height:548px;}



#ssbj{ width: 100%; height: 125px; background: #0158b8;}

#ssnr{ width: 1200px; height: 125px;}

#ssnr .left li{ float: left; padding: 17px 20px 0; width: 130px; text-align: center; color: #fff; font-size: 15px;}

#ssnr .left li .pic{ padding-bottom: 5px;}

#ssnr .right{ width: 440px;}

#ssnr .right #sslb{ color: #fff; padding-top: 8px; width: 440px; line-height: 30px;}

#ssnr .right #sslb span{ display: block; float: left;}

#ssnr .right #sslb a{ display: block; float: left; padding-right: 10px;}



.ss{ width:440px; height:35px; margin: 10px 0 0 0;}

.sou_left{float:left; width:349px; height:32px; line-height:32px; border: 1px solid #cdcdcd; border-right: none; text-align:left; color:#000; background: none; padding-left:20px;}

.ss_pic{ float:right; padding: 0;}







/** footer **/

#end_bj{ width: 100%; height: 48px; background: #1c1c1c; text-align: center; line-height: 48px; color: #636363;}

#end_nr_bj{ background: #2c2c2c; width: 100%; height: auto; overflow: hidden;}

#end_nr_bj .left{ border-right: 1px solid #565656; padding-right: 60px;}

#end_nr_bj .left p{ color: #fff; font-size: 26px; /*font-weight: bold;*/}

#end_nr_bj .left span{ display: block; height: 40px; line-height: 40px; color: #bdbdbd;}

#end_nr_bj .left span a{ padding: 0 10px; color: #bdbdbd; font-size: 15px;}

#end_nr_bj .left span a:nth-of-type(1){ padding-left: 0;}

#end_nr_bj .left #wx{ padding-top: 30px;}



#end_nr_bj #end_nav{ float: left; border-right: 1px solid #565656; padding: 55px 25px; width: 200px;}

#end_nr_bj #end_nav li{ float: left; width: 100px; line-height: 50px; text-align: center; color: #9c9c9c; font-size: 16px;}



#end_nr_bj .right1{ padding-top: 20px;}

#end_nr_bj .right1 #end_tel{ background: url(../Image/end_tel.png) no-repeat left top; font-size: 22px; color: #fff; padding: 20px 0 0 40px; margin-bottom: 20px;}

#end_nr_bj .right1 p{ line-height: 30px; color: #9c9c9c;}









/*main*/

.main{ width: 1200px; height: auto; padding: 30px 0; clear: both !important;}

.hui{ background: #f2f2f2; width: 100%;}



#scroolZone li{ width:287px; height:255px; border: 1px solid #d7d7d7; background: #fff; float:left; margin:0 20px 20px 0; text-align:center; transition: 0.3s;}

#scroolZone li .pic{ display: block; width: 287px; height: 215px; overflow: hidden; border-bottom: 1px solid #d7d7d7; background: #fff; position: relative;}

#scroolZone li .pic img{ width:287px; height:215px;}

#scroolZone li .pic .nr{ position: absolute; left: 0; bottom: -215px; transition: 0.3s; width: 287px; height: 185px; background: rgba(0,0,0,0.7); text-align: center; padding-top: 30px;}

#scroolZone li .pic .nr .tit{ color: #fff; font-size: 16px; border-bottom: 1px solid #fff; height: 30px; display: inline-block;}

#scroolZone li .pic .nr .content{ color: #fff; text-align: left; font-size: 15px; padding: 20px;}

#scroolZone li .pic .nr .more{ width: 109px; height: 28px; border:1px solid #0349a8; border-radius: 15px; text-align: center; line-height: 28px; color: #fff; font-size: 14px;}

#scroolZone li p{ height: 40px; line-height: 40px; background: url(../Image/left_lb_icon.png) no-repeat right center; text-align: left; padding-left: 20px; transition: 0.3s; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

#scroolZone li:hover .pic .nr{ bottom: 0;}





#ysnr{ width: 1200px; height: auto; overflow: hidden;}

#ysnr .tit{ color: #3e3e3e; font-weight: bold; font-size: 36px; text-align: center;}

#ysnr li{ float: left; border: 3px solid #edf1f2; width: 289px; height: 293px; text-align: center; margin: 20px 2px 30px;}

#ysnr li .pic{ width: 79px; height: 79px; padding-top: 30px;}

#ysnr li .bt{ color: #444444; font-size: 24px; padding-top: 10px;}

#ysnr li .nr{ color: #737373; font-size: 14px; padding: 10px 10px 0; line-height: 25px;}







#ggbj{ background: url(../Image/ggbj.png) no-repeat center bottom; width: 100%; height: auto; overflow: hidden;}

#ggbj .main{ padding: 50px 0 160px; position: relative;}

#gsjjbj{ background: #0257b5; width: 1200px; height: 485px;}

#gsjjbj .right{ width: 559px; height: 485px;}

#gsjjbj .left{ padding: 45px 0 0 280px; width: 320px; background: url(../Image/gsjj.png) no-repeat 45px 40px; height: 440px; color: #fff;}

#gsjjbj .left .tit{ color: #fff; border-bottom: 5px solid #fff; height: 40px; font-size: 22px; font-weight: bold;}

#gsjjbj .left .content{ padding-top: 20px; color: #e7e9ef; font-size: 15px;}

#gsjjbj .left .more{ margin-top: 20px; background: url(../Image/gsjj_more.png) no-repeat right top; text-align: center; width: 76px; height: 22px; float: right; padding-right: 8px;}

#ggbj .main #gg_tel{ position: absolute; right: 0; bottom: 18px;}



.tit_index{ background: url(../Image/title_line.png) no-repeat center 32px; text-align: center;}

.tit_index p{ color: #000; font-size: 20px;}

.tit_index strong{ display: block; color: #3e3e3e; font-size: 34px; font-weight: bold; padding-top: 22px;}

.tit_index span{ display: block; color: #a3a3a3; text-transform: uppercase;}





.picScroll-left{ width: 1250px; overflow:hidden; margin: 50px auto 20px;}

.picScroll-left .bd{ padding: 0; float:left;}

.picScroll-left .bd ul{ overflow:hidden; zoom:1;}

.picScroll-left .bd ul li{ margin: 5px 10px; text-align: center; width:294px; height:320px; position: relative; color: #999999; float:left; transition: 0.3s;}

.picScroll-left .bd ul li .pic{ display: block; width:294px; height:216px;}

.picScroll-left .bd ul li .pic img{ max-width:294px; height:216px;}

.picScroll-left .bd ul li .jh{ position: absolute; left: 0; top: 216px; width: 294px; height: 0; overflow: hidden; line-height: 45px; transition:0.3s;}

.picScroll-left .bd ul li .jh img{ vertical-align: middle;}

.picScroll-left .bd ul li .content{ padding: 10px 20px; transition:0.3s; text-align: left;}

.picScroll-left .bd ul li .content p{ color: #404040; font-size: 18px; padding-bottom: 10px;}

.picScroll-left .bd ul li .content .nr{ color: #404040; font-size: 14px; line-height: 25px;}

.picScroll-left .bd ul li:hover{ box-shadow:0px 0px 5px #d9d9d9; height: 320px;}

.picScroll-left .bd ul li:hover .jh{ height: 45px; background: #ff7a03; text-align: center;}

.picScroll-left .bd ul li:hover .content{ padding-top: 60px;}





#xwbj{ background: url(../Image/news_bj.jpg)  repeat center top; width: 100%; height: auto; overflow: hidden; margin-top: 50px;}





.slideTxtBox_xw{ float: left; width:676px; background: #ffffff; text-align:left; margin-top: 20px;  }

.slideTxtBox_xw .hd{ float: left; height:314px; /*background: url(../Image/xwlb_bj.png) repeat-y left top;*/}

.slideTxtBox_xw .hd ul{ width: 200px; height: 314px; }

.slideTxtBox_xw .hd ul li{ width: 187px; height:157px; padding-right: 13px; cursor:pointer; text-align: center;  }

.slideTxtBox_xw .hd ul li .pic{ padding-top: 20px; }

.slideTxtBox_xw .hd ul li p{ color: #fff; font-size: 18px; }

.slideTxtBox_xw .hd ul li.on{ height:157px;  background: url(../Image/xwlb_hover.png) no-repeat left top;}

.slideTxtBox_xw .bd{ float: right; width: 435px; padding: 20px; }

.slideTxtBox_xw .bd ul{ padding:0;  zoom:1;  }

.slideTxtBox_xw .bd .xw_content{ border-bottom: 1px dotted #b4b4b4;}

.slideTxtBox_xw .bd .xw_content .tit a{ color: #ff7a03 !important; font-size: 16px; }

.slideTxtBox_xw .bd .xw_content .content{ padding: 10px 0; }

.slideTxtBox_xw .bd .xw_bt{ height:42px; line-height:42px; border-bottom: 1px dotted #b4b4b4; background: url(../Image/icon.png) no-repeat 5px center; padding-left: 20px; color: #5e5e5e; font-size: 13px; transition: 0.3s;}

.slideTxtBox_xw .bd .xw_bt a{ display: block; float: left; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; width: 80%;}

.slideTxtBox_xw .bd .xw_bt .date{ display: block; float:right; color:#5e5e5e; font-family: arial;  }

.slideTxtBox_xw .bd .xw_bt:hover{ border-bottom: 1px solid #333; }





#xwnr{ float: right; width: 245px; min-height: 315px; background: #ffffff; margin-left: 17px; margin-top: 20px;}

#xw_pic{ width: 245px; height: 187px;}

#xw_pic img{ width: 245px; height: 187px;}

#xw_font{ padding: 10px;}

#xw_font .tit{ font-size: 16px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#xw_font .Newstime{ display: block; font-size: 12px; color: #999999; font-family: arial; line-height: 30px;}

#xw_font .content{ padding: 0; color: #666666; line-height: 25px;}















/*zy*/

#sidebar{ width: 286px; height: auto; overflow: hidden; float: left; border: 1px solid #f2f2f2;}

#main_right{ width: 893px; height: auto; overflow: hidden; float: right;}

.content{ padding: 2%; line-height: 30px;}

.content img{ max-width: 100%; height: auto !important;}

#content_zy{ line-height: 30px; height: auto; overflow: hidden; clear: both !important; padding: 20px 5px 0; }

#zi_banner{ float: left; background: url(../Image/banner.jpg) no-repeat center; width: 100%; height: 300px;}



#con_lx{ height:auto; overflow:hidden; line-height:35; font-size:14px; width:60%; margin-bottom:20px; float: left; margin-left: 5px;}

#con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; padding-left:20px; transition:0.3s all 0s linear; }

#con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;}



#left_bt{ background: url(../Image/left_icon.png) no-repeat 30px center #0067da; height: 100px; padding-left: 125px; color: #fff; font-size: 30px; font-weight: bold; line-height: 100px;}

#pro_list{ padding: 12px 12px 7px; background: #fff;}

#pro_list li{ background: url(../Image/left_lb_icon.png) no-repeat right center #f2f2f2; color: #333333; margin-bottom: 5px; padding-left: 45px; height: 40px; line-height: 40px;}



#title_zy{ border-bottom: 1px solid #0158b8; height: 50px;}

#title_zy .left{ background: #0158b8; padding: 0 30px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; font-weight: bold;}

#title_zy .right{ background: url(../Image/home.png) no-repeat left center; line-height: 50px; padding-left: 30px;}







/*产品详情*/

#cp_tel{ float: left; background: url(../Image/cp_tel.png) no-repeat left top; padding: 22px 0 0 47px; font-family: impact; font-size: 35px; margin-top: 40px; color: #fa5f1d;}



.o_product{ clear: both;}

.o_product .o_product_img{ float: left; width: 400px; padding-left: 15px;}

.o_product .o_product_img .o_product_thumb{ border: 1px solid #ccc; height: 300px; width: 400px; display: table-cell; text-align: center; vertical-align: middle;

}

.o_product .product_small{ margin-top:10px; height: 77px; position: relative;}

.swiper-container{ width: 400px; height: 75px; overflow: hidden;}

.o_product .product_small .arrow-left{ width: 10px; height: 20px; display: block; background: url(../Image/swiper-l.png) no-repeat; position: absolute; left: -15px; top: 28px; transition: all 0.5s;}

.o_product .product_small .arrow-right{ width: 10px; height: 20px; display: block; background: url(../Image/swiper-r.png) no-repeat; position: absolute; right: -12px; top: 28px; transition: all 0.5s;}

.o_product .product_small ul{ padding: 0px; margin: 0px; overflow: hidden;}

.o_product .product_small ul li{ float: left; height: 70px; width: 95px !important; margin: 0 7px 0 0; display: table-cell; text-align: center; vertical-align: middle;}

.o_product .product_small ul li.select img{ border: 1px solid #C4C4C4;}

.o_product .product_small ul li img{ height: 70px; width: 95px; display: inline-block; box-sizing: border-box;}

.o_product .o_product_img .o_product_thumb img{ height: 300px; max-width: 400px; display: inline-block; vertical-align: middle;}

.o_product .o_product_info{  float: right; width: 450px;}

.o_product .o_product_info h2{ color: #3f3f3f; font-size: 22px; line-height: 40px; font-weight: bold;}

.o_product .o_product_info .o_product_detail{ background: url(../Image/pro_xx.png) repeat #F6F6F6; font-size: 14px; color: #666; line-height: 30px; padding: 15px 10px; margin-top: 10px;}

.o_product .o_product_info .o_product_detail .o_product_data{ clear: both; width: 100%;}

.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{ display: block; content: ''; clear: both; height: 0; width: 0;}

.o_product_data span{ display: inline-block; float: left;}

.o_product_data span.key{ width: 56px; text-align: right;}

.o_product_data span.val{ width: 370px;}

.colhs{ color: #FE4200;}

.o_product_data span.val b{ color:#FE4200; font-size: 16px;}

.o_product_info .go_order{ float: right; padding: 8px 25px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff5e25; border: none; margin: 50px 0 0 0; outline: none;}

.o_product_info .go_order:hover{ background: #FE4200;}

.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: #ff5e25; font-size: 14px; padding: 8px 28px; margin-top:8px; border-radius: 5px;

    outline: none;}

.order-content .go-sub:hover{ background: #FE4200;}





/*上一页_下一页*/

#prev_next{margin: 20px 0; padding-top: 10px; clear: both;overflow: hidden; border-top: 1px #ccc dotted;}

.page{margin:10px 20px 15px 0;}

.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}

.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}

.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}

/***************global*****************/

.pro li{ float: left; width: 280px; height: auto; margin: 0 6px 20px; text-align: center; background: #f0f0f0; border: 1px solid #f0f0f0;}

.pro li .li-img{ width: 280px; height: 210px; line-height: 210px; background: #fff;}

.pro li .li-img img{ max-width: 280px; max-height: 210px; vertical-align: middle;}

.pro li p{ height: 40px; line-height: 40px; text-align: center;}

/*************index&goods**************/

.news{}

.news li{width:100%;height:40px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:40px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition:0.3s;}

.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}

.news li .date{ float: right; font-size: 12px; font-family: arial;}

.news li:hover{background-color:#f6f6f6;}

.news a:hover{color:#da020d;}

/****************news*****************/

.news_title{color:#da020d;text-align:center;line-height:40px;}

.meta{color:#999;text-align:center;line-height:28px;}

/***********news_info**************/

.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}

.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}

.jobs strong{color:#da020d;}

.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}

/***************jobs***************/

.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}

.pro_info p{margin:20px 30px 30px 33px;}

.pro_name{display:block;color:#da020d;text-align:center;}

.info_title{margin:10px 0 0 0; width:100%;height:40px; background: #f9f9f9;}

.info_title b{display:inline-block;padding-left:10px;height:100%;background:#0158b8;color:#fff;line-height:40px; font-weight: normal; font-size: 14px; padding: 0 5%;}

.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}

/********goods_info&jobs_info*******/

.order{margin:5% 0 5% 3%;line-height:40px;}

.order img{vertical-align:-5px;cursor:pointer;}

#submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(../Image/button.gif) none center;}

#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}

/**************order&message********/