@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;}

body{min-height: 1200px;margin:0 auto;}

.w1200{width: 1200px; }

.ho{height: auto;overflow: hidden;}

.cl{clear: both;}

.mr{margin: 0 auto;}









/*-------------- top --------------*/

#head{width: 100%;}

.topbox{height: 36px; line-height: 36px;border-bottom: 1px solid #ccc;background: #f4f4f4;}

.top{color: #464646;}

.topl{width: 900px;float: left;}

.topr{width: 300px;float: right;}

.topl span{color: #0097c3;}



.head_inner_top{ width:1250px; height: 100%; margin: 0 auto; line-height: 48px; color: #666; overflow: hidden;}

.head_inner_top .left{ float: left; width:216px; height: 100%;background:#535a6c;text-align: center;color: #fff; font-size: 14px;}

.head_inner_top .right{ float: left; width: 800px; height: 100%; text-align: left;text-indent: 2em;}

.head_inner_top .right .site{ padding-left: 12px; background: url(../Image/icon_site.png) no-repeat center left;}

.head_inner_top .right .contact{ padding-left: 12px; background: url(../Image/icon_phone.png) no-repeat center left; margin-left: 5px;}

.head_inner_top .right a:hover{ color: #fdad03}

.ta{width: 27%;padding-top: 47px;}

.center{ height:105px;background: #fff;}

.head_inner_center{ width: 1360px; height: 100%; margin: 0 auto; background: #fff;position: relative; z-index: 9999;}

.head_inner_center .left{ float: left; width:34%; height:105px; overflow: hidden;}

.head_inner_center .left img{ margin-top:17px;margin-left: 68px;}

.head_inner_center .right{ float: right; width:66%; height: 105px;}

.head_inner_center .right .l{ float: right; width: 38px; height: 38px; margin: 44px 5px 0 0;}

.head_inner_center .right .r{ float: right; width: 172px; height: 60px; margin-top: 40px;}

.head_inner_center .right .r span{ display: block; font-size: 14px;}

.head_inner_center .right .r b{ font-size: 26px; color: #d31a28;font-family: impact;}







.right span{display: block;height: 36px;line-height: 36px; width: 106px;text-align: center;color: #fff;background: #04abe2; border-radius: 3px;font-size: 17px;margin:30px 20px 0 0;}

.right span a{color: #fff;}

.bottom{ height: 60px; background-color: #fff; text-align: center;border-top:1px solid  #f7f7f7;border-bottom: 1px solid  #f7f7f7;}









.navi{ display: inline-block; height: 100%;  *display: inline; *zoom:1;}



.navi a{ float: left; width: 100px;display:block;text-align: center;line-height: 105px;font-size: 17px;}

.navi a span{font-size: 12px;color: rgba(255, 255, 255, .2);text-transform : uppercase;display: block; width: 100%;line-height: 10px;}

.navi a em{font-size: 15px;color: #000;font-style:normal;padding-top: 42px;display: block;}



.navi a:hover{background: #0097c3; color: #fff;}



.navis{height: 50px; line-height: 50px;text-align: center; width: 1200px;margin:0 auto;}

.navis a{height: 100%;line-height: 50px;float: left;display: inline-block;color: #fff;margin:0 10px;width: 120px;}

















.bot{height: 50px;background: #1e2124;}

.bot li{float: left;line-height: 50px;color: rgba(255, 255, 255,0.5)}

.bot li:nth-of-type(1){padding-left: 150px;font-size: 17px;}

.bot li a{color: rgba(255, 255, 255,0.5);font-size: 17px;display: block;margin:0 10px;}

.bot li a:hover{color: #fff;}





















#search { float: right; height: 100%; overflow: hidden;}

#search  form{ margin-top: 3px; overflow: hidden;}

#search  .btn{ float: right; width: 60px; height: 30px; border: 0; color: #fff; font-size: 14px; text-indent: 14px; background: #1f1f2c url(../Image/icon_search.png) no-repeat 8px 11px;}

#search  .btn:hover{ background-color: #0470bd; cursor: pointer;}

#search  .words{ float: right; width: 198px; height: 28px; border: 1px solid #ccc; text-indent: 5px;outline: none;}











.banner{ width:1200px; height:688px;margin:0 auto;}

/*banner*/

.banner_index{height:688px;position: relative;overflow:hidden;width: 1920px; left:-360px;}

.banner_index1{ width:1200px; height:688px; margin:0 auto; position:relative;}

.banner_index .btn,.banner_pro .bBtn{position: absolute;top:350px;width: 56px;height: 78px;display: block;z-index:9999999;}

.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;}







.bannerzy{ width:100%; height:380px;background: url(../Image/bannerzy.jpg) no-repeat top center;}



#team .bd  li:hover  span{color: #da2021}



 

.numbox{width:100%;height: 99px;background: #f7f7f7;}

.num{width: 1200px;height: 99px;padding-top: 40px;background: #fff;position: relative;bottom: 70px;z-index: 99999; }

.num li{float: left;width:298px;text-align: center;height: 53px; line-height: 38px;color: #999999;}

.num li span{display: block;width: 100%;font-family: impact;font-size: 35px; font-weight: bold;color: #da251c;}

.num li:nth-of-type(2){border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}

.num li:nth-of-type(3){border-right:1px solid #e2e2e2;}



 

















/*-------------- index --------------*/

.productbox{width: 100%;background: #f7f7f7;}

.productcont{background: #fff; height: 684px;}

.product01{padding:16px;}

.product0101{width: 130px;height: 75px;font-size: 25px;color: #fff;background: #1473c3;text-align: center;padding-top: 25px;}

.product0102{width: 1028px;height: 100px;background: #fff;margin-left: 8px;}

.product0102 li{width: 144px;height: 49px; line-height: 49px; float: left;text-indent: 20px;color: rgba(0, 0, 0, 0.58);background: #f7f7f7;border:1px solid #fff;}

.product0102 li a{display: block; width: 100%;height: 100%;}

.product0102 li:hover span{color: #1473c3;}

.product02 li{float: left;width: 271px; height: 260px;margin:12px; border:1px solid #e6e6e6;}

.product02 li:hover .protitle {color: #1473c3;}





#pro_gd{ width:100%; height:290px; margin:0 auto; overflow:hidden; text-align:center; line-height:18px;background: #fff;padding: 20px 0;}

#pro_gd li{ float:left;width:290px; height:280px;text-align:center;line-height:18px;padding:5px;margin-bottom: 30px;}

#pro_gd li a{display: block;width: 100%;height: 100%;}

#pro_gd img{width:290px;vertical-align:middle;height: 235px;}

#pro_gd li span{display: block; width: 100%;height: 45px; line-height: 45px; background: #f2f2f1; color: #000;}

.protitle {text-align: center;color: #000;font-size: 16px;line-height: 45px;}

#pro_gd li a:hover span{background: #ccc;color: #fff;}











.in_01_box{width: 100%;height: 465px;background: #fff;}

.in_01{padding-top: 23px;}

.in_01_l{float: left;width: 754px; height: 400px;margin-left: 20px;}

.in_01_r{float: right;width: 416px; height: 400px;}

.in_01_01{width: 214px;  height: 65px; background: #004db5;font-size: 32px; font-weight: bold;color: #fff;text-align: center; line-height: 65px;}

.in_01_02{font-size: 14px; color: rgba(0, 0, 0, .8);line-height: 30px;margin:30px 0;}

.in_01_03 li{text-align: center;width: 30%;margin:0 1%;float: left;} 

.in_01_03_01{height: 55px;}

.in_01_03_02{font-family: impact;color: #106fc8;font-size: 48px; margin:20px 0;height: 35px;}

.in_01_03_02 span{font-size: 14px;}











.anli_box{width: 100%;height: 602px; background: url('../Image/anli_bg.png') no-repeat center center;}

.anli01t{text-align: center;margin:30px 0;}

.anli0201{width: 600px;float: left; background: #0061c6;height: 340px;}

.anli020101 img{width:300px;height: 340px;}

.anli020102 {padding:30px 25px; width:250px;height: 280px;}

.anli02010201{font-size: 30px; font-weight: bold; color: #fff;height: 45px; border-bottom: 3px solid  rgba(255, 255, 255, 0.3)}

.anli02010202{font-size: 14px; line-height: 35px; color: #fff;margin-top: 20px;}







.companybox{width: 100%;height: 422px;}

.companys{padding:25px 0;}



.coml {width: 675px;}

.comr {width: 495px;}

.coml01{font-weight: bold;font-size:24px;color: rgba(0, 0, 0, 0.5);text-transform :  uppercase;display: block;padding-top: 10px;}

.coml01 span{color: #0097c3;font-size:36px;padding-right: 10px;}

.coml02{color: #0097c3;font-size:17px;font-weight:100;line-height: 45px;}

.coml03{padding-top: 30px;}

.coml04 a{display: block;width: 125px; height: 33px;border-radius: 17px;background: #d1cfd1;color: rgba(0, 0, 0, 0.5);line-height: 33px;text-align: center;}

.coml04 a:hover{background: #d2321c; color: #fff;}



.comrimg{width: 98%;}

.comrimg img{width: 98%;height: 98%;display: block;border:1px solid #ccc;padding: 1%;}



.probox{margin-top: 30px;}

.prot{width: 100%;height: 89px; background: #0097c3;padding-top: 31px;}

.prot span{display: block;float: left;font-size:24px; color: #feffff;margin-right: 20px;line-height: 37px;}

.prot li{float: left;height: 37px;width: 130px; border-left:1px solid rgba(255, 255, 255, 0.5);text-align: center;line-height: 37px;}

.prot li a{color: #feffff;display: block;width: 100%;height: 100%;font-size: 16px;}





.pcc{width: 1200px;position: relative;bottom: 37px;}

.procbox{background: #f1f4f7;border-bottom: 1px solid #fff;}

.pcc01{padding:18px; background: #ffffff; width: 1164px; height: 286px;}

.pcc0102{width: 930px;height: 286px;background: #0097c3;}

.pcc010201{width: 436px;display: table-cell;vertical-align: middle;text-align: center;height: 286px;}

.pcc010202{width: 463px;padding:15px;height: 256px;}

 

.pcc010201 a{display: block;width: 100%;height: 100%;background: #fff;}

.pcc010201 a img{max-width:436px;max-height: 286px;}



.pcc01020201{font-size: 30px;font-weight: bold;color: #fff;padding-bottom: 20px;}

.pcc01020202{width: 100%;background-color: #008bb3;padding:15px;width: 433px;height:120px;color: #fff;}

.pcc01020203{padding-top: 30px;font-size: 14px;color: #fff;}

.pcc01020203 span{font-size: 30px;font-family: impact;font-weight: bold;color: #fff;}

.pcc01020204{}





.pcc02{width: 1200px;height: 280px;margin-bottom: 30px;}

.pcc02 ul{text-align: center;height: auto;overflow: hidden;margin-top: 30px;}

.pcc02 ul li{width: 280px; height: 273px;margin:0 6px;display: inline-block;vertical-align: middle;text-align: center;background: #fff;padding:5px;transition: all .2s linear;}

.pcc02 ul li span{display: block;width: 100%;float: left;height: 37px; line-height: 37px;}

.pcc02 ul li img{max-width:100%;max-height: 234px;display: block;float: left;}

.pcc02 ul li:nth-of-type(1){margin-left:0px}

.pcc02 ul li:nth-of-type(4){margin-right:0px}

.pcc02 ul li:hover {-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0)}





.news_box{padding:20px 0;background: #f1f4f7;}

.newsc{width: 1200px;}







.newscr{padding:30px 50px;width: 505px; height: 335px;background: #fff;}

.newscr01{font-size: 24px;color: #333;}

.newscr01 span a {color: rgba(0, 0, 0, 0.5);font-size:14px;}

.newscr01 span a:hover {color: #000;}

.newscr02{font-size: 30px; font-weight: bold;color: #005097;padding:30px 0 10px 0;}

.newscr03{width: 59px; height: 4px; background: #cccccc;}

.newscr04{padding-top: 30px;}

.newscr04 li{line-height: 35px;}

.newscr04 li a{color: #333;transition: 0.5s;display: block;padding-left: 0px;}

.newscr04 li:hover a{color: #000;padding-left: 10px;}













.zxbox{width: 100%;height: 590px;background: #0097c3;}

.zx01{text-align: center;}

.zx01 img{display: block;margin:26px auto 14px;}

.zx02{text-align: center;width: 750px; height: 48px; line-height: 48px;background: #f2f1ed;margin:0 auto;font-size: 30px;color: #000;font-weight: bold;}



.zx03 li{float: left;width: 255px;height: 355px;margin:0 22px;color: #fff;}

.zx03 li img{display: block;margin:0 auto;width: 100%;}

.zx03 li span{display: block;width: 100%;text-align: center;font-size: 28px;padding:20px 0 3px 0;}

.zx03 li em{display: block;width: 100%;text-align: center;font-style: normal;font-size: 14px;padding-top:10px;}

.zx03{padding-top:30px;}

















.dbbox{width: 100%;height:1042px; background: #6b6f78;padding-top: 30px;}

.dbt{text-align: center;color: #fff;font-size: 60px; font-weight: bold; height: 80px;overflow: hidden;line-height: 80px;}



.db01{padding-top: 30px;}

.db0101,.db0103{width: 536px;height: 251px;float: left;}

.db0102{float: left;width: 128px;line-height: 251px;text-align: center;font-size: 50px;color: #fff;}









.db02 li:nth-of-type(1){margin-top: 30px;}



.db02 li{background: url('../Image/dblibg.png') no-repeat top center; width: 1201px; height:116px;margin-bottom:40px;}

.dbli01{width: 92px; margin-left:9px;margin-right: 9px;}

.dbli02{width: 443px;}

.dbli03{width: 93px;}

.dbli04{width: 434px;margin-right:20px;}

.dbli05{width: 92px;margin-right:9px;}







.dbli01{text-align: center;color: #d43b3c;}

.dbli01 span{display: block;text-align: center;font-size: 24px; font-weight: bold;border-bottom: 4px solid #d43b3c;padding-bottom: 5px;padding-top: 20px;}

.dbli01 em{display: block;text-align: center;font-style: normal;font-size: 16px;}



.dbli02{margin-top: 15px;color: #fff;font-size: 16px;line-height: 30px;}

.dbli03{margin-top: 7px;}

.dbli04{margin-top: 15px;color: rgba(0, 0, 0, 0.6);font-size: 16px;line-height: 30px;text-align: right;}



.dbli05{text-align: center;color: #ffffff;}

.dbli05 span{display: block;text-align: center;font-size: 24px; font-weight: bold;border-bottom: 4px solid #ffffff;padding-bottom: 5px;padding-top: 20px;}

.dbli05 em{display: block;text-align: center;font-style: normal;font-size: 16px;}















.slideBox{ width:595px; height:395px; overflow:hidden; position:relative;}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;}

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{ width:595px; height:395px; display:block;}















.in_02_box{width: 100%;height: 460px;background: url('../Image/box2_bg.png') repeat-y center center;}

.in_021_box{width: 100%;height: 460px;background: url('../Image/box21_bg.png') repeat-y center center;}



.in_02_l{width: 50%;}

.in_02_l_c{padding-top: 110px;}

.in_02_l_01{font-size: 36px;color: rgba(255, 255, 255,0.8);padding-bottom:  20px;}

.in_02_l_02{font-size: 15px;color: rgba(255, 255, 255,0.6);padding-right: 20px; line-height: 30px; font-weight: 100;padding-bottom:  40px;}

.in_02_l_03 a{display: block;width: 164px; height: 40px;border:2px solid #fff; color: #fff; float: left;margin:0 20px;border-radius:30px;text-align: center;line-height: 40px;font-size: 17px; font-weight:100;transition: 0.7s;}

.in_02_l_03 a:hover{background: #ba0505;border:2px solid transparent;}





.in_02_r{width: 50%;}

.in_03_r{width: 50%;}

.in_03_box{width: 100%;height: 460px;background: url('../Image/box3_bg.png') repeat-y center center;}

.in_03_l{width: 50%;}

.in_03_l_c{padding-top: 110px;padding-left: 20px;}

.in_03_l_01{font-size: 36px;color: rgba(255, 255, 255,0.8);padding-bottom:  20px;}

.in_03_l_02{font-size: 15px;color: rgba(255, 255, 255,0.6);padding-right: 20px; line-height: 30px; font-weight: 100;padding-bottom:  40px;}

.in_03_l_03 a{display: block;width: 164px; height: 40px;border:2px solid #fff; color: #fff; float: left;margin:0 20px;border-radius:30px;text-align: center;line-height: 40px;font-size: 17px; font-weight:100;transition: 0.7s;}

.in_03_l_03 a:hover{background: #ba0505;border:2px solid transparent;}



























.in_02_01{font-size: 30px; font-weight: bold;color: #fff; height: 100px; line-height: 100px;}





.picFocus{ margin:0 auto;  width:1200px; position:relative; overflow:hidden; zoom:1;}

.picFocus .hd{ width:496px; float: left; margin-right: 8px;}

.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }

.picFocus .hd ul li{float:left;  text-align:center;width: 248px;height: 247px;}

.picFocus .hd ul li:nth-of-type(1){background:url("../Image/p_01.jpg") no-repeat center 0; }

.picFocus .hd ul li:nth-of-type(2){background:url("../Image/p_02.jpg") no-repeat center 0; }

.picFocus .hd ul li:nth-of-type(3){background:url("../Image/p_03.jpg") no-repeat center 0; }

.picFocus .hd ul li:nth-of-type(4){background:url("../Image/p_04.jpg") no-repeat center 0; }

.picFocus .hd ul li span{display: block;width: 156px;height: 50px;border:3px solid #ccc;margin:100px 0  0 50px;color: #fff;  line-height: 50px;}

.picFocus .hd ul li span img{display: inline-block; line-height: 50px;vertical-align:middle;margin-right: 10px;}

.picFocus .hd ul li span:hover{background: #ed4d35;}

.picFocus .hd ul li.on img{ border-color:#f60;  }

.picFocus .bd{width: 694px;height: 493px; float: left;}

.picFocus .bd li{ vertical-align:middle; }

.picFocus .bd img{ }

.sm{position: relative;z-index: 99; width: 100%;height: 131px;background: rgba(127, 127, 127, .8); color: #fff;}

.sm01{padding-left: 40px;line-height: 40px; font-size: 30px; font-weight: bold;padding-top: 20px;}

.sm01 img{height: 30px; vertical-align:middle; padding-right: 10px;}

.sm02{padding-left: 40px;line-height: 40px;}

.p_r{position: relative;bottom:131px;z-index: 98;}













.in_04_box{width: 100%;height: 843px;background: #13181c;}

.in_04_t{width:100%;position: relative;text-align: center;height: 150px;padding-top: 30px;}

.in_04_t01{position: relative;top: 18px;font-size: 48px;color: rgba(255,255, 255,0.05);text-transform:uppercase;}

.in_04_t02{position: relative;top: 16px;font-size: 60px;color: rgba(255,255, 255,0.8)}

.in_04_t02 i{font-size: 100px;font-family: impact;color: #bb0404;padding:0 20px;vertical-align: bottom;}





.in_04_l li{height: 120px;margin:33px 0;}

.nums{font-size: 60px;color: #fff;font-family: impact; position: relative;float: left;width: 80px;top: 10px;}

.lines{width: 2px; background: #fff;transform:rotate(20deg);display: block; position: relative;float: left;height: 120px; bottom: 45px;}

.in_04_l li span{float: left;font-size: 36px; color: #bb0404;font-weight: bold;display: block; padding-left: 30px;}

.liness{padding: 10px 0 0 117px;color: rgba(255,255, 255,0.3);width: 450px;}

.in_04_r{position: relative;float: left;width: 600px;}

.in_04_r img{position: relative;margin-left: 30px;}







.in_05_box{width: 100%;height: 695px;background: #000000;}

.in_05{padding-top: 30px;}

.in_05_t{font-size: 36px;font-weight: bold;color: #fff;text-align: center;}

.in_05_t span{font-size: 36px;color: rgba(255,255, 255,0.2);font-weight: 100;display: block;width: 100%;padding-top: 10px;text-transform : uppercase;}

.in_05_l{float: left;width: 600px;margin-top: 65px;}

.in_05_l_c{width: 453px; height: 410px; border:1px solid #333333;float: right;margin-right: 30px;}

.in_05_l_c img{width: 503px; height: 408px; position: relative; right:50px;bottom: 10px;transition: 0.8s;}

.in_05_l_c:hover img{right:70px;bottom: 20px;}











.in_05_r{float: left;width: 600px;}

.in_05_r_c{margin-top:65px; font-size: 14px; line-height: 30px;color: rgba(255, 255, 255, 0.5)}



.in_05_r_c span{font-size: 20px; color:  rgba(255,255, 255,0.8);}

.in_05_r_c  a{display: block;width: 164px; height: 40px;border:2px solid #fff; color: #fff; float: left;margin:0 20px;border-radius:30px;text-align: center;line-height: 40px;font-size: 17px; font-weight:100;transition: 0.7s;margin-top: 30px;}

.in_05_r_c  a:hover{background: #ba0505;border:2px solid transparent;}









.in_06_box{width: 100%;height: 456px;background: #13181c;border-bottom: 1px solid #9a0b0d;}

.in_06_l{width: 575px;margin-right: 50px;}

.in_06_l_c img{padding:5px 0;}

.ctt{width: 100%; border-bottom: 1px solid #292e31;padding-top: 20px; line-height: 65px;font-size: 25px; color: rgba(255, 255, 255, 0.5)}

.ctt i{font-size: 18px;text-transform : uppercase;  color: rgba(255, 255, 255, 0.1);padding-left:5px;}



.nn01{font-size: 14px; color: #fff;}

.nn02{font-size: 14px; color:rgba(255,255, 255,0.2);}

.in_06_l_c li{margin: 10px 0;}



.in_06_r {width: 575px;}





.in_06_r_c li {padding:10px 0;border-bottom: 1px solid #3c3636;}



.in_06_r_c li:hover  .in_06_r_c01 {background: #d40000;}

.in_06_r_c li:hover  .in_06_r_c02 {background: #a2a2a2;}







.in_06_r_c01 {height: 24px;line-height: 24px;margin:5px 0;color: #fff;}

.in_06_r_c01 span{width: 42px; height: 24px;border-radius: 3px; background: #d40000; color: #fff; text-align: center;line-height: 24px; display: block; float: left;margin-right: 10px;}

.in_06_r_c02 {height: 48px;line-height: 24px;margin:5px 0;color: rgba(255, 255,255, 0.6);}

.in_06_r_c02 span{width: 42px; height: 24px;border-radius: 3px; background: #a2a2a2; color: #fff; text-align: center;line-height: 24px; display: block; float: left;margin-right: 10px;}







.picScroll-left{ width:1198px; overflow:hidden; position:relative; height: 296px;background: #fff; border:1px solid #ececec;}

.picScroll-left .hd{ padding:0 10px;  }



.picScroll-left .hd .next{ display:block;  width:48px; height:48px; float:right; overflow:hidden;

			 cursor:pointer; background:url("../Image/right.png") no-repeat; position: relative;left:5px;top:100px;z-index: 9999;}

.picScroll-left .hd .prev{ display:block;  width:48px; height:48px; float:right; overflow:hidden; position: relative;right:1089px;top:100px;

			 cursor:pointer; background:url("../Image/left.png") no-repeat;}

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }

.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../Image/icoCircle.gif") 0 -9px no-repeat; }

.picScroll-left .hd ul li.on{ background-position:0 0; }

.picScroll-left .bd{ padding:10px 50px 10px 50px;   }

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

.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{ width:258px; height:208px; display:block; }

.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }



.in_04_04{font-size: 30px; color: #000; line-height: 55px;}

.in_04_05_01{padding:10px;width: 357px;height: 340px; background: #fff; float: left; transition: 0.5s;}

.in_04_05_01:nth-of-type(1){margin-right: 12px;}

.in_04_05_01:hover{background: #000; color: #fff;}

.in_04_05_01:hover .in_04_05_01_02 {color: #fff;}

.in_04_05_01:hover .in_04_05_01_03 {color: #fff;}

.in_04_05_01:hover .in_04_05_01_04 {color: #fff;}





.in_04_05_01_02{color:#000; font-size: 16px;}

.in_04_05_01_03{color:rgba(0, 0, 0, .5)}

.in_04_05_01_04{color:rgba(0, 0, 0, .5)}

.in_04_05_02{padding:15px 20px; width: 360px;background: #fff;height: 329px;float: left;margin-left: 34px;}

.in_04_05_02_01{font-size: 30px;line-height: 35px;}

.in_04_05_02_02 li{line-height: 35px; transition: 0.5s;padding-left: 0px;}

.in_04_05_02_02 li:hover{padding-left: 5px;}

.in_04_05_02_02 li:before{content:"·";color:#ff8400;font-weight:bold;margin-right:5px;}

.in_04_05_02_02 li a{font-size: 14px;}





#warp{ width:100%; height:100%;}

#item{ margin-top: 38px;}

#item .hd{ width: 1200px; height: 120px; margin: 0 auto 10px; }

#item .hd ul{ float: left;}

#item .hd li{ float: left; width: 240px; height: 120px; }

#item .hd li a{ display: block; height: 104px; border-right: 1px solid #232331; margin-top: 8px; background-color: #232331; transition: all 0.3s;}

#item .hd li a:hover{ margin-top: 0px; height: 120px; background-color: #d31a28;border-right: 1px solid #d31a28;}

#item .hd li b{ float: left; width: 57px; height: 55px; margin: 26px 0 0 30px; background: url(../Image/type.png) no-repeat;transition: 0.5s;}

#item .hd .l1{ background-position: 0px 0px;}

#item .hd .l2{ background-position: -69px 0px;}

#item .hd .l3{ background-position: -137px 0px;}

#item .hd .l4{ background-position: -204px 0px;}

#item .hd li a:hover .l1{ background-position: 0px -54px;}

#item .hd li a:hover .l2{ background-position: -69px -54px;}

#item .hd li a:hover .l3{ background-position: -137px -54px;}

#item .hd li a:hover .l4{ background-position: -204px -54px;}

#item .hd .right{ float: left; margin: 30px 0 0 25px; text-align: left;}

#item .hd .right p{ color: #fff; font-size: 18px;}

#item .hd .right span{ color: #FFF;text-transform: uppercase}

#item .hd .more{ float: right; width: 192px; height: 104px; margin-top: 8px; background-color: #01a9f1;}

#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; margin-top: 10px;}

#item .hd .more a:hover p{ color: #ffb300}

#item .bd{ width: 1220px; height: 530px; margin: 0 auto; overflow: hidden;}

#item .bd ul{ height: 530px; overflow: hidden;}

#item .bd li{ float: left; width: 285px; height: 265px; margin: 0 10px; overflow: hidden;}



#item .bd a{ display: block; position: relative;}

#item .bd img{ border: 1px solid #e1e1e1; 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;}



#advantage{ height: 660px; 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: #000; font-size: 46px;}

#advantage .text span{ color: #d31a28; font-size: 46px; font-weight: bold;}

#advantage .text .en{ display: inline-block; line-height: 26px; background-color: #000; padding: 0 10px; color: #fff; font-size: 14px; letter-spacing: 2px; margin-top: 13px; *display: inline; *zoom: 1;}

#advantage .text p{ margin-top: 19px; font-size: 14px; line-height: 25px;}

#advantage ul{ width: 1170px; height: 350px; margin: 55px auto 0; overflow: hidden;}

#advantage ul li{ float: left; width: 350px; height: 350px; margin: 0 20px; overflow: hidden;}



#advantage ul .l1{ background: #fff}

#advantage ul .l2{ background: #fff}

#advantage ul .l3{ background: #fff}

#advantage ul a{ display: block; width: 330px; height: 330px; margin: 10px;  background: #333333; text-align: center; overflow: hidden; transition: all 0.3s;}

#advantage ul a:hover{ background: #d7303d;}

#advantage ul b{ display: block; color: #fff; font-size: 30px; margin-top: 38px; }

#advantage ul span{ display: inline-block;  background-color: #fff; padding: 0 5px; margin-top: 12px; *display: inline; *zoom: 1;    text-transform: uppercase; font-size: 12px;}

#advantage ul p{ width: 255px; margin: 27px auto 0; color: #fff; font-size: 14px; line-height: 28px;}

#advantage ul .btn{ width: 174px; height: 52px;  margin: 25px auto; overflow: hidden; border-radius: 2px;}

#advantage ul .inner{ width: 158px; height: 36px; border: 1px solid #fff; margin: 6px auto 0; color: #fff; font-size: 14px; line-height: 36px; border-radius: 2px;}



#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: #da2021; font-size: 36px;}

#team .hd .en{ position: absolute; left: 167px; 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: 560px; background: url(../Image/bg_profile.jpg) no-repeat top center; text-align: center; overflow: hidden;}

#profile .ch{ margin-top: 55px; font-size: 46px;}

#profile .ch b{ color: #232331;}

#profile .ch span{ font-weight: bold; color: #da2021;}

#profile .en{ margin-top: 20px; color: #232331; font-size: 14px;text-transform: uppercase;}

#profile .inner{ width: 1140px; height: 343px; background-color: #f8f8f8; margin: 33px auto 0; overflow: hidden;}

#profile .inner .left{ float: left; width: 446px; height: 283px; margin: 30px 0 0 30px;}

#profile .inner .right{ float: right; width: 577px; height: 283px; margin: 35px 48px 0 0;}

#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: 148px; top: 7px; 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: #da2021; font-size: 26px; margin-left: 5px;}

#profile .profile_rb a{ display: inline-block; width: 95px; height: 27px; margin-left: 20px; background-color: #da2021; 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: 405px; overflow: hidden;}

#news .hd{ position: relative; width: 570px; height: 81px; margin: 0 auto; text-align: center; }

#news .hd img{ width: 100%; height: 71px; margin-top: 10px;}

#news .hd .ch{ position: absolute; left: 139px; top: 6px;  *display: inline; *zoom: 1;}

#news .hd .ch b{ color: #363636; font-size: 36px;}

#news .hd .ch span{ font-weight: bold; color: #da2021; font-size: 36px;}

#news .hd .en{ position: absolute; left: 131px; top: 42px; color: #adadad;text-transform: uppercase;}

#news .hd a{ display: block; width: 28px; height: 28px; position: absolute; cursor: pointer;}

#news .hd .prev{ background: #363636 url(../Image/icon_arrow.png) no-repeat 7px 5px; left: 248px; bottom: -14px;}

#news .hd .prev:hover{ background-color: #da2021}

#news .hd .next{ background: #da2021 url(../Image/icon_arrow.png) no-repeat -19px 4px; left: 293px; bottom: -14px;}

#news .hd .next:hover{background-color: #363636}

#news .bd{ width: 1230px; height: 242px; margin: 25px auto 0; overflow: hidden;}

#news .bd ul{ overflow: hidden;}

#news .bd li{ position: relative; float: left; width: 585px; height: 220px; margin: 0 15px 22px; background-color: #26262d;}

#news .bd li:hover{background-color:#3e3e48;}





#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: #1991c5;}

#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: #da2021;}

#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: #c20809}



		



/*-------------- left --------------*/

.allleft{ width:260px; height:100%; float:left;overflow:hidden;margin-bottom: 30px;}

.lprolist{ width:100%; height:auto; overflow:hidden;}

.lprolistlogo{width: 100%;height: 102px;background: url(../Image/prologo.png) no-repeat 21px 21px;background-color: #333949;}

.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;}



.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:#1e2124; text-indent:50px; display:block;margin-top:6px;font-weight: bold;font-size: 17px;}

.lprolistcon li a:hover{ background-color:#1f1f2c; color:#FFF; border-radius:23px;}





.prolistf{ width:100%; height:206px; background-color:#1f1f2c; padding-top:55px;}

.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:#d7313e; text-align:center; line-height:41px; margin-left:15px; margin-top:10px;}

.prolistff a{width:236px; height:41px; display:block; color:#FFF;}

.prolistff a:hover{ background-color:#d5001e;}







/*-------------- 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:#01a9f1 solid 1px; background-color:#01a9f1; 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:700px; height:auto; float:left; padding-left:15px;}

.contuplup{ width:100%; height:84px; border-bottom:#d7313e solid 1px; font-size:30px; font-weight:bold; color:#d7313e; line-height:35px; padding-top:10px; display:block;}

.contuplup1{ color:#1f1f2c;}

.contuplf{ width:100%; height:auto;display:block; line-height:33px; color:#555555; padding-top:20px;}

.contupr{ width:414px; height:334px; display:block; float:right;}

#allmap{width:850px;height:450px; border:#b8b8b8 solid 1px;}



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



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















.end{ width:100%; float:left;background:#0097c3;padding-bottom: 30px;: }







.contact_inner_l{width: 540px; padding:0 20px;}

.contact_inner_l li{float: left;line-height: 29px; font-size: 19px;color: rgba(255, 255, 255, 0.2);width: 100%;text-align: }







.f01{font-size: 42px;color: #fff;font-weight: bold;height: 45px;padding: 50px 0 20px 0;}

.f02{font-size: 17px;color: rgb(0, 107, 138);font-weight: bold;}

.f03 {text-align: center;width: 1200px;line-height: 60px;height: 60px;margin:10px 0}





.f03 li{width: 169px; height: 60px;margin:0 1px;  background: #008bb3;transition: 0.5s;display: inline-block;}

.f03 li a{color:rgba(255, 255, 255,0.5);display: block;width: 100%; height: 100%;}

.f03 li:hover{background: #056b89;}

.f03 li:hover a{color: #fff;}









.f04{color: rgba(255, 255, 255, .5);padding-top: 20px;}

.f04 a{color: rgba(255, 255, 255, .5); }











.link{ height: 50px; background: url(../Image/bg_flink.jpg) no-repeat center;}

.link_inner{ width: 1065px; height: 100%; margin: 0 auto; background-color: #f0f0f0;}

.link_inner ul{ float: left; height: 100%; background-color: #e0001d;}

.link_inner li{ float: left; font-size: 14px; line-height: 50px; margin-right: 25px;}

.link_inner a{ color: #fff;}

.link_inner a:hover{ color: #202020;}

.link_inner img{ float: left;}







/* 

.foot_navi{ height: 65px; text-align: center; background: #004db5; line-height: 65px;}





.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: #d7313e}

 */



.foot_navi_inner{ background: #333333;}



.contact{ height:auto;  overflow: hidden;}





.contact_inner{ width: 1200px;text-align: center; margin:  0 auto; }









.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{}

.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-left:6px; padding-right:6px; height:40px; display:block; text-align:center; color:#FFF;background-color:#01a9f1; 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:33px; 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; border-bottom:#e8e8e8 solid 1px;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 #d5353f; color:#ffffff; text-align:center; background:#d5353f; 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:20px 0 10px 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:#d5353f;transition: all 0.4s;}









/************产品*****************/

.produc{ width:110%; margin:0 auto; overflow:hidden; position:relative;}

.produc li{width:303px; height:279px; float:left;}

.producimg{width:242px; height:191px; border:#e2e2e2 solid 1px; margin-top:7px;  display:block;margin-left:6px;}

.producimg1{width:242px; height:191px;display:table-cell; vertical-align:middle; text-align:center;}

.producimg img{ max-height:191px;max-width:242px;}

.produc li a{width:256px; height:250px; 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:#d7313e; color:#FFF;border-bottom:#d7313e 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;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}

#company .nr1 table td .yanzheng{width:101px;}

#company .nr1 table td textarea{resize: none;width:545px;height:178px;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:#d5353f; border-right:1px solid #FFF;}

#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}

#prev_next li{margin: 5px 0;}

#prev_next li:hover a{color: #d7313e;}



.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; /* 隔行变色 */ }