html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}li{list-style-type: none;}

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

body{font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;font-size: 14px;}

.fl{float:left;}

.fr{float:right;}

.ho{height: auto;overflow: hidden}

.w1200{width: 1200px;}

.mr{margin:0 auto;}

.cl{clear:both;}

/********General**********/

.top{height:37px;line-height: 37px; color: #000;}

.top_l{font-size: 14px;padding-left: 10px; height: 37px; line-height: 37px;}

.headbox{background: #fafafa;}

.topboxx{height: 109px;}

.header {}

.logo{padding-top: 30px;}

.tel{font-size: 16px;color: #009259;text-align: center; margin-top: -20px;}

.topqq{width:130px;padding-top: 10px;}

.toptel{width:194px;padding-top: 20px;text-align: left; }

.toptel span:nth-of-type(1){color: #333333;font-size: 15px;font-weight: 400;}

.toptel span:nth-of-type(2){font-size: 26px;font-weight: bold; font-family: impact;padding-left:15px;color: #b40000;}

.toptel img{position: relative;top: 20px;}

.navbox{width: 100%;background:#0e5ac0; height: 56px; line-height: 56px;}



.navbox li{ float: left; width: 132px;border-right: 1px solid #09489c;}

.navbox li a{color: #fff;display: block;width: 100%; height: 56px; background: none;transition: .5s; text-align:center;font-size: 14px;}

.navbox li a:hover{background: #0a4492;}

.navbox li:last-child{border-right:none;}



.flash { width: 100%;  position: relative; overflow:hidden;}

.flash .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 15px; zoom:1; z-index:3 }

.flash .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }

.flash .num li.on { background: #FF7700; } 

.flash .prev,

.flash .next { display: none; width: 40px; height: 100px; background: url(../Image/btn.png) no-repeat; position: absolute; top: 200px;}

.flash .prev { left: 0; }

.flash .next { right: 0; background-position: right }



.topnewsbox{line-height: 44px; width: 100%; background: #f9f9f9; border-bottom: 1px solid  #dddddd;}

.topnews li{ line-height: 44px; width: 500px; color: #000;font-size: 12px;}

.topnews span{display: block;float: right;}

.topnews .fl{font-size: 12px;}

.honor { width: 100%; height: 443px;  position: relative; overflow:hidden; text-align: center;}

.honor .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 15px; zoom:1; z-index:3 }

.honor .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer;}

.honor .num li.on { background: #FF7700; } 

.honorli  li img{max-width: 343px;max-height: 322px;}

.honor .prev,

.honor .next { display: none; width: 40px; height: 100px; background: url(../Image/btn.png) no-repeat; position: absolute; top: 90px;}

.honor .prev { left: 0; }

.honor .next { right: 0; background-position: right }

/* in_01 */

.in_01box{width: 100%;background: #fafafa;height:auto;overflow: hidden;}

.in_01{height:auto;overflow: hidden;padding-top: 40px;}



.in_01_l{width: 270px;background:#f7f7f7;height: 571px;}



.in_01_l li{text-align: center; transition: .5s; color: #fff;}

.in_01_l li a{font-size: 14px; color: #fff;font-weight: lighter;display: block;margin:4px 20px; border:1px solid #ececec;line-height: 28px;}



.in01_t{font-size: 36px; color: #fff; font-weight: bold; height: 87px; line-height: 43px; text-align: center; background: url('../Image/hotpro_bg.jpg') no-repeat top center;padding-top: 30px;}

.in01_t span{display:  block; width: 100%;  font-size: 20px;}





.gundongbox{width: 1200px;margin:0 auto;padding: 20px 0;}



.in01_c{background: #005dcf;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;width: 100%;}

.in_lxfs{height: 117px; width: 100%;background: #005dcf; font-size: 16px; color: #fff; text-align: center;margin: 0 auto;padding-top: 8px;}

.in_lxfs span{font-size: 26px; font-weight: bold;font-family: impact;} 



.in_lxfs a{width: 140px; height: 35px; background: #00d18a; line-height: 35px; display: block; text-align: center;margin:7px auto;border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-webkit-border-radius: 10px 10px 10px 10px;}



.in_lxfs a:hover{background: #12519e;}









.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,.nr table td{ padding:5px;border:1px solid #dedede;} 

.rightinfo tr{text-align: center;}

.rightinfo tr:nth-child(odd){background-color:#e2f4f9}











.in_01_r{width: 910px;  height: 100%; }



.in_01_r li{float: left; width: 278px; padding:5px 7px;margin:0 3px 6px 3px;border: 1px solid #ddd; background: none; transition: .5s;background: #fff;}

.in_01_r a{display: block;margin:0 auto;}

.in_01_r li img{display: block;width: 100%;}

.in_01_r li:hover{background: #0f7fde; color: #fff;}

.in_01_r li:hover .n_t1{color: #fff;}

.in_01_r li:hover .n_t2{color: #fff;}

#pro_gd{ width:100%; margin:0 auto; overflow:hidden; text-align:center; line-height:18px;height: 283px;}

#pro_gd li{ float:left; margin:8px 10px; width:275px; height:272px; _width:255px; text-align:center;line-height:18px; background: #fff;border:1px solid #ececec;}

#pro_gd img{ width:275px; height:208px;padding:0px; border: none;}

#pro_gd span{display: block;width: 100%;line-height: 59px; transition: .5s;font-size: 17px;}

#pro_gd li:hover span{background: #0a67b5;color: #fff}

#pro_gd li:hover a{color: #000;}

.n_t1{font-size: 17px;color: #000; line-height: 35px; transition: .5s; text-align: center;font-weight: lighter;}

.in_01_r li i{color: #ff7e01;padding-left: 10px;}

.n_t2{width: 270px;color: #000; line-height: 24px; margin-left: 20px; font-size: 14px;transition: .5s}







/* in_02 */

.in_02box{width: 100%;height: 432px;}





.in_02{width: 1198px; height: 379px;top: 26px;position: relative; background: #fff;border: 1px solid #f6f6f6;}













.in_02_01{width: 792px;}

.bigtitle{height: 49px; line-height: 48px; width: 100%; color: #00905f; border-bottom: 1px solid #ccc; }

.b03{float: left; padding:0 10px; font-size: 20px; font-weight: bold;color: #000;}





.b01{float: left; color: rgba(0, 0, 0, .3); margin-top: 2px;display: block;}

.b02{float: right; color: #888888;}

.bigtitle i{float: right; display: block; padding: 17px 0 0 10px;color: #888888; transition: .5s;}

.b02 a{font-size: 14px; transition: .5s;}

.b02 a:hover{color: #0f7fde;}

.b02:hover i{color: #0f7fde;}

.in_02_c{margin:27px 10px; font-size: 14px; line-height: 28px;}

.in_02_c01{float: left;}

.in_02_c02{float: left; width: 453px;margin-left: 20px;}



.n_01{color: #000; font-weight: bold; line-height: 56px;font-size: 17px;}

.n_022{width: 220px;margin-left: 10px;}

.n_023{line-height: 25px;}

.n_021 img{width: 148px; height: 113px; border: 1px solid #ccc;}













.mo{margin:0 27px;}

.mo a{color: #888888; font-size: 14px;transition: .5s;}

.mo i{  padding: 17px 0 0 10px;color: #888888;transition: .5s;}

.mo a:hover{color: #0f7fde;}

.mo:hover i{color: #0f7fde;}

.in_02_02{width: 376px;height: 362px; padding:10px;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;}

.in_02_03{width: 1190px; height: auto; overflow: hidden; margin-left: 10px;}

.in_03_c{padding:10px; height: auto; overflow: hidden;}

.in_03box{width: 100%;height: auto;overflow: hidden;padding:20px 0;}

.in_03_t{text-align: center; height: 43px; padding:34px 0 10px 0;}

.in_03_l{width: 640px;height: 440px; margin-right: 30px; float: left;}

.in_03_r{width: 520px;height: 440px;  float: left}

.news01{padding:10px;}

.news01img{height: 192px;}

.news01img img{width: 310px; height: 192px; padding:3px;border:1px #ccc solid; margin-right: 10px;}

.news01c{float: left; width: 290px;}

.nt1,.nt2,.nt3,.nt4{float: left;width: 100%;}

.nt1{font-size: 16px; color: #000000; line-height: 38px;}

.nt1:hover{color: #00905f;}

.nt2{font-size: 14px; color: #a3a3a3; line-height: 25px;}

.nt3{font-size: 14px; color: #8c8c8c; line-height: 27px;padding: 10px 0 5px 0;}

.nt4{font-size: 14px; color: #136db9; line-height: 27px;padding: 10px 0;}

.news02 li{float: left;width: 380px;line-height: 35px; font-size: 14px; color:#737373; margin-left: 10px;}

.news02 li a{padding-left: 0px; transition: .5s;}



.news02 li a:hover .n_01{ color: #0e5ac0; }

.news02 li a:hover .n_023{ color: #000; }











.n_02box{width: 380px;}

.faqli{width: 522px; height: 102px;float: left;border-bottom: 1px dashed #ddd; padding:10px 0;}

.faqli:hover{background: #f7f7f7;}

.f1{color: #000; font-weight: bold;font-size: 16px; padding: 20px 20px 5px; line-height: 27px;}

.f2{color: #989898;font-size: 14px; line-height: 27px;padding: 3px 20px;}

.f1 span{display:  inline-block; float: left;width: 20px; height: 20px; font-size: 14px;text-align: center; line-height: 20px; background: #0f6fc3; color: #fff; font-weight: 100; margin-top: 4px;}

.f2 span{display:  inline-block; float: left;width: 20px; height: 20px; font-size: 14px;text-align: center; line-height: 20px; background: #4fb343; color: #fff; font-weight: 100; margin-top: 4px;}

.footnavbox{height: 47px; line-height: 47px; background: #0a67b5;}



.footnav{width: 865px;}

.foot_l {width: 865px;padding-top: 20px;}

.footnav li{float: left;  text-align: center; background: none;transition: .5s;padding:0 5px; }

.footnav li:hover{color: #fff;}

.footnav li a{color: #fff;font-size: 17px;}

.footnav li a:hover{color: #cecaca;}

.lianxi  a:hover{color: #cecaca;}



.footerbox{background: #0e5ac0; color: #fff;}

.footer{width: 1200px;}

.ewm {padding-right: 30px; background: #656b77;width: 114px; height: 148px;padding:20px 11px;}

.lianxi{font-size: 14px;color: #fff;line-height: 29px;padding:20px 0 0 5px;}

.ewm span{display: block; text-align: center; line-height: 25px; font-size: 12px;}

/* 内页 */

.nymain{width: 1200px;height: auto;overflow: hidden;padding: 15px 0;}

.ar_box_l{width: 305px; min-height: 850px; background:url(../Image/pro_bg.png) #00905f 85px 35px no-repeat;  padding: 90px 0 0 30px;}

.product_left{width:266px;height:auto; overflow:hidden;}

.product_left .title{height:56px; line-height:56px; text-align:left; padding-left:19px; font-size:24px;}

.product_left .title > span{ font-size:20px}

.product_left li{ width: 266px;height: 46px;line-height: 46px; background: #e5e5e5; border-bottom: 1px dashed rgba(6, 32, 76, 0.23); text-align:center;}

.product_left .pmenu_one span,.product_left .pmenu_one dd{display:block; height:46px;line-height:46px; width:100%; font-size:14px; color:#000; text-overflow: ellipsis;white-space: nowrap; overflow:hidden;cursor:pointer;}

.product_left .pmenu_one .on,.product_left .pmenu_one span:hover,.product_left .pmenu_one dd:hover{ height:51px;line-height:43px;color:#FFFFFF; border-bottom:none; color: #000;}

.product_left .pmenu_one .on a,{ height:51px; width:90%; line-height:46px; display:block; color:#000; transition: 0.5s; text-align: center;}

.product_left .pmenu_one span:hover a,.product_left .pmenu_one dd:hover a{ height:51px;line-height:43px; display:block; color:#ccc; background: #ccc;color:#000; width:90%;text-align: center;}

.pro_infocenter table {width: 100%!important;}

.pro_infocenter table  tr{border: 1px solid #ccc!important;}

.product_left .pmenu_two{padding-top:0px; display:none}

.product_left .pmenu_two ul{display: none; width: 100%; height: auto;padding-top:0px;}

.product_left .pmenu_two li { height:43px;line-height:43px;  background:#fff; color:#000;overflow:hidden; }

.product_left .pmenu_two li a{ color:#000; font-size:14px; }

.product_left .pmenu_two li:hover{ background:#f8f8f8;transition: all 0.3s;}

.product_left .pmenu_two li:hover a{color:red; background:#f8f8f8;}

.product_left .pmenu_two li .on{color:#ffffff; padding:5px 20px; }

#lxwm_c{width: 95%;  background: #00905f;    padding: 20px;    margin: 0 auto;}

#lxwm_c p {    border-bottom: 1px dotted #999;    height: 35px;    line-height: 35px;}

.short_title{ font-weight: bold;width:251px;height:40px;line-height: 40px; padding-left: 15px; margin-top: 10px;}

.short_title span{font-size: 16px; color: #fff; font-weight: bold;}

.short_title span strong{font-size: 26px; color: #fff; font-weight: bold;}

.con_name{font-size: 14px!important;}

.widget p{font-size: 13px; color: #fff; line-height: 25px;}

.widget0{margin:10px;}

.ar_box_r{width: 850px; height: auto; overflow:hidden; padding-left: 15px;}

.bigtitle2 {height: 51px;line-height: 51px;background: #fff;border: 1px solid #f7f4f4;}

.t_l{display: block;height: 51px;width: auto; background: #00905f; padding: 0 25px; color: #fff; font-size: 18px;}

.t_r{display: block;height: 51px;width: auto; padding: 0 25px;color:#3e3e3e; font-size: 13px; }

.t_r a{ color: #3e3e3e; font-size: 13px;}

.t_r a:hover{ color: #084cbd;}

.ar_ar{padding: 10px; font-size: 16px; line-height: 35px;border: 1px solid #e2e4e5; background: #fff; border-top: none;}

.ar_box{padding: 10px; font-size: 16px; line-height: 35px; border-top: none; height: auto;overflow: hidden;}

.page {text-align: center;}

.news_con {line-height: 25px!important;}

.news{padding:10px;}

.news_c{ line-height: 33px; height: 100px; border-bottom: 1px  dashed #ccc; padding: 0 10px; margin:10px;position: relative; right: ０px; transition: 0.5s; }

.news_c a{ font-size: 15px;font-weight: bold; }

.news_c a:before{content:"·";color:red;font-weight:bold;margin-right:5px;}

.news_c p{ font-size: 13px;color:#7d7d7d; font-weight: normal; line-height: 25px;}

.news_c span{font-size: 13px;color:#7d7d7d;}

.news_c:hover{position: relative; right: 3px;background: #e7e7e7;}

.rel_center{text-align:center; width: 100%;padding:10px;}

.rel_center img{max-width: 390px;}

.pro_name{text-align: center; font-size: 20px; padding: 10px 0;}

.art{padding: 10px;}

.meta{text-align: center;color:#cccccc; font-size: 12px;}

.imgs{padding:10px 0;width: 100%; text-align: center;}

.imgs img{ max-width: 600px; }

.ar_ar3{padding:10px; line-height: 30px; border:1px solid #e8e9e9; border-top:none;}

#prev_next{padding: 10px 0; font-size: 12px;}

#lxwm_cc{width: 95%;  background: #ededed;    padding: 20px;    margin: 0 auto;}

#lxwm_cc p {    border-bottom: 1px dotted #999;    height: 35px;    line-height: 35px;}

.piccclist{height: 263px;width: 261px; float: left; margin:4px; padding: 2px; border: 1px solid #f9f3f3; overflow: hidden;}

.piccclist a {	color: #000;font-size: 15px;}

.picclist {width: 263px;	height: 220px;	text-align: center;	float: left;}

.picclist img {	vertical-align: middle;	max-width: 239px;	max-height: 207px; display: !important; transition: 0.5s;}

.picclist span {	height: 100%;width: 0;overflow: hidden;display: inline-block;vertical-align: middle;}

.p_cc {width: 261px;float: left; text-align: center; height:43px; background: #f4f4f4; line-height: 43px;}

.p_cc a{display: block; width: 261px; float: left;  height: 43px; background: #f4f4f4; line-height: 43px;transition: 0.5s;}

.piccclist:hover img{transform: scale(1.05, 1.05);}

.piccclist:hover .p_cc{background: #00905f; color: #fff;}

.article {font-size: 14px;height: auto;line-height: 28px;}

.rel_center {margin: 23px 0 6px;width: 100%;}

/*产品右侧样式*/

.subpro_left{ width:100%;  margin:0 auto; text-align: center;}

.subpro_limg{width:4px; display:table-cell; height:350px; text-align:center; border:2px solid #dedede; vertical-align:middle; width: 400px;}

.subpro_left img{ max-width:600px;}

.subpro_right{ width:400px; float:left;}

.subpro_name{ font-size:20px; color:#0d1a45; font-weight:bold; }

.subpro_jj{ width:100%; overflow:hidden;font-size:14px; line-height:24px;color:#171717;}

.subpro_jj b{ color:#de0844;}

.subpro_lb{ height:24px; overflow:hidden; color:#000;text-align: left;}

.subpro_gjc{height:24px; overflow:hidden;}

.subpro_ms{height:70px; overflow:hidden;text-align: left;}

.search01{height:33px; width:323px; margin-top:7px; display:none;}

.search01 .search-text{ display:inline-block;border: none;height:31px; line-height:31px;width:275px;margin-top:1px;padding-left:5px;font-size: 12px; outline:none; margin-left:2px; background:none;}

.search01 .search-btn{display:inline-block; width:36px; height:33px; background:none;border: none;}

.subpro_rxfw{color:#de0844; font-size:28px; font-weight:bold;border: 6px solid #dedede; padding:5px 8px; width:256px; line-height:30px; margin:10px 0px; background: url(../Image/tel.png) 5px 15px no-repeat; padding-left:50px; text-align:  left;}

.subpro_rxfw span{font-size:18px;color:#000;}

.subpro_btn{ width:100%; height:32px;}

.subpro_btn a{ display:block; background:#ce0e25 url(../Image/QQ.png) 5px 7px no-repeat; height:42px; width:120px; text-align:center; line-height:42px; color:#fff; float:left; margin-right:15px;transition: all 0.2s linear 0s;-moz-border-radius: 5px;

  -webkit-border-radius: 5px;  border-radius: 5px;}

.subpro_btn .subpro_btn02 a{background:#005eaf url(../Image/order.png) 5px 7px no-repeat;}

.subpro_btn a:hover{ background:#5a7eb3;}

.info_title{margin:15px 0px;width:100%;height:51px;background:#ececec;}

.info_title b{display:inline-block; padding:0 20px;height:100%;border-right:1px solid #fff;background:#00905f;color:#fff;line-height:51px; font-size:18px;}

.info_title a{ color:#FFF;}

.info_title a:hover{ color:red;}

.order{margin:40px 0 30px 46px;line-height:25px;}

.order  td{height: 51px; line-height: 51px;}

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

.order #submit{width:100px;height:32px;border:none;background:#ffd101;color:#000;cursor:pointer;}

.probiglist {width: 266px;float: left;padding: 2px;margin: 10px 4px;}

.probiglist a {color: #5b5b5b;font-weight: bold;font-size: 12px;}

.prolist {width: 266px;height: 220px;text-align: center;float: left; background: #fff;border: 1px solid #dcdcdc;}

.prolist img {vertical-align: middle;max-width: 263px;max-height: 209px;}

.piroclist span {height: 100%;width: 0;overflow: hidden;display: inline-block;vertical-align: middle;}

.pro_c {width: 271px; float: left; height: 35px; line-height: 35px; border: 1px solid #dcdcdc; background: #47bac0; text-align: center;}

.pro_c span{height: 70px; line-height: 80px; background: #009999; width: 58px;  text-align: center;}

.pro_c a{color: #fff;font-size: 21px;}

.probiglist:hover a{color: #00905f ;}

.pro_c i{color: #fff;}

.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}

.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}

.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}

.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}

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

/*上一页_下一页*/

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

#prev_next li{margin: 5px 0; font-size: 15px;}

#prev_next li a{ font-size: 15px;} 

#prev_next li a:hover{color: #8f8f8f} 

/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}

.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}

.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}

.map li{float:left;margin:0 5px;}*/

/*非常规*/

/* .side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}

.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}

.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}

.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}

nav a {

	position: relative;

	display: inline-block;

	margin: 3px;

	padding: 0 30px;

	outline: none;

	color: #fff;

	text-decoration: none;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 400;

	text-shadow: 0 0 1px rgba(255,255,255,0.3);

	font-size: 1.1em;

	}

nav a:hover,

nav a:focus {

	outline: none;

}

.cl-effect-21 a {

	color: #fff;

	text-shadow: none;

	-webkit-transition: color 0.3s;

	-moz-transition: color 0.3s;

	transition: color 0.3s;

}

.cl-effect-21 a::before,

.cl-effect-21 a::after {

	position: absolute;

	left: 0;

	width: 100%;

	height: 2px;

	background: #fff;

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	-moz-transition: opacity 0.3s, -moz-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	transform: translateY(-10px);

}

.cl-effect-21 a::before {

	top: 0;

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	transform: translateY(-10px);

}

.cl-effect-21 a::after {

	bottom: 0;

	-webkit-transform: translateY(10px);

	-moz-transform: translateY(10px);

	transform: translateY(10px);

}

.cl-effect-21 a:hover,

.cl-effect-21 a:focus {

	color: #fff;

}

.cl-effect-21 a:hover::before,

.cl-effect-21 a:focus::before,

.cl-effect-21 a:hover::after,

.cl-effect-21 a:focus::after {

	opacity: 1;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	transform: translateY(0px);

}

 */





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

.contup{ width:100%; height:auto; overflow:hidden; padding-bottom:30px;}

.contupl{ width:100%; height:auto; float:left; padding-left:15px;}

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

.contuplup1{ color:#f10021;}

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

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

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







 #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: #1f1f2c}

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















#main{width:100%; height:100%; overflow:hidden;padding-top:30px; background-color:#fafafa;}

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





/*-------------- 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: #0e5ac0;}

.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:#0e5ac0; 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:#0e5ac0; padding-top:27px;}

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

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







/*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: 17px;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 #0b4696; color:#ffffff; text-align:center; background:#0e5ac0; 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:#0e5ac0;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:#0e5ac0; color:#FFF;border-bottom:#09356f 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; /* 隔行变色 */ }