@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;}
body { font-size:14px;line-height:26px;color:#333333; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none; overflow-x:hidden;}
a{ color:#333333; text-decoration:none; cursor:pointer;transition:all 0.3s;}
a:hover{ text-decoration:none;transition:all 0.3s;}
ul {list-style: none;}
li{ list-style-type:none;}
img{border:0;}
.fl{float: left;}
.fr{float: right;}
.w1200 {width: 1200px;}
.cl{clear: both;}
.mr{margin: 0 auto;}
.wot{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*-------------- top --------------*/
.top{ height: 34px; background-color: #fff;border-bottom: 1px solid #e5e5e5;}
.head_inner_top{ width:1200px; height: 100%; margin: 0 auto; line-height: 34px; color: #666; overflow: hidden;}
.head_inner_top .left{ float: left; width: 50%; height: 100%;}
.head_inner_top .right{ float: right; height: 100%; text-align: right;}
.head_inner_top .right li{float: right;margin:0 15px;text-align: right;}
.head_inner_top .right a:hover{ color: #fdad03}
.ta{width: 27%;padding-top: 47px;}
.center{ height: 140px}
.head_inner_center{ width: 1200px; height: 100%; margin: 0 auto; overflow: hidden;}
.head_inner_center .left{ float: left; height: 100%; overflow: hidden;}
.head_inner_center .left img{ margin-top: 35px}
.head_inner_center .right{ float: right; width: 27%; height: auto; padding-top: 35px;}
.head_inner_center .right .l{ float: right; width: 38px; height: 38px; margin: 14px  15px 0 0;}
.head_inner_center .right .r{ float: right; width: 210px; height: 60px; margin-top: 10px;}
.head_inner_center .right .r span{ display: block; font-size: 14px;}
.head_inner_center .right .r b{ font-size: 26px; color: #666;}

.bottom{ height: 60px; background-color: #111213; text-align: center;}
.navi{ width: 1200px; height: 60px; margin: 0 auto; overflow: hidden; *display: inline; *zoom:1;}
.navi a{ float: left; width: 170px; height: 100%; display:block;text-align: center; line-height: 60px; font-size: 16px; color: #fff;}
.navi a:hover,.navi li .active{ background-color: #0084e2;}
#search{ width: 1200px; height: 45px; margin: 0 auto;}
#search .left{ float: left; height: 100%; padding-left: 20px; background: url(../Image/icon_hot.png) no-repeat center left;}
#search .left a{ font-size: 14px; color: #999; line-height: 45px;}
#search .left a:hover{ color: #0084e2}
#search .left span{ float: left; font-size: 14px; color: #999; line-height: 45px; margin-right: 10px;}

#search .right{ float: right; height: 100%; overflow: hidden;}
#search .right form{ margin-top: 7px; overflow: hidden;}
#search .right .btn{ float: right; width: 60px; height: 30px; border: 0; color: #fff; font-size: 14px; text-indent: 14px; background: #0084e2 url(../Image/icon_search.png) no-repeat 8px 11px;}
#search .right .btn:hover{ background-color: #0470bd; cursor: pointer;}
#search .right .words{ float: right; width: 198px; height: 28px; border: 1px solid #ccc; text-indent: 5px;}



.picScroll-left{ width:1200px; position: relative; margin: 35px auto 60px;}
.picScroll-left .bd{ padding: 0; float:left;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ position: relative; margin:0 5px; width:277px; height:208px; border: 4px solid #fff; float:left; transition:0.3s;}
.picScroll-left .bd ul li a img{ width:277px; height:208px;}


#cqhj{ padding: 30px 0 0; text-align: center;}
#cqhj li{ display: inline-block; width: 255px; height: 191px; border: 5px solid #fff; margin: 0 10px;}
#cqhj li img{ width: 255px; height: 191px;}


.banner{ width:1200px; height:579px; position:relative;margin:0 auto;}
/*banner*/
.banner_index{height:579px;position: relative;overflow:hidden;width: 1920px; left:-360px;}
.banner_index1{ width:1200px; height:579px; margin:0 auto; position:relative;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:185px;width: 56px;height: 78px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../Image/bg_btnPre_index.png) no-repeat 0 0;left:20px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{background: url(../Image/bg_btnPre_index_hover.png) no-repeat 0 0;}
.banner_index .btnNext,.banner_pro .bNext{background: url(../Image/bg_btnNext_index.png) no-repeat 0 0;right: 20px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../Image/bg_btnNext_index_hover.png) no-repeat 0 0;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 1920px;float: left;}

.indexBanner_num{width:1000px;margin: 0 auto;padding:10px 0;text-align: center; position:relative; top:-60px; z-index:9999;} 
.indexBanner_num a{width:12px;height:12px;display: inline-block;_zoom:1; border-radius:50%; background-color:#FFF;font-size: 0px;line-height: 0px;margin:0 5px;}
.indexBanner_num a.on,.indexBanner_num a:hover{ background-color:#0069d1;}


.headerzy{ width:100%; height:auto;overflow:hidden;}
.bannerzy{ width:100%; height:300px;background: url(../Image/bannerzy.jpg) repeat-x center}



/*-------------- index --------------*/
#warp{ width:100%; height:100%;}
#item{}
#item .hd{ width: 1200px; height: auto; margin: 0 auto 20px; }
#item .hd ul{ float: left;}
#item .hd li{ float: left; width: 180px; height: 54px; line-height: 54px;margin:0 10px;background-color: #0084e2;}
#item .hd li a{ display: block; height: 54px; transition: all 0.3s;text-align: center;color: #fff;}
#item .hd li a:hover{ margin-top: 0px; height: 54px; color: #fff;}
#item .hd li b{ float: left; width: 57px; height: 55px; margin: 26px 0 0 30px;transition: 0.5s;}
#item .hd li:hover{background: #c8161d;}

#item .hd .l1{  background: url(../Image/s01.png) no-repeat;}
#item .hd .l2{  background: url(../Image/s02.png) no-repeat;}
#item .hd .l3{  background: url(../Image/s03.png) no-repeat;}
#item .hd .l4{  background: url(../Image/s04.png) no-repeat;}







#item .hd .right{ float: left; width:154px; margin-top:23px;}
#item .hd .right p{ color: #fff; font-size: 18px;}
#item .hd .right span{ color: #FFF;text-transform: uppercase;font-size: 12px;}
#item .hd .more{ float: right; width: 192px; height: 104px; margin-top: 8px; background-color: #0084e2;}
#item .hd .more a{ display: block; height: 100%; text-align: center;}
#item .hd .more img{ margin-top: 35px;}
#item .hd .more p{ color: #fff; font-size: 14px;}
#item .hd .more a:hover p{ color: #ffb300}
#item .bd{ width: 1220px; height: auto !important; margin: 0 auto; overflow: hidden;}
#item .bd ul{ overflow: hidden;}
#item .bd li{ float: left; position: relative; width: 285px; height: 265px; margin: 0 10px; overflow: hidden;background: #fff;margin-bottom: 20px;}
#item .bd li .sy{ position: absolute; left: 0; top: 0; z-index: 3; width: 283px; height: 212px; background: url(../Image/sy.png) no-repeat center center; background-size: 100%;}

#item .bd a{ display: block; position: relative; text-align: center;}
#item .bd img{ max-width: 283px; height: 212px;}
#item .bd span{ display: block; color: #333; font-size: 14px; line-height: 38px; text-align: center;}
#item .bd a i{ position: absolute; left: -193px; top: 0; width: 50%; height: 214px; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); -webkit-transform: skewx(-25deg); -webkit-transition:0s;}
#item .bd a:hover i{left: 334px; -webkit-transition: 0.5s;}
#item .bd a:hover span{ color: #000;}


.titles{margin:0 auto ;}
.titles img{display: block;margin:0 auto;padding:56px 0 30px 0;}
.types{text-align: center;padding-bottom: 30px;}
.types li{display: inline-block;width: 200px; height: 50px; background: #fff;margin:0  20px;border:1px solid #e5e5e5;}
.types li a{display: block;width: 100%;height: 100%;line-height: 50px;transition: 0.5s;}
.types li a span{font-size: 16px;color: #0a0a0a;transition: 0.5s;}
.types li:hover a{background: #007cc7;}
.types li:hover a span{color: #fff;}


.pro_r{width: 1200px;margin:0 auto;}
.products_nr10{width: 100%;height: auto;overflow: hidden;}

#fczs_main20{height: auto; overflow:hidden;}
#fczs_gd20{float:left;overflow:hidden;}
#fczs_gd20 ul{height: auto;overflow: hidden;}
#fczs_gd20 ul li{width:384px;height: 345px;float:left;overflow:hidden;margin: 15px 12px 18px 0;transition: 0.2s;position: relative;}
#fczs_gd20 ul li .mm{background:rgba(19,132,200,0.8);top:345px; left: 0;position: relative;transition: 0.5s;width: 100%;height: 300px;text-align: center;}
#fczs_gd20 ul li:hover .mm{top:-300px;}
#fczs_gd20 ul li:hover .spans{display: none;}

.pt{position: relative;top:120px;color: #fff;font-weight: bold;font-size: 24px;text-align: center;display: block;}
.mo{position: relative;top:140px;color: #fff;font-size: 14px;text-align: center;display: block;border-radius: 18px;border:1px solid #fff;width: 30%;margin:0 auto;}
#fczs_gd20 ul li:nth-of-type(3){margin: 15px 0px 18px 0}
#fczs_gd20 ul li:nth-of-type(6){margin:15px 0px 18px 0}


#fczs_gd20 ul li .spans{width: 100%;height:44px; line-height: 44px; text-align: center;display: block;color: #000;}
#fczs_gd20 ul li:hover{transform: translate3d(0, -6px, 0);}
#fczs_gd20 ul li .proinfos01{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#fczs_gd20 ul li a{width:100%;height:100%; float:left;color:#000;  font-size: 14px;display: block;}
#fczs_gd20 ul li a:hover{float:left; color:#fff;}
#fczs_gd20 ul li .pro-imgbox{width: 384px;height: 300px;display: table-cell;vertical-align: middle;text-align: center;background: #fff;}
#fczs_gd20 ul li img{max-width:384px; max-height:300px;}
#fczs_gd20 ul li .proinfos01{text-align: left;padding:10px;color: #000;font-size: 14px;}
#fczs_gd20 ul li .proinfos01 i{color: #ff7e01;padding-right:15px;}
#fczs_gd20 ul li:hover .proinfos01{color: #fff;}
#fczs_gd20 ul li:hover .proinfos01 span{color: #fff;}


.proinfos01 .fr{display: block;width: auto; height:auto; line-height: 26px;font-size: 12px;}
.proinfos01 i{padding-right: 5px!important;}
#fczs_gd20 ul li:hover i{color: #fff;}





#advantage{background: url(../Image/bg_advantage.jpg) no-repeat top center; overflow: hidden;}
#advantage .text{ width: 940px; text-align: center; margin: 55px auto 0;text-transform: uppercase;}
#advantage .text b{ color: #fff; font-size: 48px;font-weight: bold;}
#advantage .text em{ color: #cb292f; font-size: 90px;font-weight: bold;}

#advantage .text span{ color: #0084e2; font-size: 46px; font-weight: bold;}
#advantage .text .en{ display: inline-block; line-height: 26px;  padding: 0 10px; color: #8b8b8b; font-size: 14px; letter-spacing: 2px; margin-top: 13px; *display: inline; *zoom: 1;}
#advantage .text p{ margin-top: 19px; font-size: 18px; line-height: 25px;color: #ffffff;}
#advantage ul{width:1200px;margin:0 auto;}



#advantage ul li{ float: left; width: 100%; height: 317px; background: #fff;margin:20px auto;}
#advantage ul .l1{ background: #fff}
#advantage ul .l2{ background: #fff}
#advantage ul .l3{ background: #fff}




.l1{margin: 25px 0;height: 320px;    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -6px, 0);}
.l1 .lz11{width: 170px;height: 142px;background: #007cc7; text-align: center;line-height: 142px;font-size: 72px;color: #fff;font-weight: bold;float: left;}
.l1 .lz12{width: 530px;height: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:45px 20px; float: left;}
.l1 .lz12 .lz121{font-size: 36px; font-weight: bold;color: #183883;}
.l1 .lz12 .lz122{font-size: 18px; color: #000;line-height: 55px}
.l1 .lz12 .lz123{ margin-top: 30px; height: 0px;border-bottom: 1px dashed #ccc;}
.l1 .lz12 .lz124{padding-top: 30px; color: #666666; font-size: 18px; line-height: 35px;}
.l1 .lz13 {padding-top: 15px;float: left;}



.l3{margin: 25px 0;height: 320px;    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -6px, 0);}
.l3 .lz11{width: 170px;height: 142px;background: #007cc7; text-align: center;line-height: 142px;font-size: 72px;color: #fff;font-weight: bold;float: left;}
.l3 .lz12{width: 530px;height: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:45px 20px; float: left;}
.l3 .lz12 .lz121{font-size: 36px; font-weight: bold;color: #183883; text-align: right;}
.l3 .lz12 .lz122{font-size: 18px; color: #000;line-height: 55px;text-align: right;}
.l3 .lz12 .lz123{ margin-top: 30px; height: 0px;border-bottom: 1px dashed #ccc;margin-left: 45px;}
.l3 .lz12 .lz124{padding-top: 30px; color: #666666; font-size: 18px; line-height: 35px;}
.l3 .lz13 {padding: 15px 0 0 20px; float: left;}











#team{ height: 420px; overflow: hidden;padding-top: 50px;}
#team .hd{ position: relative; width: 570px; height: 81px; margin: 0 auto; text-align: center; }
#team .hd img{ width: 100%; height: 71px; margin-top: 10px;}
#team .hd .ch{ position: absolute; left: 139px; top: -9px;  *display: inline; *zoom: 1;}
#team .hd .ch b{ color: #363636; font-size: 36px;}
#team .hd .ch span{ font-weight: bold; color: #0084e2; font-size: 36px;}
#team .hd .en{ position: absolute; left: 113px; top: 31px; color: #adadad;    text-transform: uppercase;}
#team .hd a{ display: block; width: 28px; height: 28px; position: absolute; cursor: pointer;}
#team .hd .prev{ background: #363636 url(../Image/icon_arrow.png) no-repeat 7px 5px; left: 248px; bottom: -14px;}
#team .hd .prev:hover{ background-color: #da2021}
#team .hd .next{ background: #da2021 url(../Image/icon_arrow.png) no-repeat -19px 4px; left: 293px; bottom: -14px;}
#team .hd .next:hover{background-color: #363636}
#team .bd{ width: 1248px; height: 288px; margin: 50px auto 0; text-align: center; overflow: hidden;}
#team .bd ul{ overflow: hidden;}
#team .bd li{ float: left; width: 281px; height: 288px; margin: 0 12px;}
#team .bd li a{ display: block;}
#team .bd li img{ width: 281px; height: 207px;border: 1px solid #ccc;}
#team .bd li span{ color: #363636; font-size: 14px; line-height: 46px;}

#profile{ height: auto; background: #03428e; text-align: center; overflow: hidden; padding-bottom: 50px;}
#profile .ch{ margin-top: 55px; font-size: 46px;}
#profile .ch b{ color: #232331;}
#profile .ch span{ font-weight: bold; color: #0084e2;}
#profile .en{ margin-top: 20px; color: #232331; font-size: 20px;text-transform : uppercase;}


#profile .inner{ width: 1140px; margin: 5px auto 0; }
#profile .inner1{font-size: 14px;text-align: center;line-height: 30px;color: #fff;}
#profile .inner2 {text-align: center;padding-top: 10px;}
#profile .inner2 li{display: inline-block;width: 180px;height: 180px;border:1px solid #e4e8ee;border-radius: 50%;margin:0 45px; position: relative;z-index: 99;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-top:60px;text-align: center;font-size: 14px;color: #fff;}

#profile .inner2 li span{font-size: 30px;font-weight: bold;display: block;width: 100%;padding-bottom: 10px;}
#profile .inner2 li:after{content: "";width:190px;height: 190px;border:1px solid #e4e8ee;border-radius: 50%;z-index: 999;display: block;position: absolute;left:-7px;top:-5px;}
#profile .inner3  {text-align: center;margin-top: 35px;}
#profile .inner3  a {display: inline-block;width: 190px;height: 50px;background: #c8161d;text-align: center;line-height: 50px;margin:0 30px;color: #fff;transition: 0.5s;}
#profile .inner3  a:hover{background: #900e13;}


#profile .profile_rt{ position: relative; width: 507px; height: 40px; margin: 0 auto;}
#profile .profile_rt img{ margin-top: 18px; width: 100%; height: 5px;}
#profile .profile_rt a{ position: absolute; left: 123px; top: 0px; color: #666; font-size: 20px;}
#profile .profile_rt span{ position: absolute; left: 55px; top: 27px; color: #9e9e9e;text-transform: uppercase; }
#profile .profile_rc{ height: 160px; margin-top: 20px; font-size: 14px; line-height: 25px;}
#profile .profile_rb img{ vertical-align: bottom;}
#profile .profile_rb b{ color: #0084e2; font-size: 26px; margin-left: 5px;}
#profile .profile_rb a{ display: inline-block; width: 95px; height: 27px; margin-left: 20px; background-color: #0084e2; border-radius: 15px; color: #fff; font-size: 14px; line-height: 27px; vertical-align: text-bottom;}
#profile .profile_rb a:hover{ background-color: #0768ad;}

#news{ height: 690px; overflow: hidden;background: url(../Image/news-bg.jpg) no-repeat center bottom; }


.news01c_l{width: 574px; height: 374px;background: #fff;}
.news01c_l img{width: 574px; height: 374px;}
.news01c_lc01{width: 574px; height:320px;overflow: hidden;}
.news01c_lc01 img{width: 574px; height:320px;}
.news01c_l01{width: 574px; height:320px;overflow: hidden;}
.news01c_l01 img{width: 574px; height: 320px;}
.news01c_l02c{ background: #fff; height: 50px; line-height: 50px; padding-left: 10px;}
.news01c_l01 img{ width: 574px; height: 320px;transition: 0.5s;}
.news01c_l02{padding: 0 25px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;background: #f5f5f5;height: 54px; line-height: 54px;}
.news01c_l0201{font-size: 16px; color: #000;}
.news01c_l0202{font-size: 14px; color: rgba(0, 0, 0, .6);}
.news01c_l:hover .news01c_l0201{ color: #0061c6; }
.news01c_l:hover .news01c_l01 img{transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05); }


.news01c_r {width: 560px;float: right;}

.slideTxtBox{ width:560px;text-align:left;}
.slideTxtBox .hd{ height:50px; line-height:50px; background:#f5f5f5;position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; cursor:pointer;  width: 157px;line-height: 50px;text-align: center;}
.slideTxtBox .hd ul li.on{ height:50px; background:#007cc7; width: 157px;line-height: 50px;text-align: center;color: #fff;}


.slideTxtBox .bd ul{ padding:15px 0 0;  zoom:1;}
.slideTxtBox .bd li{ height:37px; line-height:37px;border-bottom: 1px solid #efefef;transition: 0.5s;padding-left: 20px;}
.slideTxtBox .bd li:before{content:"△";display: block;float: left;position: relative;left: -10px ;}
.slideTxtBox .bd li .date{ float:right; color:#999;}
.slideTxtBox .bd li:hover{padding-left: 5px;}
.slideTxtBox .bd li:hover a{color: #007cc7;}











#news .bd .ctn{ display: block; width: 532px; margin: 27px auto 0; overflow: hidden;}
#news .bd .ctn img{ float: left; width: 220px; height: 158px; border: 3px solid #fff;}
#news .bd .ctn .right{ float: right; width: 284px;}
#news .bd .ctn .right .title{ color: #fff;}
#news .bd .ctn .right .time{ display: block; color: #67a8ea;}
#news .bd .ctn .right p{ color: #fff; line-height: 20px; margin-top: 20px;}
#news .bd .more{ position: absolute; left: 288px; bottom: -22px; width: 145px; height: 42px; background-color: #ffb300;}
#news .bd .more .inner{ width: 131px; height: 30px; border: 1px solid #fff; margin: 5px auto 0; color: #fff; font-size: 14px; line-height: 30px; text-align: center;}
#news .bd .more:hover{ background-color: #AF191A}

		
.mmm{width: 250px;height: 46px;text-align: center;line-height: 46px;font-size: 17px;font-weight: bold;border:1px solid #007cc7; background: #007cc7; margin:40px auto 0; transition:0.3s;}
.mmm:hover{ border-radius: 25px;}
.mmm a{color: #fff;}

/*-------------- left --------------*/
.allleft{ width:260px; height:100%; float:left;overflow:hidden;}
.lprolist{ width:100%; height:auto; overflow:hidden;}
.lprolistlogo{width: 100%;height: 102px;background: url(../Image/prologo.png) no-repeat 21px 21px;background-color: #0084e2;}
.lprolistlogo1{ width:100%; height:34px; line-height:34px; display:block; text-align:center; font-size:30px; color:#FFF; padding-top:19px;}
.lprolistlogo2{ width:100%; height:24px; line-height:24px; display:block; text-align:center; color:#FFF; font-size:18px;margin-top: 15px;}

.lprolistcon{ width:100%; height:100%; overflow:hidden; background-color:#f0f0f0;}
.lprolistcon ul{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.lprolistcon li{ width:100%; height:46px; border-bottom:#b9b6b6 solid 1px;}
.lprolistcon li a{ width:100%; height:38px; line-height:38px; color:#0084e2; text-indent:50px; display:block;margin-top:6px;}
.lprolistcon li a:hover{ background-color:#0084e2; color:#FFF; border-radius:23px;}


.prolistf{ width:100%; height:auto; background-color:#0084e2; padding:18px 0;}
.prolistfup{ width:90%; height:auto; display:block; margin:0 auto;overflow:hidden;background:url(../Image/prolistfbg.png) no-repeat right;}
.prolistfup1{ width:100%; height:auto; display:block; color:#FFF; font-size:16px;}
.prolistfup2{ width:100%; height:auto; display:block; color:#fdc70b; font-size:20px; font-weight:bold; padding-top:4px;}
.prolistfc{ width:100%; height:auto; display:block; color:#FFF; font-size:24px; font-weight:bold; padding-top:10px; text-indent:15px;}
.prolistff{ width:236px; height:41px; display:block; background-color:#333; text-align:center; line-height:41px; margin-left:15px; margin-top:20px;}
.prolistff a{width:236px; height:41px; display:block; color:#FFF;}
.prolistff a:hover{ background-color:#fdc70b; color:#333;}



/*-------------- right --------------*/

.allright{ width:245px; height:auto; overflow:hidden; float:right;}
.rhotpor{ width:100%; height:auto; overflow:hidden; margin-top:20px; background-color:#FFF;}
.rhotporlogo{ width:100%; height:45px; line-height:45px; color:#FFF; text-indent:25px; font-size:18px;background:url(../Image/riglogo.jpg) no-repeat left top;}
.rhotporcon{ width:100%; height:auto; overflow:hidden; padding-top:20px;}

/* 本例子css */
.picScroll-top{ margin:0 auto;width:245px;overflow:hidden; position:relative;}
.picScroll-top .bd{ padding:0px; margin:0;}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{float:left;width:245px; height:243px; overflow:hidden;}
.picScroll-top .bd ul li a{width:243px; height:226px; display:block; border:#0084e2 solid 1px; background-color:#0084e2; text-align:center;}
.picScroll-top .bd ul li a:hover{ background-color:#d5001e;border:#d5001e solid 1px;}
.bdimg_{ width:243px; height:184px; display:block; overflow:hidden;}
.bdimg1_{ width:243px; height:184px; background-color:#FFF; display:table-cell; vertical-align:middle; text-align:center;}
.bdimg1_ img{max-width:243px; max-height:184px;}
.bdwz_{ width:100%; height:42px; line-height:42px; color:#FFF;}

.rconta{ width:100%; height:auto; overflow:hidden; border-bottom:#d5353f solid 6px; background-color:#fafafb;}
.rcontacon{ width:100%; height:auto; overflow:hidden; padding-top:15px; padding-bottom:25px;}
.rcontacon ul{ width:90%; height:auto; overflow:hidden; margin:0 auto; line-height:32px;}



/*-------------- contact ys --------------*/
.contup{ width:100%; height:auto; overflow:hidden; padding-bottom:30px;}
.contupl{ width:600px; height:auto; float:left; padding-left:15px;}
.contuplup{ width:100%; height:84px; border-bottom:#0084e3 solid 1px; font-size:30px; font-weight:bold; color:#0084e3; line-height:35px; padding-top:10px; display:block;}
.contuplup1{ color:#d29c09;}
.contuplf{ width:100%; height:auto;display:block; line-height:33px; color:#555555; padding-top:20px;}
.contupr{ width:280px; height:auto; display:block; float:left;}
.contupr img{ width: 280px;}
#allmap{width:850px;height:450px; border:#b8b8b8 solid 1px;}

/*-------------- contact ys --------------*/

/*-------------- end --------------*/


.end{ width:100%;margin:0 auto;height: auto;background: #2e2e2e;}



.link{ height: 30px; color: #fff;}
.link a{ color: #fff; padding-right: 30px;}
.link a:hover{ color: #202020;}

.end_nav{ height: 50px;line-height: 50px;margin-bottom: 30px; background: url(../Image/end_line.png) no-repeat left bottom;}
.end_nav a{color: #fff;display: block;margin:0 50px 0 0;float: left; font-size: 15px;}


.foot_navi{ height: 72px; background-color: #0084e2; border-bottom: 1px solid #339de8; text-align: center;}
.foot_navi_inner{ display: inline-block; height: 100%; overflow: hidden; *display:inline; *zoom:1;}
.foot_navi_inner ul{ overflow: hidden;}
.foot_navi_inner li{ float: left; line-height: 72px;}
.foot_navi_inner li a{ display: block; height: 100%; padding: 0 32px; font-size: 14px; color: #fff;}
.foot_navi_inner li a:hover{ color: #fff; background-color: #ffb300}

.contact{overflow: hidden;}
.contact_inner{ width: 1200px;margin:0 auto;height: auto; padding: 30px 0;}
.contact_inner .left{ padding: 20px 0 0; float: left;}
.contact_inner .mid{ float: left; margin: 0 70px;}
.contact_inner .right{ float: right; padding: 0;}
.contact_inner .right img{ width: 125px;}

.endlast{height: 60px;background: #1d1d1d; color: #808080;}
.endlast a{ color: #808080;}
.endlast li{display: block;width: 1200px;margin:0 auto;line-height: 60px; color: #808080;}
.qqkefu{position: fixed; bottom:60px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365)); z-index:9999;right:0;width:45px}
.qqkefu ul li{height:45px;margin-bottom:1px;float:right;background:#1b1b1d;line-height:45px;font-size:14px;cursor:pointer;position:relative}
.qqkefu ul li a{color:#fff;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#d29c09;}
.qqkefu ul li.top{color:#1c1c1c;font-weight:800;text-align:center;line-height:45px;background:url(../Image/top.png) no-repeat center; height:51px;position:relative;width:45px;cursor:pointer}
.qqkefu ul li.top:hover span{background:url(../Image/czx2_hover.png) no-repeat center}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:left}
.qqkefu ul li b.a{background:url(../Image/czx4.png) no-repeat center;}
.qqkefu ul li b.b{background:url(../Image/czx3.png) no-repeat center;}
.qqkefu ul li b.c{background:url(../Image/czx5.png) no-repeat center;}
.erweima{/*width: 390px;*/height: 150px;position: absolute;top: -107px;left:-142px;background: #FFF;border: 1px solid #CCC;float: right;cursor: default !important;display:none}
.erweima p{line-height: 20px;color: #000;font-size: 12px;text-align: center;float: left;width: 130px;}
.erweima p img{width: 110px;height: 110px;margin: 10px 10px 0px 10px;}
.erweima .arrow3{width: 5px;height: 10px;display: block;background:url(../Image/czx6.png) no-repeat;position: absolute;right: -5px;top: 122px;}

/*public*/
.zyname{ width:100%; height:41px; margin:0 auto; position:relative; background-color:#f9f9f9;}
.zyname1{ width:82px; height:82px; display:block;margin:0 auto; position:relative; top:-41px;}
#main{width:100%; height:100%; overflow:hidden;padding-top:30px; background-color:#f9f9f9;}
.main1{width:1200px; height:100%;margin:0 auto; overflow:hidden;}
#company{ width:916px; height:100%; overflow:hidden; float:right;line-height:32px; background-color:#FFF;}
#companyct{ width:100%; height:100%; overflow:hidden; float:left;line-height:32px;}

.nr{padding:20px 10px 20px 10px;}
.nr1{padding:20px 10px 20px 10px;}
.nr table{border-collapse: collapse;width:auto;margin:0 auto; margin-top: 10px; margin-bottom: 10px;}
.nr tr:first-child{ background-color:#f4f4f4; font-weight:bold}
.nr table th,.nr table td{ padding:5px;border:1px solid #dedede;} 
.nr tr{text-align: center;}
.nr tr:nth-child(odd){background-color:#e2f4f9}


.rightinfo{ padding:20px 10px 20px 10px; overflow:hidden;}
.rightinfo table{border-collapse: collapse;width:auto;margin:0 auto; margin-top: 10px; margin-bottom: 10px;}
.rightinfo tr:first-child{ background-color:#f4f4f4; font-weight:bold}
.rightinfo table th,.rightinfo table td{ padding:5px;border:1px solid #dedede;} 
.rightinfo tr{text-align: center;}
.rightinfo tr:nth-child(odd){background-color:#e2f4f9}


/*public  ----产品内容页*/
.pronrup{ width:100%; height:100%; overflow:hidden; padding-bottom:25px;}
.pronrupl{ width:40%; height:auto; overflow:hidden; float:left; padding-right:2px;}
.pronrupr{ width:58%; height:auto; overflow:hidden; float:right; padding-bottom:20px;}
.pronrupr1{ width:100%; height:40px; line-height:40px; display:block; color:#1d7ae1; background-color:#767676;}
.pronrupr1_1{ width:auto; padding: 0 30px; height:40px; display:block; text-align:center; color:#FFF;background-color:#0084e2; float:left;}
.pronrupr1_2{ width:100%; height:auto; display:block; padding-top:8px;}
.pronrupr1_3{color:#000; font-weight:bold;}
.pronrupr1_2 a:hover{ text-decoration:underline;}

.pronrupr2{ width:100%; height:50px; display:block; padding-top:10px;}
.pronrupr2_1{ width:135px; height:39px; line-height:39px; display:block; float:left;}
.pronrupr2_1 a{ width:100%; height:39px; display:block;color:#fff;background:url(../Image/qqpibg.png) no-repeat 10px 10px; background-color:#333333;display:block; text-indent:50px;font-weight:bold;}
.pronrupr2_1 a:hover{ color:#000;background:url(../Image/qqpibg.png) no-repeat 10px -30px; background-color:#c40000; color:#FFF;}
.pronrupr2_2{ width:198px; height:29px; padding-top:7px; display:block; float:left; padding-left:20px;}

.pronrupr3{ width:100%; height:55px;padding-left:61px;background:url(../Image/protel.png) no-repeat left; font-size:20px; color:#f25000; display:block; line-height:24px;}
.pronrupr3_1{color:#000; font-size:14px;}

.pronrupr2_112{ width:140px; height:42px; line-height:42px; display:block; float:left;}

.pronrupr2_11{ width:100%; height:42px; display:block;color:#c40000;background:url(../Image/weixin.png) no-repeat 5px 10px;background-color:#ffeded;border:#c40000 solid 1px; border-radius:8px; text-indent:37px;transition:all 0.3s}
.pronrupr2_11:hover{ color:#000;background:url(../Image/weixin.png) no-repeat 5px -30px; background-color:#c40000; color:#FFF;transition:all 0.3s}
.pronrupr2_22{ width:148px; height:148px; display:none; position:relative; top:-50px;transition:all 0.3s}
.pronrupr2_22 img{width:148px; height:148px;}
.pronrupr2_11:hover .pronrupr2_22{ display:block;width:148px; height:148px; position:relative; top:-157px; left:91px;transition:all 0.3s}

.w45{ width:49%}
.f_left{ float:left;}
.f_right{ float:right;}

/*public  ----产品内容页*/
.zynav{ width:100%; height:58px; line-height:58px;background:url(../Image/productconlogobg.jpg) repeat-x left;}
.zynavct{ width:100%; height:55px; line-height:55px; border-bottom:#ececec solid 1px;margin-top:15px;}
.zynav1{ float:left; color:#2f2a2a; width:auto; height:55px;font-size:20px; font-weight:bold; padding-left:30px; padding-right:10px;background:url(../Image/comrbg.png) no-repeat left; margin-left:20px;}
.zynav1_{ float:left; color:#2f2a2a; width:auto; height:55px; border-bottom:#11222e solid 3px; font-size:20px; font-weight:bold; padding-left:30px; padding-right:10px;background:url(../Image/comrbg.png) no-repeat left;}
.zynav2{ float:right; color:#898989; padding-right:15px; font-size:13px;background:url(../Image/homep.png) no-repeat left; padding-left:30px;}
.zynav2 a{ color:#898989;}
.zynav2 a:hover{text-decoration:underline;}
#indexNews li{ line-height:35px; border-bottom:1px dotted #cecccc; padding:0 12px 0 10px; position:relative; }
#indexNews li:hover{border-bottom:1px solid #cecccc; background-color:#f1f1f1}
#indexPro{height:215px; overflow:hidden; margin:0 auto;}
#indexPro li{ margin:10px; width:215px; height:190px; float:left; display:block; text-align:center; line-height:24px;}
#indexPro li img{ border:2px solid #ffb913; width:215px; height:165px; }
.introImg{ float:left; margin-right:10px;}
.info_date{ float:right; padding-right:8px;}
/*company*/
/************新闻*****************/
.news_tit_u{text-align: center;font-size: 16px;color: #d5353f;line-height: 30px; font-weight:700;}
.news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100; color: #303030;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;}
.news_tit_img{ margin:9px auto; text-align:center}
.news_tit_img img{ max-height:600px; max-width:600px;}
.pro_name{display:block;color:#da020d;text-align:center;}



/****************************************1**************************************/
.news_1bj{width:100%; padding:32px 0;}
.news_1nr{width:100%; margin:0 auto;}
.news_1nr ul li a{width:100%; height:94px;display:block; font-size:15px;}
.news_1nr ul li{margin:0 0 45px 0; position:relative; padding:9px 16px 0 0; border:1px solid #c4c4c4; width:888px; height:94px;}
.news_1nr ul li span{width:103px; height:120px; overflow:hidden; float:left; border-bottom:3px solid #0084e2; color:#ffffff; text-align:center; background:#0084e2; position:absolute; top:-1px; left:8px;transition: all 0.4s;}
.news_1nr ul li span h1{font-size:30px; font-family:Impact; line-height:42px; padding:14px 0 6px 0; display:block;}
.news_1nr ul li div{width:755px; float:right;}
.news_1nr ul li div p{line-height:24px; font-size:13px; text-indent:-2em color:#777777;}
.news_1nr ul li:hover{background:#f2f2f2;}
.news_1nr ul li:hover span{background:none; border-bottom:0px; color:#0084e2;transition: all 0.4s;}




/************产品*****************/
.produc{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.produc li{width:278px; height:279px; float:left; margin: 0 10px;}
.producimg{ position: relative; width:276px; height:197px; display:block;}
.producimg .sy{ display: block; position: absolute; left: 0; top: 0; z-index: 3; width: 276px; height: 197px; background: url(../Image/sy.png) no-repeat center center; background-size: 100%;}
.producimg1{width:276px; height:197px;display:table-cell; vertical-align:middle; text-align:center;}
.producimg img{ height:197px;width:276px;}
.produc li a{width:276px; height:247px; display:block;border:#e2e2e2 solid 1px; text-align:center;}
.products1{ width:100%; height:45px; line-height:41px; display:block; border-bottom:#c9c9c9 solid 5px;transition:all 0.3s;}
.produc li a:hover .products1{width:100%; height:45px; background-color:#0084e2; color:#FFF;border-bottom:#0084e2 solid 4px;transition:all 0.3s;}

.food_name{display: block;color: #da020d;text-align: center;}
.info_img_detail{ text-align:center; margin:10px 0;}
.info_img_detail img{ width:400px;}
/************分页*****************/
.page{width:99%; height: 30px; line-height: 30px;text-align: center; margin: 12px auto;font-size: 12px; clear:both;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border: 1px solid #d2d4d6;}
.page a{display: inline-block;height: 20px;line-height: 20px;border: 1px solid #d2d4d6;padding: 0 2px;background: #FFF;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:1px 3px;}
.page span.current {padding:3px 6px 3px 6px;height:18px;line-height:18px;background:#404040;color:#fff;}
/************留言*****************/
#company .rightinfo table{margin:0 auto}
#company .rightinfo table td{padding:2px 5px; text-align: center;}
#company .nr1 table{margin-left:2px;}
#company .nr1 table th{color:#444444;font-weight:normal;font-size:14px;font-family:'Microsoft YaHei',arial;text-align:right;vertical-align: top;padding-top: 9px;}
#company .nr1 table td select{font-family: 'Microsoft YaHei',arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;	background: #FFF;*+margin-left:-3px;}
#company .nr1 table td ul{list-style:none;position:absolute;}
#company .nr1 table td ul li{	font-family:'Microsoft YaHei',arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}
#company .nr1 table td ul li a{display:block;text-decoration:none;color:#444444;}
#company .nr1 table td ul li a:hover{color:#fe7d0c;}
#company .nr1 table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
#company .nr1 table td input{font-size:14px;margin:5px auto 5px 5px;}
#company .nr1 table td .yanzheng{width:101px;}
#company .nr1 table td textarea{resize: none;width:545px;height:110px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
#company .nr1 table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}
#company .nr1 table td .but{width:74px;height:31px;line-height:27px;background:#3398fe;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:'Microsoft YaHei',SimHei,sans-serif;color:#FFF;}
/************招聘*****************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs .but a{position:relative;top:-150px;background:#3398fe;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;}
.job_nam{ font-weight:700; color:#F00}
/*------------------menu-list--------------------*/
#graybar,.recruit_info_tit_bg{ height:33px; background:#e1e1e1; margin-bottom: 10px;}
#graybar span,.recruit_info_tit{ width:100px; line-height:33px; text-align:center; display:block; color:#FFF; background:#0084e2; border-right:1px solid #FFF;}
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}

.datalist { border: 1px solid #cccccc; /* 表格边框 */ font-family: Arial; border-collapse: collapse; /* 边框重叠 */ background-color: #ffffff; /* 表格背景色 */ font-size: 12px; }
.datalist caption { padding-bottom: 5px; font: bold 12px; text-align: left; }
.datalist th { border: 1px solid #cccccc; /* 行名称边框 */ background-color: #F6F6F6; /* 行名称背景色 */ color: #000000;    /* 行名称颜色 */ font-weight: bold; padding-top: 4px; padding-bottom: 4px; padding-left: 15px; text-align: left; font-size:14px }
.datalist td { border: 1px solid #cccccc; /* 单元格边框 */ text-align: left; padding-top: 4px; padding-bottom: 4px; padding-left: 15px; }
.datalist tr.altrow { background-color: #c7e5ff; /* 隔行变色 */ }