@charset "utf-8";
/*reset*/
.logo .l_title {
    left: 290px!important;
}
.xxx{width:255px;}
.resou .search {
@charset "utf-8";



    padding-top: 10px;
    display: none;
}
/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var ,i {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration: underline;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.curp{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;outline:none;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
/*end reset*/


/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}



#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(../images/top.gif) no-repeat}
#fall{background:url(../images/top.gif) no-repeat 0 -80px}
#ct{background:url(../images/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px;}

/* header部分 */
.wrap-header {height: 45px; background:#e8e8e8;}
.header {max-width: 1200px;height: 45px;margin:0 auto;}
.header p {float: left;height: 45px;line-height:45px;font-size: 14px;color: #555;}
.header p i {color: #785200;}
.header .hdu1 {float: right;height: 16px;margin-top: 15px;}
.header .hdu1 li{float: left;height: 16px;font-size:13px;color: #333333;padding: 0 9px; line-height: 16px;border-left: 1px dotted #8d8d8c;position: relative;}
.header .hdu1 li a{color: #333333;}
.header .hdu1 li:first-child {border-left: none;padding-left:15px;background: url(../images/h_icon01.png) no-repeat left center; }

.header .hdu1 li span {display: none;position: absolute;left: -30px;top: 15px;width: 135px;height: 135px;z-index: 2;padding: 25px 10px 10px 10px;background: #e8e8e8;}
.header .hdu1 li span img{width:107px;height:107px;}
.header .hdu1 li:hover span {display: block;}

/* logo部分 */
.logo {height: 120px;background: url(../images/l_bg.png) repeat-x center;}
.logo .container {height: 120px; position: relative;}
.logo .logoImg {position: absolute;left: 0;top: 35px;}

.logo .l_title {width: 520px;height: 50px;position: absolute;left:160px;top: 60px;padding-left: 20px;border-left:1px dashed #d4d4d4;}
.logo .l_title .l_p1 {font-size: 24px;position: relative;color: #333;font-weight: bold;}
.logo .l_title .l_p2 {font-size: 18px;color: #333;margin-top: 5px;}
.logo .tel {height: 46px;position: absolute;right: 0;top: 60px;padding-right: 55px; background: url(../images/l_tel.png) no-repeat right center;}
.logo .tel .tel_p1 {font-size: 14px;color: #666;height: 18px; line-height: 18px;}
.logo .tel .tel_p2 {font-size: 26px; color: #183883; height: 30px;line-height: 30px;}


/* nav部分 */
.Nav{ height:55px;background: url(../images/navbg.png) repeat-x;border-bottom: 1px solid #171717;z-index: 5;position: relative;}
.Nav .navBox{ line-height: 55px; }
.Nav .navUl{ width:102%}
.Nav .navUl>li{ font-size:14px; float:left;background: url(../images/navbd.png) no-repeat left center;margin-left: 1px;position: relative;}
.Nav .navUl>li a {color: #fff;}
.Nav .navUl>li:hover ,.Nav .navUl>li.cur {background: #183883;border-bottom: 1px solid #007234;}
.Nav .navUl>li:first-child a {display: block;background: url(../images/navicon01.png) no-repeat 28px center;padding:0 35px 0 50px !important;}

/*.Nav .navUl>li:last-child a {padding: 0 40px !important;}*/
/*.Nav .navUl>li:hover ul {display: block;}
.Nav .navUl>li ul {display: none; position: absolute;background:url(../images/bg01.png);top: 56px;}
.Nav .navUl>li ul li {height: 35px;line-height: 35px;padding:0 30px 0 40px;white-space: nowrap;background: url(../images/pbg2.png) no-repeat 15px center;}
.Nav .navUl>li ul li a {color: #fff;}
.Nav .navUl>li ul li:hover a {color: #ff6000;}*/
/**/
.wrap-footer {height: 315px;background: #333333;}
.footer {height: 315px;position: relative;color: #fff;}
.footer a {color: #b6b6b6;}
.footer .f_left {width: 180px;height: 280px;text-align: center;background: #fff;position: absolute;left: 0;top: 0;}
.footer .f_left dl dt {padding-top: 22px;margin-bottom: 10px;}
.footer .f_left dl dt img {display: block;margin: 0 auto;width:160px; height:160px;}
.footer .f_left dl dd.dd1 {font-size: 14px;color: #333;}
.footer .f_left dl dd.dd2 {font-size: 13px;width: 125px;margin: 16px auto 12px auto;height: 9px;position: relative;border-bottom: 1px solid #999999;}
.footer .f_left dl dd.dd2 i {display: block;width: 70px;margin: 0 auto;background: #fff;color: #333;}
.footer .f_left dl dd.dd3 {font-size: 20px;color: #183883;font-weight: bold;}

.footer .f_top {margin-left: 180px;height: 50px;border-bottom: 1px solid #545454;padding-left: 40px;}
.footer .f_top ul.top_ul li {float: left;height: 50px;line-height: 50px;padding: 0 19px;font-size: 14px;}
.footer .f_top ul.top_ul li:first-child {padding-left: 0;}
.footer .f_top ul.top_ul li:hover a {color: #fff;}

.footer .f_bot {margin-left: 180px;padding: 32px 0 0 40px;height: 200px;}
.footer .f_bot ul.bot_ul1 {padding: 0 5px 0 5px;border-left: 1px solid #545454;float: left;height: 190px;}
.footer .f_bot ul.bot_ul1:first-child {padding-left: 0;border-left: none;}
.footer .f_bot ul.bot_ul1 li {line-height: 28px;font-size: 18px!important;position: relative;color: #b6b6b6;}
.footer .f_bot ul.bot_ul1 li i {display: block;height: 18px;width: 3px;background: #fff;position: absolute;left: -19px;top: 0;}
.footer .f_bot ul.bot_ul1 li:first-child {font-size: 14px;font-weight: bold;margin-bottom: 15px;height: 18px;line-height: 18px;}
.footer .f_bot ul.bot_ul1 li:first-child a {color: #fff;}
.footer .f_bot ul.bot_ul1 li:hover a {color: #fff;}

.f_icp {text-align: center;height: 43px;line-height: 43px;background: #183883;color: #fff;font-size: 13px;}
.f_icp a {color: #fff;}
.f_icp img {position: relative;top: 5px;left: 5px;}

a:hover {text-decoration:none;}

/* 返回顶部样式 */ 
.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:46%; margin-right:-615px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}

/* 消息框样式 */ 
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
.b15{background: url(Img/SkinsVIBtn.png) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }

/* PCflash样式 */ 
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{ width: 100%;text-align: center;position: absolute;bottom:15px;left: 0; z-index:15555555;}
#flashs .btn span{ display: inline-block;*display: inline;width: 69px;height: 7px;background: #fff;margin-left: 6px;cursor: pointer; font-size:0;border:1px solid #C2BAB4;}
#flashs .btn span{ *display:inline;}
#flashs .btn span:first-child{margin-left: 0;}
#flashs .btn .cur{ background: #183883;border:1px solid #183883;}

@charset "utf-8";
/* CSS Document */

p.p_title {font-size: 32px;text-align: center;font-weight: bold;padding-top: 50px;text-transform: uppercase;color: #cccccc;}
h2.h2_title {text-align: center;font-size: 32px;margin-bottom: 30px;}
h2.h2_title i {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 230px;height: 3px;}
h2.h2_title i.titl {background: url(../images/titl01.png) no-repeat right center;}
h2.h2_title i.titr {background: url(../images/titr01.png) no-repeat left center;}
h2.h2_title a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 0 15px;color: #333;}
h2.h2_title span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 0 15px;color: #333;}

/* banner部分 */
.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}
.banner a{overflow:hidden; width:100%; height:548px; display:block; background:url(../images/banner01.jpg) no-repeat center;}

.banner p.ban_switch {position: absolute;left: 0;bottom: 22px;width: 100%;text-align: center;}
.banner p.ban_switch span {display: inline-block;*display: inline;*zoom: 1;width: 57px;height: 4px;margin-right: 5px;cursor: pointer;border: 1px solid #c2bab4;}
.banner p.ban_switch span.cur {background: #183883;border: 1px solid #183883;}


/* search部分 */
.wrap-search {height: 80px;background: url(../images/l_bg.png);}
.search .keyword {font-size: 14px;color: #333;float: left;margin-top: 32px;height: 16px;line-height: 16px;}
.search .keyword span {float: left;width: 90px;color: #333;font-weight: bold;    margin-top: -25px;}
.search .keyword p {float: left;}
.search .keyword p a {float: left;color: #888;font-size: 14px;margin-right: 10px;}
.search .keyword p a:hover {color: #183883;}
.search .keyword a:first-child {padding-left: 0;border-left: none;}
.search .inp {float: right;width: 360px; height: 41px;margin-top: 19px;border: 1px solid #dbdbdb;overflow: hidden;background: #fff;}
.search .inp input {border:none;height: 41px;line-height: 41px;width: 314px;float: left; text-indent: 12px; font-size: 14px;color: #888;}
.search .inp .sea {display: block; float: right; width: 44px;height: 23px;position: relative;top: 9px;
background: url(../images/search.png) no-repeat center; border-left: 1px solid #d3d3d3;}


/*  product   */
.product {padding-bottom: 30px;background: #fff;}
.pro_con .pro_left {padding: 0 13px 13px 13px;background: #183883;}
.pro_con .pro_left h2 {padding: 30px 0;text-align: center;position: relative;font-size: 27px;height: 33px;background: #183883;width: 240px;}
.pro_con .pro_left h2 a {color: #fff;}
.pro_con .pro_left h2 i{display: block;font-size: 12px;text-transform:uppercase;color: #fff;}
.pro_con .pro_left .left_con {width: 240px;background: #fff;padding: 12px;border-radius: 5px;}
.pro_con .pro_left .left_con .con_p1 {height: 44px;line-height: 44px;font-size: 18px;background: #183883;color: #fff;text-indent: 21px;border-radius: 5px;margin-bottom: 10px;}

.pro_con .pro_left .left_con ul {padding-bottom: 20px;}
.pro_con .pro_left .left_con ul li {height: 36px;font-size: 14px;position: relative;border-bottom: 1px solid #e6e6e6;}
.pro_con .pro_left .left_con ul li a {display: block;line-height: 36px;height: 36px;padding-left: 12px;}

.pro_con .pro_left .left_con a.pro_more {display: block;height: 42px;line-height: 42px;text-indent: 20px;font-size: 18px;border: 1px solid #183883;color: #666;border-radius: 3px;}

.pro_con .pro_left .left_con ul li.cur a ,.pro_con .pro_left .left_con ul li:hover a {color: #183883;background: url(../images/projt.png) no-repeat 190px center;}
.pro_con .pro_left .left_con ul li.cur ,.pro_con .pro_left .left_con ul li:hover {background:#e6e6e6;font-weight: bold;}

.pro_con .con_right {width: 893px;}
.pro_con .con_right h3 {font-size: 25px;overflow: hidden;position: relative;margin-bottom: 20px;}
.pro_con .con_right h3 a {color: #333;}
.pro_con .con_right h3 em {font-size: 14px;color: #999999;margin-left: 15px;}
.pro_con .con_right h3 a.ckgda {float: right;font-size: 13px;font-weight: normal;height: 30px;line-height: 30px;color: #666;}

.pro_con .con_right .r_top {height: 346px;border: 1px solid #d8d8d8;background: url(../images/probg.png);position: relative;border-top: 5px solid #183883;overflow: hidden;}
.pro_con .con_right .r_top ul {position: relative;}
.pro_con .con_right .r_top ul li {float: left;position: relative;width: 891px;height: 346px;}
.pro_con .con_right .r_top ul li .top_Img {display: block;width: 891px;height: 346px;position: absolute;left: 0px;top: 0;}
.pro_con .con_right .r_top ul li .top_Img img {display: block;width: 891px;height: 346px;}
.pro_con .con_right .r_top ul li dl {width: 365px;background: #fff9;padding: 30px 25px;position: absolute;left: 425px;top: 74px;box-shadow: 3px 3px 10px #d1e4e6;}
.pro_con .con_right .r_top ul li dl dt {font-size: 25px;color: #183883;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #d0d0d0;margin-bottom: 15px;}
.pro_con .con_right .r_top ul li dl dd {font-size: 14px;line-height: 20px;}
.pro_con .con_right .r_top ul li dl em {display: block;width: 14px;height: 30px;position: absolute;left: -14px;top: 30px;background: url(../images/rla.png) no-repeat center;}
.pro_con .con_right .r_top .pro_btnl {display: block;width: 32px;height: 82px;background: url(../images/jtl01.png) no-repeat center;position: absolute;left: 15px;top: 130px;z-index: 2;cursor: pointer;}
.pro_con .con_right .r_top .pro_btnr {display: block;width: 32px;height: 82px;background: url(../images/jtr01.png) no-repeat center;position: absolute;right: 15px;top: 130px;z-index: 2;cursor: pointer;}

.pro_con .con_right .r_bot {margin-top: 20px;}

.pro_con .con_right .r_bot dl {width: 288px;margin: 0 0 23px 14px;float: left;}
.pro_con .con_right .r_bot dl.bdnot {margin-left: 0;}
.pro_con .con_right .r_bot dl dt {width: 286px;border: 1px solid #d8d8d8;height: 226px;overflow: hidden;}
.pro_con .con_right .r_bot dl dt img {display: block;width: 286px;height: 226px;transition: all 0.5s;}
.pro_con .con_right .r_bot dl dd {height: 44px;line-height: 44px;text-align: center;font-size: 16px;background: #7b7b7b;}
.pro_con .con_right .r_bot dl dd a {color: #fff;}

.pro_con .con_right .r_bot dl:hover dt img {transform: scale(1.1);}
.pro_con .con_right .r_bot dl:hover dd {background: #183883;}


/**/
.advantage {height: 1895px;background: url(../images/advbg02.jpg) no-repeat center bottom;position: relative;}
.advantage .adv_top {height: 172px;background: url(../images/advbg01.png) no-repeat center top;}
.advantage .adv_top p.p_title {padding-top: 32px;color: #fff;}
.advantage .adv_top h2.h2_title span {color: #fff;}
.advantage .adv_top h2.h2_title i.titl {background: url(../images/titl02.png) no-repeat right center;}
.advantage .adv_top h2.h2_title i.titr {background: url(../images/titr02.png) no-repeat left center;}

.advantage .adv_con {height: 1722px;position: relative;}
.advantage .adv_con .conbox {height: 322px;margin-top: 16px;}
.advantage .adv_con .conbox .conImg {width: 522px;}
.advantage .adv_con .conbox .contit {width: 470px;padding-top: 65px;position: relative;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;height: 255px;}
.advantage .adv_con .conbox .contit .advbd {display: block;width: 1px;height: 1734px;position: absolute;left: 0;top: -27px;background: #183883;}
.advantage .adv_con .conbox .contit .adv_num {display: block;width: 105px;height: 105px;background: url(../images/advnum.png) no-repeat center;color: #fff;text-align: center;font-weight: bold;color: #fff;line-height: 105px;font-size: 36px;position: absolute;top: 100px;}
.advantage .adv_con .conbox .contit h3 {font-size: 28px;color: #333;}
.advantage .adv_con .conbox .contit h3 i {display: block;font-size: 18px;text-transform: uppercase;color: #999;margin-bottom: 40px;}
.advantage .adv_con .conbox .contit .adv_p1 {font-size: 16px;color: #333;line-height: 34px;}

.advantage .adv_con .conbox .contit.fr {padding-left: 100px;padding-right: 30px;}
.advantage .adv_con .conbox .contit.fl {padding-left: 30px;padding-right: 100px;}
.advantage .adv_con .conbox .contit.fr .adv_num {left: -52px;}
.advantage .adv_con .conbox .contit.fl .adv_num {right: -52px;}

.advantage .adv_con .conbox .adv_p2 a {display: block; margin-top: 15px;width: 123px;height: 35px;line-height: 35px;background: url(../images/ljzxa.png) no-repeat center;text-indent: 22px;font-size: 14px;color: #fff;}

.advantage .adv_con .conbox:last-child .contit {border-bottom: none;}


/**/
.zxzx {height: 264px;}
.zxzx .container {height: 264px;position: relative;}
.zxzx .zxzxbg {width: 238px;height: 288px;background: url(../images/zxzxbg01.png) no-repeat center;position: absolute;left: 0;top: -24px;}
.zxzx .conleft {margin-left: 238px;padding-top: 30px;color: #fff;}
.zxzx .conleft .zxzx_p1 {margin-bottom: 15px;}
.zxzx .conleft .zxzx_p2 {overflow: hidden;position: relative;margin-bottom: 10px;}
.zxzx .conleft .zxzx_p2 span {float: left;margin-right: 15px;padding-left: 12px;font-size: 16px;background: url(../images/zxzx02.png) no-repeat left center;}
.zxzx .conleft .zxzx_p3 {width: 440px;height: 42px;line-height: 42px;text-align: center;font-size: 22px;color: #4b440d;background: #fde200;border-radius: 25px;box-shadow: 3px 3px 10px #00803a;margin-bottom: 15px;}

.zxzx .conleft .zxzx_tel {padding-left: 55px;height: 50px;background: url(../images/zxzx_tel.png) no-repeat left center;}
.zxzx .conleft .zxzx_tel .p1 {font-size: 14px;height: 20px;line-height: 20px;}
.zxzx .conleft .zxzx_tel .p2 {font-size: 28px;font-weight: bold;height: 30px;line-height: 30px;}
.zxzx .conright {width: 401px;padding:24px 32px;background: #00672f;height: 216px;color: #fff;}
.zxzx .conright h4 {font-size: 30px;font-weight: normal;margin-bottom: 15px;}
.zxzx .conright h4 span {display: block;font-size: 20px;}

.zxzx .conright .info_p1 {height: 40px;background: #fff;overflow: hidden;position: relative;margin-bottom: 8px;}
.zxzx .conright .info_p1 span {float: left;width: 40px;height: 40px; border-right: 1px solid #dddddd;background: url(../images/zxzx03.png) no-repeat center;}
.zxzx .conright .info_p1 input {float: right;width: 355px;height: 40px;border: none;line-height: 40px;text-indent: 12px;font-size: 14px;color: #666;}

.zxzx .conright .info_p2 {height: 40px;background: #fff;overflow: hidden;position: relative;margin-bottom: 8px;}
.zxzx .conright .info_p2 span {float: left;width: 40px;height: 40px; border-right: 1px solid #dddddd;background: url(../images/zxzx04.png) no-repeat center;}
.zxzx .conright .info_p2 input {float: right;width: 355px;height: 40px;border: none;line-height: 40px;text-indent: 12px;font-size: 14px;color: #666;}

.zxzx .conright a.ljtja {display: block;height: 40px;font-size: 21px;text-align: center;line-height: 40px;color: #413b0c;background: #fde200;}


/**/
.sbzs {padding-bottom: 15px;}
.sbzs h2.h2_title {margin-bottom: 10px;}
.sbzs .sbzs_p1 {font-size: 18px;text-align: center;margin-bottom: 35px;}
.sbzs .sbzs_con {height: 470px;position: relative; padding-top: 20px;padding: 0 68px;}
.sbzs .zg{height:470px; margin:0 auto; position:relative;overflow: hidden;}
.sbzs .zg .iteam {position: absolute;overflow: hidden;}
.sbzs .zg .iteam span {display: block; background: #000;}
.sbzs .zg .iteam img {opacity: 0.6;filter: alpha(opacity=60);}

.sbzs .zg .iteam.active span {padding: 5px;background: #ccc;}
.sbzs .zg .iteam.active img {opacity: 1;filter: alpha(opacity=100);}

.sbzs .zg .iteam.active .item_p1 {line-height: 40px;height: 40px;text-align: center;font-size: 16px;}
.sbzs .btn01 {position: absolute;left: 0;top: 140px;background: url(../images/jtl01.png) no-repeat center;width: 32px;height: 82px;cursor: pointer;z-index: 4;}
.sbzs .btn02 {position: absolute;right: 0; top: 140px;background: url(../images/jtr01.png) no-repeat center;width: 32px;height: 82px;cursor: pointer;z-index: 4;}


/**/
.xzdb {height: 1684px;background: url(../images/advbg02.jpg) no-repeat center top;}
.xzdb h2.h2_title {margin-bottom: 10px;}
.xzdb .container {height: 1684px;background: url(../images/xzdbbg.jpg) no-repeat center top;position: relative;}
.xzdb .xzdb_p1 {height: 42px;background: url(../images/xzdbbg03.png) no-repeat center;line-height: 42px;text-align: center;color: #fff;font-size: 20px;}
.xzdb .xzdb_con .conbox {position: absolute;width: 560px;}
.xzdb .xzdb_con .conbox .box_top {padding: 18px 0 0 72px;}
.xzdb .xzdb_con .conbox .box_top span {display: block;width: 49px;height: 69px;border: 3px solid #bfbfbf;position: absolute;left: 0;top: 0;}
.xzdb .xzdb_con .conbox .box_top i {display: block;width: 28px;padding-top: 30px;margin: 0 auto;font-size: 22px;border-bottom: 3px solid #bfbfbf;font-weight: bold;}
.xzdb .xzdb_con .conbox .box_top .p1 {font-size: 22px;font-weight: bold;color: #333;}
.xzdb .xzdb_con .conbox .box_top .p2 {font-size: 16px;text-transform: uppercase;color: #bfbfbf;}
.xzdb .xzdb_con .conbox .box_top em {display: block;width: 127px;height: 3px;background: #183883;margin-top: 8px;}
.xzdb .xzdb_con .conbox ul {margin-top:50px;}
.xzdb .xzdb_con .conbox ul li {font-size: 16px;color: #333;margin-bottom: 15px;height: 24;line-height: 24px;background: url(../images/icon01.png) no-repeat left center;padding-left: 22px;}
.xzdb .xzdb_con .conbox ul li b {color: #183883;}
.xzdb .xzdb_con .con1 {right: 0;top: 258px;}
.xzdb .xzdb_con .con2 {left: 0;top: 595px;}
.xzdb .xzdb_con .con3 {right: 0;top:930px;}
.xzdb .xzdb_con .con4 {left: 0;top: 1330px;}

.xzdb .xzdb_con .xzdb_tel {display: block;width: 322px;height: 92px;background: url(../images/xzdbtel.png) no-repeat left top;position: absolute;left: 567px;top: 1350px;}
.xzdb .xzdb_con .xzdb_tel span {display: block;width: 46px;height: 46px;background: url(../images/zxzx_tel.png) no-repeat center;position: absolute;left: 32px;top: 15px;}
.xzdb .xzdb_con .xzdb_tel .p1 {font-size: 14px;color: #fff;padding-top: 15px;margin-left: 90px;}
.xzdb .xzdb_con .xzdb_tel .p2 {font-size: 26px;color: #fff;margin-left: 90px;}


/**/
.dzlc {background: #183883;height: 425px;}
.dzlc .dzlcline {height: 425px;background: url(../images/line01.png) no-repeat center 215px;}
.dzlc p.p_title {color: #007435;}
.dzlc h2.h2_title span {color: #fff;}
.dzlc h2.h2_title i.titl {background: url(../images/titl02.png) no-repeat right center;}
.dzlc h2.h2_title i.titr {background: url(../images/titr02.png) no-repeat left center;}
.dzlc .dzlc_con {height: 180px;background: url(../images/dzlc01.png) no-repeat center top;}
.dzlc .dzlc_con ul {height: 30px;line-height: 30px;text-align:center;padding-top: 140px;}
.dzlc .dzlc_con ul li {float: left;width: 130px;margin-left: 45px;font-size: 16px;color: #fff;}
.dzlc .dzlc_con ul li:first-child {margin-left: 10px;}
.dzlc .dzlc_ljzx {display: block;width: 153px;height: 36px;line-height: 36px;text-indent: 31px;font-size: 14px;color: #fff;background: url(../images/jtr02.png) no-repeat 94px center;border: 1px solid #fff;margin: 15px auto 0 auto;}


/**/
.dzal {padding-bottom: 70px;}
.dzal h2.h2_title {margin-bottom: 10px;}
.dzal .dzal_p1 {font-size: 18px;color: #666;text-align: center;margin-bottom: 30px;}
.dzal .dzal_con {}
.dzal .dzal_con dl {width: 383px;border: 1px solid #999999;float: left;padding-bottom: 50px;position: relative;margin-left: 22px;}
.dzal .dzal_con dl:first-child {margin-left: 0;}
.dzal .dzal_con dl dt {width: 385px;height: 280px;margin: -1px 0 0 -1px;position: relative;}
.dzal .dzal_con dl dt i {display: block;width: 67px;height: 67px;background: url(../images/dzal02.png) no-repeat center;position: absolute;left: 50%;margin-left: -33px;bottom: -33px;}
.dzal .dzal_con dl dt img {display: block;width: 385px;height: 280px;}
.dzal .dzal_con dl dd.dd1 {font-size: 18px;font-weight: bold;margin: 47px 0 12px 0;text-align: center;}
.dzal .dzal_con dl dd.dd1 a {color: #333;}
.dzal .dzal_con dl dd.dd1 em {display: block;width: 32px;height: 3px;background: #999999;margin: 20px auto 0 auto;}
.dzal .dzal_con dl dd.dd2 {font-size: 14px;line-height: 24px;padding: 0 25px;}
.dzal .dzal_con dl dd.dd2 a {color: #333;}
.dzal .dzal_con dl dd.dd3 {position: absolute;left: 50%;width: 140px;height: 36px;line-height: 36px; margin-left: -70px;bottom: -18px;background: #7b7b7b;text-align: center;font-size: 14px;}
.dzal .dzal_con dl dd.dd3 a {color: #fff;}
.dzal .dzal_con dl:hover dd.dd3 {background: #183883;}


/**/
.about {padding-bottom: 55px;background: url(../images/bg01.png);}
.about .conleft {width: 596px;height: 380px;}
.about .conright {width: 535px;height: 320px;background: #fff;padding: 30px;position: relative;}
.about .conright h3 {font-size: 25px;margin-bottom: 30px;}
.about .conright h3 span {display: block;width: 14px;height: 25px;position: absolute;left: 0;top: 31px;background: url(../images/aboicon01.png) no-repeat center;}
.about .conright h3 a {color: #333;}

.about .conright h3 i {display: block;font-size: 16px;color: #999;text-transform: uppercase;}
.about .conright .abo_p1 {font-size: 14px;line-height: 24px;}
.about .conright .abo_p1 a {color: #333;}
.about .conright a.ckgda {display: block;width: 124px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #fff;background: #183883;border-radius: 5px;margin-top: 30px;}


/**/
.news {padding-bottom: 50px; height:654px;}
.news .conleft {position: relative;}
.news .conleft .l_more {position: absolute;right: 5px;top: 8px;font-size: 14px;color: #333;}
.news .news_type {border: 3px solid #183883;background: #fff; margin-bottom: 30px;}
.news .news_type a {float: left;width:50%; color:#222;height: 55px;line-height: 55px;position: relative;text-align: center;font-size: 18px;}
.news .news_type a i {text-transform: uppercase;font-size: 14px;}
.news .news_type a.cur {background: #183883;color: #fff;}


.news .news_con {}
.news .news_con .conleft {width: 800px;}
.news .news_con .conleft .concase {display: none;}
.news .news_con .conleft .concase.cur {display: block;}
.news .news_con .conleft dl {padding: 0 0 20px 325px;position: relative;height: 200px;border-bottom: 1px solid #;}
.news .news_con .conleft dl dt {width: 305px;height: 196px;position: absolute;left: 0;top: 0;}
.news .news_con .conleft dl dt img{width: 305px;height: 196px;}
.news .news_con .conleft dl dd.dd1 {height: 30px;line-height: 30px;font-weight: bold;}
.news .news_con .conleft dl dd.dd1 a {color: #000;font-size: 16px;float: left;width: 380px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .news_con .conleft dl dd.dd1 span {float: right;font-size: 13px;color: #555;}
.news .news_con .conleft dl dd.dd2 {margin-top: 5px;line-height: 24px;font-size: 13px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 96px;}
.news .news_con .conleft dl dd.dd3 {margin-top: 25px;}
.news .news_con .conleft dl dd.dd3 a {display: block;width: 99px;height: 33px;line-height: 33px;text-align: center;background: #183883;color: #fff;font-size: 14px;border-radius: 5px;}

.news .news_con .conleft ul {margin-top: 20px;}
.news .news_con .conleft ul li {height: 40px;width: 365px;border-bottom: 1px dashed #d0d0d0;line-height: 40px;padding-left: 20px;font-size: 13px;background: url(../images/newsicon.png) no-repeat left center;}
.news .news_con .conleft ul li a {float: left;width: 275px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;color: #000;}
.news .news_con .conleft ul li span {float: right;color: #000;width: 80px;}
.news .news_con .conleft ul li:hover a {color: #183883;}

.news .news_con .conright {width: 340px;}
.news .news_con .conright .r_top {height: 52px;background: #183883;font-size: 18px;line-height: 52px;text-align: center;}
.news .news_con .conright .r_top i{font-size: 14px;}
.news .news_con .conright .r_top a {color: #fff;}
.news .news_con .right_con {position: relative;overflow: hidden;}
.news .news_con .wtcont{ height:420px; padding-top:10px;overflow:hidden;}

.news .news_con .conright dl{padding:15px 0;font-size: 14px;width:330px;border-bottom: 1px dashed #e7e7e7;}
.news .news_con .conright dt{padding:2px 0; padding-left:30px; font-weight: bold;font-size: 16px;height: 22px;line-height: 22px;background: url(../images/news_q.png) no-repeat left center;}
.news .news_con .conright dt a{ color:#333;}
.news .news_con .conright dd {height:60px;margin-top:13px; overflow: auto;background: url(../images/news_a.png) no-repeat left top;}

.news .news_con .conright dd a {display: block; color:#868686; line-height:20px; height:60px;margin-left:30px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}

/**/
.yqlj {padding-top: 30px;background: url(../images/l_bg.png);padding-bottom: 15px;}
.yqlj .container {position: relative;}
.yqlj h4 {background: url(../images/yqljbd.png) no-repeat center 45px;font-size: 26px;text-align: center;margin-bottom: 20px;}
.yqlj h4 a {color: #333;}
.yqlj h4 em {display: block;margin: 0 auto;font-size: 32px;color: #ccc;height: 30px;line-height: 30px;font-weight: bold;}
.yqlj ul {padding: 20px 20px 20px 0;position: relative;z-index: 1;}
.yqlj ul li {float: left;padding-right:15px;font-size: 14px;height: 20px;line-height: 20px;position: relative;}
.yqlj ul li:first-child {font-size: 18px;height: 34px;border: 1px solid #cacaca;line-height: 34px;width: 128px;padding: 0;text-align: center;margin-right: 15px;position: relative;top: -10px;}
.yqlj a.yqlj_more {display: block;width: 15px;height: 16px;background: url(../images/yqljbg02.png) no-repeat center;position: absolute;right: 5px;top: 105px;z-index: 3;}
.yqlj ul li a {color: #555;}
.yqlj ul li:hover a {color: #183883;}





#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}
.list-container .container-right .product-content .content h2 { background: #2B6695;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family:"微软雅黑", "宋体", "黑体", Arial;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 25px;
    margin: 18px 0 !important;
    padding: 8px 0 5px 5px;
    text-shadow: 2px 2px 3px #222222;}
.list-container .container-right .product-content .content p {    font-size: 15px;
    line-height: 30px;}
    .shijian {float: right;    margin-right: 5px;}
    div.search {

padding: 5px;

}

form {
float: right;
position: relative;

width: 330px;

margin: 0 auto;

}

input, button {

border: none;

outline: none;

}

input {

width: 100%;

height: 38px;

padding-left: 13px;

}

button {

height: 38px;

width: 42px;

cursor: pointer;

position: absolute;

}

.bar6 input {

border: 1px solid #DDDDDD;

border-radius: 5px;

background: transparent;

top: 0;

right: 0;

font-size: 15px;

}

.bar6 button {

background: #183883;

border-radius: 0 5px 5px 0;

width: 60px;

top: 18px;

right: 0;

}

.bar6 button:before {

content: "搜索";

font-size: 18px;

color: #F9F0DA;

font-weight: bold;

letter-spacing: 3px;

}


.product li img {width: 100%;height: 200px;}
.n_info_con2 {
    margin: 0 auto;
    border: 1px solid #D6D6D6;
 
    width: 100%;
    margin-bottom: 5px;

}
.info_key {
    border-bottom: solid 1px #ccc;
    line-height: 30px;
    padding: 0 10px;
    margin: 0px 0;
    overflow: hidden;
    font: 14px/30px "Microsoft Yahei";
      
    padding-bottom: 20px;
}
.info_key a{  color: #666;
    text-decoration: none;
    font-family: "Microsoft Yahei";}
    .n_info_con2 .t04 {
    color: #fff;
    border-bottom: 1px solid #E0E0E0;
    color: #0F70B0;
    line-height: 48px;
    height: 48px;
    font-size: 0;
    background: url(http://www.yjsshi.com/d/file/2018-11-13/b1ab9c682655a509b642e2f981c1f6f9.gif) no-repeat 12px center;}
.n_info_con2 {
    margin: 0 auto;
    border: 1px solid #D6D6D6;
 
    width: 100%;
    margin-bottom: 5px;

}
.center {
    width: 1200px;
    margin: 0 auto;
}
.resou{
    height: 60px;
    background: #fff;
    
}
.guanjian{
    font-size: 16px;
    line-height: 60px;
    color: #f14e4f;
    width: 800px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; 
    padding-left: 36px;
    background: url("http://www.yjsershiliu.com/d/file/p/2019/07-13/846510e4e3bf1155bdeaf40455d81c9b.png") left center no-repeat;
}
.guanjian p{
	font-size:14px;
	color:#646464;
	display:inline-block;
	cursor:pointer;
}
.resou .search{
    padding-top: 10px;
}
.resou .search input{
    width: 246px;
margin-top:20px;
}

.pro_con .con_right .r_bot{    margin-top: 0px;}
.pro_con .con_right .r_bot dl dd{height:38px;}

.pro_con .con_right .r_bot dl dt{height:126px;width:188px;}
.pro_con .con_right .r_bot dl dt img{width:188px;height:126px;}
@media screen and (max-width:768px) {
.pro_main p img{display:none;}
.pro_con .con_right h3 a.ckgda{display:none;}
.pro_con .con_right .r_bot dl.bdnot{width:100%;}
.pro_con .con_right .r_bot dl dt{width:100%;}
.pro_con .con_right .r_bot dl dt img{width:100%;}
.about .conright{width:100%;    padding: 0px; }
.rtTop{display:none;}
.sbzs{display:none;}
.advantage{display:none;}
.xzdb{display:none;}
.news{height:100%;}
.dzlc{display:none;}
.news .news_type{display:none;}
.wap100 {width:100%;}
.news .news_con .conleft{width:100%;}
.about .conleft{display:none;}
.news .news_con .conright{display:none;}
.wrap-search{display:none;}
.zxzx{display:none;}
.advantage .adv_con .conbox .conImg{display:none;}
.wa {display:none;}
.center{display:none;}
.pro_con .con_right {width:100%;}
.cpMain .pleft{display:none;}
.cpMain .container{width:100%;}
.wrap-header{display:none;}
.cpright{width:100%;padding: 0 0px;}
.w30{width:31%;}
.Nav .navUl>li{font-size:12px;}
.mb10{display:none;}
.rightbox{width:100%;}
.footer .f_top{display:none;}
.rtop h5{margin-left:5px;}
.rtop span{    margin-top: 5px;    font-size: 12px;}
.topadcs{display:none;}
.logo .l_title .l_p1{display:none;}
.news .news_con .conleft dl dd.dd3{display:none;}
.news .news_con .conleft dl dd.dd1{display:none;}
.header, .content, .footer, .container{width:100%;}
.pro_c li img{width:100%;}
.pro_c li span{width:100%;}
.pro_c li {width:100%;margin: 0 -10px;}
.pagingNav{display:none;}
.RandomNews li {padding: 0 2px 0 5px;    width: 100%;}
.fr {    margin-right: -10px;}
.logo .l_title{display:none;}
#flashs{display:none;}
.pro_con .pro_left .left_con{display:none;}
.pro_con .pro_left{display:none;}
}

     .yqlj ul li:first-child {
    font-size: 14px;
    height: 34px;}
.pro_con .con_right .r_bot dl{
    width: 188px;
    margin: 0 30px 13px 14px;
    float: left;
 
}
    line-height: 34px;
    width: 128px;
    padding: 0;
    text-align: center;
    margin-right: 15px;
    position: relative;
    top: -10px;
}

            #container {
                width: 500px;
                height: 820px;
                margin: 0 auto;
            }
            div.search {padding: 30px 0;}

            form {
                position: relative;
                width: 300px;
                margin: 0 auto;

                    margin-top: -88px;
    margin-right: 8px;
            }

            input, button {
                border: none;
                outline: none;
            }

            input {
                width: 100%;
                height: 35px;
                padding-left: 13px;
            }

            button {
                height: 42px;
                width: 42px;
                cursor: pointer;
                position: absolute;
            }

            /*搜索框1*/
            .bar1 {background: #A3D0C3;}
            .bar1 input {
                border: 2px solid #7BA7AB;
                border-radius: 5px;
                background: #F9F0DA;
                color: #9E9C9C;
            }
            .bar1 button {
                top: 0;
                right: 0;
                background: #7BA7AB;
                border-radius: 0 5px 5px 0;
            }
            .bar1 button:before {
                content: "\f002";
                font-family: FontAwesome;
                font-size: 16px;
                color: #F9F0DA;
            }


@media screen and (max-width: 768px) {
  /* 在 768px 以下的屏幕应用这里的样式 */
  

  .logo .logoImg {
position: unset;
    /* left: 0; */
    /* top: 35px; */
    /* width: 100%; */
    /* margin: 0 auto; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo .logoImg a img{    max-width: 100%;margin-top: 20px;width: 269px;
    max-height: 100%;}
  .pro_con .con_right .r_bot dl.bdnot {
    width: 47%;
    padding: 5px;
}
 .footer .f_bot {
    margin-left: 0px;}
    .about .conright h3 a{display:none;}
    .about .conright h3 i{display:none;}
    .news{display:none;}
    .news .news_con .conleft ul li{margin-left: 0px;background: none;}
    .about .conright .abo_p1 {
    margin-left: 10px;
    width: 90%;
}

.about .conright a.ckgda{margin-left: 10px;}

.logo {
    height: 105px;}
.logo .container {
    height: 105px;}
    
    .about .conright {
    height: auto;}
    .about .conright {
    height: auto;
    padding-bottom: 20px;
}
.bannerPage{display:none;}
.resou{display:none;}
}

.wrap-footer {
    height: 315px;
    background: #333333;
    margin-top: 10px;
}

.bannerPage a img{width:100%}

 @media (min-width: 769px) and (max-width: 1400px) {
      /* 在1024到1400宽度范围内应用这些样式 */
      .wrap-footer {
    height: 115px;}.footer {
    height: auto;}
      .pro_con .con_right .r_bot dl {

    margin: 0 auto;
    float: left;
    padding-left: 10px;
}
      
      .bannerPage img {
        width: 100%;
        /* 这里可以添加你想要的样式 */
      }
      
      .pro_con .con_right {width: 100%;margin-top: 5px;}
      .header, .content, .footer, .container{width: 100%;}
      .rightbox{width: 98%!important;}
      .logo .l_title{width: 50%!important;}
      .cpright {width: 66%!important;}
      .cpMain .pleft{width: 26%!important;}
     .wrap-header{display:none;}
     .guanjian{display:none;}
     .xm9{display:none;}
     .resou{display:none;}
     .news .news_con .conright{display:none;}
     .sbzs{display:none;}.news{display:none;}
     .xzdb{display:none;}.footer .f_left{display:none;}
     .dzlc{display:none;}.footer .f_bot{display:none;}
     .footer .f_top {
    margin-left: 10px;}
     .pro_con .pro_left .left_con{display:none;}
     .about{display:none;}
     .pro_con .pro_left{width:100%;padding:0;}
     .pro_con .pro_left h2{width:100%;}
     .xzdb .container{width:100%;}
     .about .conleft{width:50%;}
     .Nav .navUl{width:100%}
     body{overflow-x: hidden;}
     .about .conright{width:50%;}
     .xzdb .xzdb_con .conbox{width:50%;}
     .news .news_con .conleft {
    width: 90%;
    margin-left: 1%;
}
     
    }
    
    
    
    
    @media (width: 768px) {
  /* 在768px宽度以下生效的样式 */
  /* 这里写上你想要的样式代码 */
  .Nav .navUl>li {
    font-size: 12px;
    text-align: center;
}
  .pro_con .con_right .r_bot dl.bdnot {
    width: 42%!important;
    padding: 5px;
    float: left;
}
}


@media screen and (max-width:480px) {
.xxx {
    width: 255px;
    margin-top: 20px;
}
.rtTop{display:none;}
.logo .l_title{width:100%;}
.wap100 {width:100%;}
.wa {display:none;}
.cpMain .container{width:100%;}
.wrap-header{display:none;}

.cpright{width:100%;}
.w30{width:31%;}

.Nav .navUl>li {
    font-size: 12px;
    line-height: 54px;
    text-align: center;
    height: 55px;
}
.mb10{display:none;}
.footer .f_top{display:none;}
.rtop h5{margin-left:5px;}
.rtop span{    margin-top: 5px;    font-size: 12px;}
.pro_main{ margin-left: 35px;}



.w30 {
    width: 31%;
}
}
.dbbq{text-align: center;
    background: #000;}