@charset "utf-8";
*{ margin: 0;padding: 0;}
body { font-size:14px;line-height:24px;color:#353535; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none;}
a{ color:#353535; 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;}
/***整体*****/
.wrap{ width:100%; height:auto; overflow:hidden;  background:url(../Image/bg.jpg) repeat-x;}
/*****top*******/
.header{ width:100%; height:752px;}

.logo{ width:1200px; height:123px; margin:0 auto; overflow:hidden;}
.logol{ width:auto; height:auto; overflow:hidden; float:left;}
.logol img{ padding-top:13px;}
.logor{ width:190px; height:91px;float:right;background:url(../Image/tel.png) no-repeat left; padding-left:70px; margin-top:25px;}
.logorf{ width:100%; height:auto;font-family:Impact; line-height:20px; font-size:25px; font-weight:bold; color:#027d3e;}
.logor1{width:100%; height:30px; line-height:25px; display:block; font-size:16px;font-weight:400;font-family:Microsoft YaHei,SimSun; color:#000;}
.allnav{ width:100%; height:53px; line-height:53px;}
.nav{ width:1200px; height:53px; line-height:53px; margin:0 auto;}
.nav a{ width:100px; height:53px; display:block; float:left; text-align:center; color:#fff;}
.nav a:hover{background-color:#005ccc;color:#fff;}


#graybar,.recruit_info_tit_bg{ height:33px; background:#ebebeb; margin-bottom: 10px;}
#graybar span,.recruit_info_tit{ width:100px; line-height:33px; text-align:center; display:block; color:#FFF; background:#012fa5; border-right:1px solid #FFF;}
.w45{ width:49%}
.f_left{ float:left;}
.f_right{ float:right;}

/* banner */
.flash{ width:100%;height:533px; margin:0 auto; text-align:center; position:relative; z-index:0; }
.flash .flashBox {position:relative; margin:0 auto; width:1000px; height:533px; }
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBox .bd{position:absolute; width:1920px; left:-460px;}
.flash .flashBox .bd img{width:100%; height: 533px;}

.keywords{ width:100%; height:43px; background-color:#f2f2f2;position:relative;}
.keywords ul{ width:1200px; height:43px; margin:0 auto;}
.keywords1{ width:810px; height:43px; float:left; color:#5f5f5f;line-height:43px;font-weight:bold; color:#393939;}
.keywords1 a{ color:#393939; font-weight:400;}
.keywords1 a:hover{ text-decoration:underline;}

.search1{ width:288px;height:31px;background:url(../Image/search.jpg) no-repeat bottom right; float:right; margin-top:6px;}
.search1 .txt{ width:218px; float:left; height:31px; line-height:31px;border:none; background:none;text-indent:35px; color:#fff;}
.search1 .but{ width:70px; height:31px; float:right;border:none;background:none;  cursor:pointer;}


.main{ width:100%; height:auto;}
.indexpro{ width:100%; height:873px;background:url(../Image/procbg.jpg) repeat-y;}
.proser{ width:1200px; height:200px; padding-top:25px; margin:0 auto;}
.proser ul{ width:105%; height:auto; position:relative;}
.proser li{ width:393px; height:195px; border:#FFF solid 1px; background:rgba(255,255,255,0.5); margin-right:7px; float:left;}
.proser1{ width:100%; height:55px; text-align:center; display:block; padding-top:15px;}
.proser2{ width:100%; height:30px; line-height:30px; display:block; font-size:24px; font-weight:bold; color:#0361aa; text-align:center; padding-top:14px;}
.proser3{ width:300px; height:auto; display:block; margin:0 auto; padding-top:10px;}


.info_01bg{ width:100%; height:auto; padding-top:25px;}
.info_01{width:1200px; margin:0 auto; height:585px;background:#fff; overflow:hidden;}

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




/* 产品左侧 */
.slideGroup{ width:1200px;  margin:0 auto;  }
.parHd{ width:249px; float:left;background:#272727;position:relative; margin-bottom:20px;}
.cpfltit{ height:50px; padding:10px 0 5px 75px; line-height:24px;color:#fff; font-size:16px;background:url(../Image/list.png) 45px 25px no-repeat;}
.cpfltit a{color:#fff; font-size:20px;}
.cpfltit a:hover{color:#ffd321;}
.parHd ul{ background:#fff;width:223px; margin:0 auto;}
.parHd ul li{  font-size:14px;  margin-top:3px;  }
.parHd ul li a{display:block; width:100%; height:38px;line-height:38px; color:#000;font-weight:bold; text-indent:40px;background:url(../Image/prolibg.png) 12px 12px no-repeat;}
.parHd ul li.on{color:#fff;}
.cptel{ color:#fff;height:100px; padding-top:10px; text-align:center;font-size:18px;}
.cptel a{ display:block; width:200px; height:28px; line-height:28px; text-align:center; color:#fff; margin:3px auto; background:#d5001e;font-size:14px;}
.cptel a:hover{background:#0b438b;}
.cptel h4{ font-size:24px; font-weight:bold;}		
.button--rayen {display: block;color: inherit;vertical-align: middle;position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;
}
.button--rayen::before {background: #0a4a95;color:#fff;content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--rayen:hover::before {color:#fff;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.lxwm_cont{background:#f7f7f7;}
.lxwm_cont p{ padding:15px; line-height:28px;}
/* 产品右侧 */
.parBd{width:900px; float:left; margin-left:30px;}
.picFocus{ position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:292px; height:225px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd { width:860px; height:250px; border:4px solid #dcdcdc; padding:15px; margin-top:11px;}
.picFocus .bd img{  display:block;  }
.picFocusl{ width:360px; float:left;}
.picFocusl img{ width:340px; height:230px;}
.picFocusr{ width:450px; float:left;}
.picFocusr a{ display:block; line-height:46px; font-size:18px; font-weight:bold;}
.picFocusr a:hover{ color:#ce0e25;}
.picFocusr p{ line-height:28px; padding-top:10px;} 	


.cpzsleft{ width:270px; float:left;}
.cpfl{ width:268px; height:auto; border:1px solid #e5e5e5; }
.cpfl dl{ background:#f8f8f8;width:238px; padding:5px 15px;}
.cpfl dl dt{text-indent:15px; font-size:14px;  margin-top:3px;}
.cpfl dl dt a{display:block; width:100%; height:38px;line-height:38px; color:#000;font-weight:bold; text-indent:20px;}
.cpfl dl dt a:hover{color:#fff;-moz-border-radius:16px; 
-webkit-border-radius:16px; 
border-radius:16px;}
.cpfl dl dd{width:100%; height:24px;  line-height:24px; text-indent:35px; margin-bottom:1px; font-size:14px;background:#e6e6e6;}
.cpfl dl dd a{display:block; color:#000;font-weight:bold; }
.cpfl dl dd a:hover{background:#eb8d0a;color:#fff;}

.info_02bg{ width:100%; height:879px;background-color:#0b438b;}
.youshilogo{ width:1200px; height:113px; margin:0 auto;text-align:center; color:#FFF; font-weight:bold;}
.youshilogo1{ width:100%; height:50px; line-height:50px; display:block; font-size:36px; padding-top:20px;}
.youshilogo2{ font-size:30px;}
.youshicon{ width:1200px; height:662px; margin:0 auto; background-color:#FFF; margin-top:30px;}
.youshiconup{ width:1049px; height:auto; line-height:28px; padding-top:20px; padding-bottom:20px; text-align:center; margin:0 auto; color:#000;}
.youshiconf{ width:1168px; height:500px; padding-top:20px; margin:0 auto;}
.youshiconf ul{ width:105%; height:500px; position:relative;}
.youshiconf li{ width:277px; height:482px; float:left; padding-right:18px;}
.youshiconf li a{width:277px; height:482px; display:block;}
.youshiconf li a:hover .youshiconf1{ background-color:#008fe1;transition:all 0.5s;}
.youshiconf li a:hover .youshiconf1_1{ transform:rotate(360deg); transition:all 0.5s;}
.youshiconf li a:hover .youshiconf2{ background:none;background-color:#00218f;transition:all 0.3s;}
.youshiconf1{ width:104px; height:104px; display:block; margin:0 auto; border-radius:50%; overflow:hidden; border:#FFF solid 3px; text-align:center; background-color:#00218f; position:relative; z-index:1;transition:all 0.5s;}
.youshiconf1_1{ width:104px;height:104px; display:table-cell; vertical-align:middle;transition:all 0.5s;}
.youshiconf2{ width:277px; height:426px; background-color:#00ae83;display:block; position:relative; top:-57px; color:#FFF; border-radius:5px;transition:all 0.3s;}
.youshiconf2_1{ width:85%; height:auto; line-height:50px; font-size:24px; font-weight:bold; padding-top:70px; display:block; text-align:center; margin:0 auto;}
.youshiconf2_2{ width:85%; height:auto; overflow:hidden; margin:0 auto; display:block; padding-top:20px; line-height:25px;}


.info_03bg{ width:1200px; height:469px; padding-top:30px; margin:0 auto;}
.compnay{ width:795px; height:469px; float:left;}
/* 本例子css */
		.slideBox{ width:798px; height:466px; overflow:hidden; position:relative;}
		.slideBox .hd{ height:62px; overflow:hidden; position:absolute;z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:263px; height:55px; line-height:55px; text-align:center; background:#656565; cursor:pointer; color:#FFF;}
		.slideBox .hd ul li.on{ background:#ce0000; color:#fff; }
		.slideBox .bd{ position:relative; height:400; overflow:hidden; z-index:0; top:70px;}
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd li>img{ float:left; padding-right:20px; width:266px;}

		
.newscon1{ width:100%; height:92px;}
.newscon1l{ float:left;}
.newscon1l>img{height:92px;}
.newscon1r{ width:89%; height:92px; float:right; }
.newscon1r1{ width:auto; height:auto; display:block;color:#898888; font-size:12px; line-height:32px;}
.newsconr{ width:100%; height:auto; overflow:hidden; float:right;}
.newsconr ol{ width:110%; height:auto; overflow:hidden; position:relative;}
.newsconr dd{ width:386px; height:77px; padding-bottom:10px; padding-top:10px; float:left; padding-right:20px; border-bottom:#dbdbdb dashed 1px;}
.newsconr dd a{ width:100%; height:77px;display:block;}
.newsconr dd a:hover{ background-color:#f8f6f6;}
.newst{ width:77px; height:77px; display:block; float:left; background-color:#006fbb;transition:all 0.3s;}
.newst_1{ width:100%; height:30px; line-height:30px; display:block; font-size:36px; color:#fff; text-align:center; padding-top:14px;transition:all 0.3s;}
.newst_2{ width:100%; height:20px; line-height:20px; display:block; font-size:12px; text-align:center; color:#fff;transition:all 0.3s;}
.news_con{ width:300px; height:26px; line-height:26px; color:#006fbb; font-weight:bold; float:right;display:block; padding-top:6px;}
.news_con2{ width:300px; height:auto; line-height:20px;font-size:12px; float:right; overflow:hidden;}		


		

.problem{ width:366px; height:469px; float:right;}
.problemlogo{ width:100%; height:40px; line-height:40px;background:url(../Image/problbg.jpg) no-repeat left;}
.problemlogo1{ padding-left:10px; font-size:18px;}
.problemlogo2{ font-size:18px; padding-left:10px;}


.info_04bg{ width:100%; height:353px;background:url(../Image/servbg.jpg) repeat;}
.srverlogo{ width:1200px; height:50px; line-height:50px; text-align:center; color:#FFF; font-size:30px; font-weight:bold; margin:0 auto; padding-top:20px;}
.servcon{ width:1200px; height:214px; margin:0 auto; border-bottom:#FFF dashed 1px; padding-top:20px;}
.servcon ul{ width:105%; height:214px; position:relative;}
.servcon li{ width:191px; height:164px; float:left; padding-right:16px;}
.servcon li a{width:191px; height:164px; display:block; background-color:#ededed; position:relative;}
.servcon1{ width:100%; height:auto; display:block; text-align:center; padding-top:25px;}
.servcon1 img{ transform:scale(0.9); transition:all 0.5s;}
.servcon2{ width:100%; height:48px;line-height:40px; position:absolute; bottom:0px; display:block; text-align:center; }
.servcon li a:hover{ background-color:#fff;}
.servcon li a:hover .servcon1 img{transform:scale(1); transition:all 0.5s;}




.info_06bg{ width:100%; height:443px; overflow:hidden; background-color:#f7f7f7;}
.info_06{width:1200px; margin:0 auto; height:374px;  background:#fff; margin-top:30px;}
.itit03{ width:631px; height:55px; line-height:55px; border-bottom:#c9c9c9 solid 1px; margin:0 auto; text-align:center; font-size:26px; font-weight:bold; padding-top:20px; position:relative;}
.itit03_1{ color:#0b216a;}
.itit03_2{ width:181px; height:3px; position:relative; top:-1px; margin:0 auto; display:block;background-color:#0b216a;}
/* 多行产品图片滚动css */
.picMarquee01{ width:1200px;  overflow:hidden; padding-top:0px;}
.picMarquee01 .hd{ overflow:hidden;  height:0px;  margin:0; }
.picMarquee01 .bd{ padding-top:20px;margin:0;}
.picMarquee01 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee01 .bd ul li{ margin:15px 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee01 .bd ul li a img{ width:258px; height:208px; display:block;}
.picMarquee01 .bd ul li a:hover img{ border-color:#3d4051;  }
.picMarquee01 .bd ul li a .icptit { display:block;line-height:32px; height:32px; overflow:hidden; background:#fff; color:#000; width:100%; text-align:center;}
.picMarquee01 .bd ul li a:hover .icptit{ background:#3d4051;color:#fff; }
.picMarquee01 .picList{width:282px; height:auto; float:left; }



.linkbg{ width:100%; height:50px; background:#ffd101;}
.link{ width:1200px;margin:0 auto; line-height:50px;}
.link .linkt{ font-size:16px; color:#000;}
.link li{ float:left; padding:0 5px;color:#000;}
.link li a{color:#000;}
.link li a:hover{color:#f2f2f2;}
.info_date{ float:right;}

/*******footer************/
.footer{ width:100%; height:280px; background:#073477;}
#footer{ width:1200px;margin:0 auto; line-height:28px; text-align:center;  color:#fff; position:relative;}
.ftl{width:450px; height:auto; float:left;padding-top:30px;}
.ftl img{ width:165px; height:165px; margin-top:30px;}
.ftm{ position:absolute; top:-20px; left:500px; z-index:999;}
.ftr{ width:420px; margin-right:30px; float:right; padding-top:30px;}
.ftr p{ color:#fff; text-align:left; line-height:32px; }
.ftr p a{color:#fff;}

.footer_nav{ width:450px; margin:20px 0;}
.footer_nav ul{ width:450px; line-height:50px;padding:0px;}
.footer_nav li{ float:left; width:100px; text-align:center;}
.footer_nav li a{ display:block;color:#fff; font-size:14px;}
.footer_nav li a:hover{ color:#FC0;}



.qqkefu{position: fixed; bottom:60px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365)); z-index:9999;right:0;width:45px; z-index:9999;}
.qqkefu ul li{height:45px;margin-bottom:1px;float:right;background:#1347a2;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:#c9112c;}
.qqkefu ul li.top{color:#1c1c1c;font-weight:800;text-align:center;line-height:45px;background:url(../Image/top.png) no-repeat center; height:51px;position:relative;width:45px;cursor:pointer}
.qqkefu ul li.top:hover span{background:url(../Image/czx2_hover.png) no-repeat center}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:left}
.qqkefu ul li b.a{background:url(../Image/czx4.png) no-repeat center;}
.qqkefu ul li b.b{background:url(../Image/czx3.png) no-repeat center;}
.qqkefu ul li b.c{background:url(../Image/czx5.png) no-repeat center;}
.erweima{/*width: 390px;*/height: 150px;position: absolute;top: -107px;left:-144px;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;}

/********内页********/

.sub_page{width: 100%;height: auto; }
.sub_content{width: 1200px;margin:0 auto; background:#fff; padding:20px 15px;height: auto; }
.left_list{ width:249px; float:left; margin-bottom:35px;}
.right_list{width:905px; float:left; margin-left:25px; background:#fff; margin-bottom:20px;}
/*内页右侧标题*/
.title{padding:0px;height:52px; background:#0a4a95; color:#fff;}
.title strong{float:left;display:inline-block;height:52px; line-height:52px;color:#fff;text-align:center; padding:0 10px; font-size:20px;}
.title span{background:url(../Image/img/home.gif) 0 21px no-repeat;line-height:52px; padding-left:15px; padding-right:15px;}
.title a{color:#fff;}
.title .bold{color:#fff;}
.title .right a:hover{color:#da020d;text-decoration:underline;}