﻿  @charset "utf-8";
/* CSS Document */
/*全局css样式*/
*{margin:0px auto;padding:0px;font-family:"微软雅黑";background-repeat:no-repeat;}
div{margin:0 auto; padding:0;text-align:left; background-repeat:no-repeat}
img{ border:0;}
ul{ list-style:none;}
li{ text-decoration:none;}
.clear{ clear:both;}
a{ text-decoration:none; color:#000; list-style:none}
.gbb_content_area,.lf_content_area{ width:1200px; height:100%; text-align:center; margin:0 auto; padding:0;}


/*所有展示css特效*/

/*top*/
.gbb_top{/* position: absolute;top:0;left:0; z-index:99999;*/width:100%;margin:0 auto; padding:0;height:250px;background:url(../images/b1.jpg); background-repeat:repeat-x; }

.gbb_top_bian{ width:130px;height:25px; margin-left:1070px; line-height:25px;}
.gbb_top_bian p{font-size:13px; color:#ccc; }
.gbb_top_bian p a{ font-size:13px; color:#ccc;}
.gbb_top_bian p a:hover{ color:#ccc;}

.gbb_logo{width:246px;height:113px; margin-bottom:45px; float:left; background:url(../images/xm_02.png);}

.gbb_z{width:9px;height:113px;margin-bottom:45px; float:left; border-left:#444444 1px solid }

.gbb_z1{width:389px;height:113px;margin-bottom:45px; float:left;background:url(../images/xm_06.png); }
.gbb_z1 p{font-size:14px;color:#fff; line-height:30px; margin-top:50px; margin-left:5px; }
.gbb_z1 h2{font-size:16px;color:#cecece; line-height:30px;margin-left:5px;  }

.gbb_z2{width:118px;height:113px;margin-bottom:45px; float:left;  }

.gbb_tel{width:437px;height:113px;margin-bottom:45px; float:left;background:url(../images/xm_09.png);}
.gbb_tel_1 {width:437px;height:38px }
.gbb_tel_1 p{font-size:18px;color:#fff; line-height:30px; text-align:center }

.gbb_tel_2 {width:437px;height:75px; float:left; }

.gbb_tel_2_1 {width:256px;height:75px; float:left; }
.gbb_tel_2_1 h2{font-size:30px;color:#af1c07;line-height:87px; text-indent:0.5em; float:left; }

.gbb_tel_2_2 {width:181px;height:75px; float: right; }
.gbb_tel_2_2 span {font-size:23px;color:#cecece; font-weight:bold; line-height:40px; }



.gbb_nav{ width:100%; }
.top_nav {width:100%; margin:0 auto;}
.top_nav ul{width:100%; margin:0 auto; }
.top_nav ul li {width:148px;height:40px;line-height:40px;text-align:center; float:left; margin-top:14px; }
.top_nav ul li a {color:#fff;float:left;font-size:16px; font-weight:400;height:40px;line-height:40px; text-align:center; width:148px;}
.top_nav ul li a:hover{font-weight:500; color:#fff; border:#FFF 2px solid;border-radius: 60px}

.gbb_nav1{ width:100%; }
.top_nav1 {width:100%; margin:0 auto;}
.top_nav1 ul{width:100%; margin:0 auto;}
.top_nav1 ul li {width:145px;height:30px;line-height:30px;text-align:center; float:left; margin-top:17px;}
.top_nav1 ul li a {color:#fff;float:left;font-size:16px; font-weight:400;height:30px;line-height:30px; text-align:center; width:145px;}
.top_nav1 ul li a:hover{font-weight:500; color:#fff; background-color:#e33e05; }


/*banner*/
.gbb_banner{ width:100%; height:100%; height:591px; margin:0 auto; padding:0; background-color: #fdfdfd}

.banner{ width:100%; height:591px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:591px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:591px; float:left;}
.b-list{ height:50px; padding-top:520px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:185px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:185px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


/*内页banner*/
.gbb_banner1{ width:100%; height:100%; height:300px; margin:2px auto; padding:0; }
.banner1{ width:100%; height:300px; overflow:hidden; position:relative;font-size:0}


/*main*/
.gbb_main{ width:100%; margin:0 auto; padding:0; background-color:#FFFFFF;}
.line1,line2,line3,line4,line5,line6,line7{width:100%; height:100%; text-align:center; margin:0 auto; padding:0;}


<line1{ padding:38px 0px 46px 0px;}
.line1 .sy_fenlei{ width:246px; float:left}
.sy_fenlei_con{ background-color:#EEEEEE; width:246px;}

.line1 .sy_zhsh{ width:905px; height:785px; float:left; margin-left:48px;}


/*公告*/
.line6{ height:65px; line-height:65px; background-color:#f8f8f8}
.line6 p{ color:#333; font-size:16px; text-align:left}
.line6 p span{ font-size:16px; color:#000; font-weight:bold;}


/**/
/*.linefl{width:100%; height:1041px; background:url(../images/cp.jpg) no-repeat center; }

.fl_k{ width:1200px; height:19px;}
.fl_t{ width:1200px; height:75px;}
.fl_t h2{font-size:28px; color:#000000; line-height:45px; text-align:center; text-transform:uppercase}
.fl_t span{font-size:28px; color:#61ae2c; line-height:45px; text-align:center; text-transform:uppercase}
.fl_t p{font-size:20px; color:#000000; line-height:30px; text-align:center}


.fl_l{ width:240px; height:928x; margin-bottom:20px; float:left; background-color:#fff;}

.fl_l_1{ width:240px; height:124px; float:left; background-color:#d51214}
.fl_l_1 h2{ font-size:36px;color:#fff;line-height:40px; margin-top:20px;text-align:center}
.fl_l_1 span{ font-size:32px;color:#48902d;line-height:40px; margin-top:20px;text-align:center} 
.fl_l_1 p{font-size:18px;color:#fff;line-height:30px;text-align:center; text-transform:uppercase}
.fl_l_2{ width:240px; height:804px; float:left;}

.fl_r{ width:960px; height:928px;float:right;}*/




/*cp */

.linecp{height:1430px;background:url(../images/cp.jpg) no-repeat center;}

.linecp_t{ width:1200px; height:99px;}
.linecp_t h2{font-size:33px; color:#dc2821; line-height:45px; text-align:center; text-transform:uppercase}
.linecp_t span{font-size:33px; color:#1a2b3c; line-height:45px; text-align:center; text-transform:uppercase}
.linecp_t p{font-size:16px; color:#000000; line-height:30px; text-align:center}


.line3 .img_ct{ height:180px;float:left;}
.line3 .img_ct_1:hover img{}
.line3 .img_ct_2:hover img{margin-top:-5px;}
.line3 .img_ct_3:hover img{}
.line3 .img_ct_4:hover img{margin-top:-5px;}
.line3 .img_ct_5:hover img{}
.line3 .img_ct_6:hover img{margin-top:-5px;}
.line3 .img_ct_7:hover img{}
.line3 .img_ct_8:hover img{margin-top:-5px;}
.line3 .img_ct_9:hover img{}
.line3 .img_ct_10:hover img{margin-top:-5px;}
.line3 .img_ct_11:hover img{}

.cp_z{ width:1200px; height:57px;float:left;}
.cp_z_1{ width:37px; height:57px;float:left;}
.cp_z_2{ width:145px; height:57px;float:left;}
.cp_z_2 p { font-size:16px; line-height:57px; text-align:center}

.cp_z_3{ width:92px; height:57px;float:left;}
.cp_z_4{ width:149px; height:57px;float:left;}
.cp_z_4 p { font-size:16px; line-height:57px; text-align:center}

.cp_z_5{ width:103px; height:57px;float:left;}
.cp_z_6{ width:145px; height:57px;float:left;}
.cp_z_6 p { font-size:16px; line-height:57px; text-align:center}

.cp_z_7{ width:99px; height:57px;float:left;}
.cp_z_8{ width:145px; height:57px;float:left;}
.cp_z_8 p { font-size:16px; line-height:57px; text-align:center}

.cp_z_9{ width:91px; height:57px;float:left;}
.cp_z_10{ width:145px; height:57px;float:left;}
.cp_z_10 p { font-size:16px; line-height:57px; text-align:center}

.cp_z_11{ width:49px; height:57px;float:left;}



.linecp_f{ width:1200px; height:130px; background-color:#dc2821;}
.linecp_n{ width:1200px; height:980px;}




/*ys*/
.lineys{height:629px;background:url(../images/ys.jpg) no-repeat center;}



.ys_l{ width:600px; height:580px;float:left;}



.ys_r{ width:600px;height:580px; float: right; }

.ys_r_1{ width:600px;height:90px; float: right; }
.ys_r_2{ width:600px;height:80px; float: right; }
.ys_r_2 h2{ color:#fff;font-size:30px; line-height:80px; margin-left:45px; }

.ys_r_3{ width:600px;height:177px; float: right; }
.ys_r_3 p{ color:#fff;font-size:18px; line-height:36px;  margin-left:45px; }

.ys_r_4{ width:600px;height:40px; float: right; }
.ys_r_4 h2{ color:#fff;font-size:26px; line-height:40px;  margin-left:45px; }

.ys_r_5{ width:600px;height:40px;float: right;}
.ys_r_6{ width:600px;height:36px;float: right;}
.ys_r_6 p{ width:160px;height:36px; text-indent:2em;border-radius: 60px; color:#fff; border:#FFF 1px solid;font-size:18px; line-height:36px;  margin-left:45px; }






/*公司简介 */
.line2{width:100%; height:629px;background:url(../images/gs.jpg) no-repeat center; }


.gsjj_t{ width:1200px; height:99px;}
.gsjj_t h2{font-size:33px; color:#dc2821; line-height:45px; text-align:center; text-transform:uppercase}
.gsjj_t span{font-size:33px; color:#1a2b3c; line-height:45px; text-align:center; text-transform:uppercase}
.gsjj_t p{font-size:16px; color:#000000; line-height:30px; text-align:center}

.gsjj_k{ width:1200px; height:10px;}

.gsjj_l{ width:570px; height:458px;float:left; border:#CCC 1px solid  }

.gsjj_r{width:624px;height:460px;float:right;}



.sy_gsjj_txt{ width:520px; height:80%; margin:20px; float:left; }
.sy_gsjj_txt p,.sy_gsjj_txt div{ line-height:200%; font-size:16px; color:#5b5b5b;}




/*cp */

.linecp1{height:419px; background-color:#f2f3f3;}

.linecp1_t{ width:1200px; height:99px;}
.linecp1_t h2{font-size:33px; color:#dc2821; line-height:45px; text-align:center; text-transform:uppercase}
.linecp1_t span{font-size:33px; color:#1a2b3c; line-height:45px; text-align:center; text-transform:uppercase}
.linecp1_t p{font-size:16px; color:#000000; line-height:30px; text-align:center}

.linecp1_n{ width:1200px; height:320px;}


/*新闻动态 */


.linexw{height:819px; background-color:#f2f3f3;}

.xw_t{ width:1200px; height:99px;}
.xw_t h2{font-size:33px; color:#dc2821; line-height:45px; text-align:center; text-transform:uppercase}
.xw_t span{font-size:33px; color:#1a2b3c; line-height:45px; text-align:center; text-transform:uppercase}
.xw_t p{font-size:16px; color:#000000; line-height:30px; text-align:center}

.xw_l{ width:560px; height:720px; float:left }
.xw_r{ width:640px; height:720px; float: right }









/*.sy_dz li img.wow{-webkit-transition: 0.4s;-webkit-transition: -webkit-transform 0.4s ease-out;transition: transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;}
.sy_dz li img:hover{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);}
*/
.line3{}
.sy_img_1,.sy_img_2,.sy_img_3,.sy_img_4{ width:600px; float:left}




/*footer*/

.linefooter{ width:100%; height:400px; margin-top:5px; background-color:#393939;}
.linefooter_f{ width:1200px;height:60px;float:left;}

.linefooter_n{ width:1200px;height:250px;float:left;}
.linefooter_n_1{ width:500px;height:250px;float:left;}
.linefooter_n_2{ width:180px;height:250px;float:left;}
.linefooter_n_3{ width:170px;height:250px;float:left;}
.linefooter_n_4{ width:350px;height:250px;float:left;}

.linefooter_d{width:1200px;height:90px;}





/*第一行数据*/
.sy_zhsh{ width:1200px;background-color: rgba(255,255,255,0.8)}

.sy_tab{ width:100%;background-color: rgba(255,255,255,0.8)}
.sy_tab .tab-menu{ width: 100%; }
.sy_tab .tab-menu ul{ width:100%; margin-top:5px; margin-bottom:5px;}
.sy_tab .tab-menu ul li{ float: left; margin:2px; width:294px;display:block; height:50px; line-height:50px;text-align: center; border:1px #363434 solid;background-color:#363434; text-align:center; }
.sy_tab .tab-menu ul li a{ width:294px; height:50px; line-height:50px; color:#fff; text-align: center; font-size:18px;text-align:center; }
.tab-box div.zy_zhsh_con{width:100%;display:none; margin-top: 22px; margin-bottom: 30px; float: left; height:430px; background-color: rgba(255,255,255,0.8);text-align:center;}
/* 让第一个框显示出来 */
.tab-box div:first-Child{display:block;} 
/* 改变选项卡选中时候的样式 */
.sy_tab .tab-menu ul li.tabhover,.sy_tab .tab-menu ul li:hover{ background-color:#c12201;  border: 1px #c12201 solid;}
.sy_tab .tab-menu ul li.tabhover a,.sy_tab .tab-menu ul li:hover a{ color: #FFFFFF;}









/*固定调用格式*/
.fenlei{ width:240px;height:100%;border: 1px #ddd solid;}

.fenlei_t{ width:240px;height:120px; background-color:#dc2821;text-align:center;}
.fenlei_t span{ color:#FFFFFF; font-size:34px; width:238px; line-height:60px; text-align:center; font-weight: bold;} 
.fenlei_t p{ font-size:18px;text-align:center;color:#FFFFFF; width:80%;line-height:24px; margin-left:20px; text-transform:uppercase}
.fenlei_con{ width:240px;height:100%;}
.fenlei_d { height:30px; margin-bottom:20px;}