@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;border:0px;font-family: "Microsoft YaHei";}
body {font-size:12px; line-height:24px;color:#333333; -webkit-text-size-adjust:none; background-color:#f2f2f2;}
a{ color:#333333; text-decoration:none; cursor:pointer;transition:all 0.4s linear 0s;}
a:hover{ text-decoration:none;}
ul {list-style: none;}
li{ list-style-type:none;transition:all 0.4s linear 0s;}
.eng{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; color:#990000; padding-left:3px;}


/*top*/
#top{ width:100%; height:auto; background: #fff;}
#top1{ width: 100%; height: 112px; }

.top{ width:1200px; height:112px; margin:0 auto; }
.logo{ width:600px; height:112px; float:left; box-sizing: border-box; padding: 21px 0; /* background:url(../Image/logo.png) no-repeat center left; */}
.phone{ display: inline-block; height:70px;float:right; margin-top: 20px; color: #4e4e4e;
	background: url("../Image/top_tel.png") left center no-repeat; padding-left: 50px;}
.phone p{display: inline-block;  font-size:16px;  width:180px; height: 70px; float: left; margin-top: 10px;}
.phone span{ font-size:24px; color: #fb0104;}
.phone a{ display: table-cell;text-align: center; vertical-align: middle; width: 50px; height: 50px; border: 2px solid #d3d3d3; border-radius: 50%;position: relative; top: 10px;}
.phone a img{ vertical-align: middle;}
.phone a:hover{ border-color: #004b9f;}
.top_wechat{ display: inline-block; float: right; margin-left: 5px;}
.phone .top_wechat>img{ float: right; width: 0; height: 100px; position: relative; top: -10px;
	transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;
}
.phone .top_wechat:hover>img{ width: 100px; }

/*nav*/
#nav{ width:100%; height:55px; background:#004b9f;}
.nav{ width:1200px; height:55px; margin:0 auto;}
.nav li{ width: 133px; height: 55px; float: left;}
.nav li a{ width:132px; height:55px; display:block; float:left; font-size:15px;  text-align:center; line-height:55px;  color: #fff; border-right: 1px solid #2b69af;}
.nav li:last-child a{ border-right: none;}


/*banner*/

ul,li{list-style:none;margin:0;padding:0;}
.DB_tab25 {width:100%;height:615px;position:relative;overflow:hidden;cursor:pointer; border-bottom: 6px solid #1ca7ff;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:615px;display:none;}

.DB_tab25 .DB_menuWrap{position:absolute;width:988px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:300px;top:540px;text-align:center;font-size:0; border-radius:20px; left: 80%;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}


/*search*/
#key{ height: 66px; border-bottom:1px solid #eeeeee; border-top: 1px solid #eeeeee; background: #fff;}
.key{  width:1200px; height: 57px; margin: auto; font-size: 14px; line-height: 66px; color: #262626; font-weight: bold;}
.key a{ padding: 0 10px; color: #666666; font-weight: normal;}
.key form{ float: right;  width: 270px; height: 38px; overflow: hidden; margin-top: 15px; border: 1px solid #dedede;}
.key .form{  width: 270px; height: 38px;  overflow: hidden; background: #fff;}
.key input[type=text]{ width: 190px; height: 35px;  text-indent: 1em; float: left; outline: none;}
.key input[type=submit]{ width: 60px; height: 38px; cursor: pointer;background: url("../Image/search.png") no-repeat center #0052ad;
	float: right; position: relative; top: 0;}

input::-webkit-input-placeholder { color: #dedede !important; /* WebKit browsers */}
input:-moz-placeholder { color: #dedede !important; /* Mozilla Firefox 4 to 18 */}
input::-moz-placeholder { color: #dedede !important; /* Mozilla Firefox 19+ */}
input:-ms-input-placeholder { color: #dedede !important; /* Internet Explorer 10+ */  }

.index_pro{ width: 100%; height: 655px; padding: 46px 0; }
.pro_cnt{ width: 1200px; height: auto; margin: auto;}


/*left*/
.allleft{ width:260px; height:100%; float:left; padding-bottom:20px; position: relative; top: -22px;}

.protype_con{ width: 100%; box-sizing: border-box;  overflow: hidden; background: #fff;}
.prolistcon{ width:100%; height:auto; overflow:hidden; float:left;}
.prolistcon li{ height: 45px; border-bottom: 1px solid #ededed;}
.prolistcon li a{ display: block; width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #333333; text-indent: 20px;}
.prolistcon li a:hover{ color: #fff;}
.prolistcon li a span{ font-size: 40px; float: right; font-weight: lighter; margin-right: 12px;}
.prolistcon li a:hover {  color:#FFF !important;}
.prolistcon li a.current{ background:#fda603; color:#FFF !important;}
.left_type{ width: 260px; height: auto; overflow: hidden; float: left;}
.prolist_t{ width: 100%; height: 92px; color: #fff;  text-align: center; background: #004b9f;}
.prolist_t span{ display: block; font-size: 31px;  line-height: 70px;}
.prolist_t small{ font-size: 12px; color: #fff; display: block; line-height: 10px; text-transform: uppercase;}

.left_cont2{  overflow: hidden; margin-top: 40px;}
.left_cont2_t{   line-height: 50px; height:  50px; background: url("../Image/left_cont_t.png") right center no-repeat;}
.left_cont2_t span{ font-size: 16px; color: #fda603;}
.left_cont2_t small{ font-size: 12px; color: #9a9a9a;}
.left_cont2 div.protype_con{ padding: 10px; box-sizing: border-box;}
.left_cont2 div.protype_con>span{ width: 100%; height: 36px; background: #0062c1 url("../Image/left_phone.png") 10px center no-repeat;
 display: block;	border-radius: 5px; color: #fff; line-height: 36px; box-sizing: border-box; padding-left: 50px; font-size: 20px;}
.left_cont2 div.protype_con>li{ font-size: 16px; color: #818181; line-height: 2em;}
.left_cont2 div.protype_con>li a{ color: #818181;}





.left_contact{width: 217px;height: 140px;float: left;background: url("../Image/left_contact.png") top center no-repeat;margin-left: 12.5px;}
.left_contact li{ color: #0467ae; font-size: 14px; line-height: 40px; list-style :none; margin-left: 20px;}
.left_contact span{ display: block; background: url("../Image/left_phone.png") center 10px no-repeat;
	padding-top: 55px; text-align: center; font-size: 14px; color: #fff;}
.left_contact p{ font-size: 28px; color: #fff; text-align: center;}


/*index_pro*/
.proR{ width: 910px; height: 654px; background: #fff; float: right; padding: 25px; box-sizing: border-box;}

#marqueeDiv1, #marqueeDiv2{ width:878px; overflow:hidden; height:250px;}
#aa{width:100%;height:500px; overflow:hidden;}
.info_img ul li{width:280px;height:250px;float:left;text-align:center; margin: 0 10px 15px 0;}
.info_img ul li a{ display:block; width:280px;height:250px; line-height: 50px; font-size: 14px; border: 1px solid #ddd;}
.info_img ul li a div.img_w{ width: 276px; height: 208px; position: relative; overflow: hidden;border: 2px solid #e5e5e5;}
.info_img ul li a div.img_w img{ width: 276px; height: 208px;}
.info_img ul li a div.img_w div.img_h{ width: 276px; height: 208px; position: absolute; top: -300px;
	background: rgba(0,75,159,0.65) url("../Image/pro_search.png") center no-repeat;
	transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;
}
.info_img ul li a:hover div.img_h{ top: 0 !important;}
.info_img ul li a span{ line-height:32px;display:block; font-size: 14px; color: #3f3f3f;}

.info_img ul li a img{ display: block; width: 276px; height: 208px;}


/*index_comp*/
.comp_w{ width: 100%; height: auto; margin: auto; overflow: hidden; background: #fff; padding-bottom: 50px;}
/*index_t*/
.index_t{ text-align: center; }
.index_t h2{ font-size: 36px; color: #0067cc; line-height: 2em;}
.index_t h2:before{ display: block; content: ''; width: 200px; height: 1px; background: #0067cc; float: left; position: relative; top: 36px;}
.index_t h2:after{ display: block; content: ''; width: 200px; height: 1px; background: #0067cc; float: right; position: relative; top: 36px;}
.index_t p{ font-size: 14px; color: #595959;}
.index_t2 h2:before{ width: 340px;  background: #82c1ff;}
.index_t2 h2:after{ width: 340px; background: #82c1ff;}
.index_t4 h2:before{ width: 340px; }
.index_t4 h2:after{ width: 340px;}



.index_comp{ width: 1200px; height: auto; margin: 20px auto;}

.comp_t{ width: 346px; height: 37px; background: url("../Image/comp_t.png") center no-repeat;
	box-sizing: border-box; padding: 22px 0 0 85px; margin: 50px;}
.comp_t span{ font-size: 30px; color: #333333; font-weight: bold; letter-spacing: 0.05em;}
.comp_t span i{ color: #004b9f; font-style: normal;}
.compL{ width: 376px; height: 244px; background: url("../Image/comp_img_bg.png") center no-repeat; float: left; }
.compL img{ display: block; width: 350px; height: 220px; margin: 12px 0 0 15px;}
.comp_cn{ width: 800px; height: auto; float: right; box-sizing: border-box; padding: 16px 10px 0px;font-size: 14px; line-height: 28px;}
.comp_cn p{  color: #666666;}
.comp_cn ul li{ color: #333333;}
.comp_cn ul li::before{ display: inline-block; content: ''; width: 0; height: 0; border: 6px solid #fff; border-left-color: #004b9f;}


.comp_movie{ width: 364px; height: 244px; float: right; background: #ddd;}


/*case_w*/
.case_w{ width: 100%; height: 434px; background: url("../Image/case_bg.png") center no-repeat;}
.case_t{ text-align: center; padding-top: 23px;}
.case_t h2{ font-size: 26px; color: #fff; font-weight: bold; line-height: 40px;}
.case_t span{ text-transform: uppercase; color: #8ea1ba; line-height: 0;}
.case_cn{ width: 1200px; height: auto; margin: 30px auto; overflow: hidden;}
.case_cn li { width: 400px; float: left; text-align: center;}
.case_cn li a{ display: block; width: 348px; height: 239px; background: #fff; margin: auto; font-size: 16px; color: #2d2d2d; line-height: 30px;}
.case_cn li a:hover{ background: #ff8d06; color: #fff;}
.case_cn li a img{ width: 344px; height: 192px; margin: 1px auto;}
.case_cn li span{ color: #fff;font-size: 14px;}
.case_cn li span::before , .case_cn li span::after{ content:''; display: inline-block; width: 38px; height: 1px; background: #fff; position: relative; top: -5px;
	transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;
}
.case_cn li span::before{ left:-20px;}
.case_cn li span::after{ right: -20px;}
.case_cn li:hover span::before , .case_cn li:hover span::after{width: 138px;  }



/*news*/
.news_w{ width: 100%; height: auto; overflow: hidden; background: #fff;}
.news{ width: 1200px; height: auto; margin: 20px auto; overflow: hidden; }
.news_t{ width: 100%; margin-bottom: 10px;}
.news_t span{ font-size: 26px; color: #464646; line-height: 40px;}
.news_t a{ font-size: 14px; color: #919191; float: right; line-height: 50px;}
.news_t a:hover{ color: #004b9f;}
.advtL{ width: 576px; height: auto; float: left;}
.advtL li{ width: 174px; height: 179px; background: #eaeaea; float: left; border: 2px solid #eaeaea; margin: 0 20px 20px 0; text-align: center; position: relative;}
.advtL li:nth-child(3n){ margin-right: 0;}
.advtL li:hover{ border-color: #ff8d06; box-shadow: 0 0 3px #444; background: url("../Image/advt_item_bg.png") repeat;}
.advtL li img{ display: block; margin: 45px auto 0;-webkit-transform: translateY(0px); transform: translateY(0px);
	transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;}
.advtL li span{ display: block; height: 0;text-align: center; width: 100%; font-size: 16px; overflow: hidden; position: absolute; bottom : 10px; }
.advtL li:hover a span{ display: block; height: auto; overflow: hidden;}
.advtL li:hover img{-webkit-transform: translateY(-10px); transform: translateY(-10px);}




.newsR{ width: 576px; height: auto; float: right;}
a.news_item{ display: inline-block; width: 112px; height: 38px; background: #004b9f; color: #fff; font-size: 16px;  font-weight: bold; text-align: center; line-height: 38px;}
a.news_item+a{ background: #ff8d06;}
.newsR ul li{   margin: 30px 0; }
.newsR ul li a{ display: block; width: 100%; height: 90px; background: #f2f2f2; box-sizing: border-box; padding: 20px}
.newsR ul a h3{ font-size: 16px; color: #606060; font-weight: bold; line-height: 30px;}
.newsR ul a:hover h3{ color: #ff8d06;}
.newsR ul a p{ font-size: 14px; color: #7d7d7d; text-indent: 0;}
.newsR ul a span{ display: block; width: 55px; height: 60px; float: right; color: #004b9f; font-size: 42px;}
.newsR ul a span i{ font-size: 12px; font-style: normal;}


/*首页留言*/
.msg_w{ width: 100%; height: 520px; background: url("../Image/msg_bg.png") center no-repeat;}
.msg_cn{ width: 1200px; height: auto; margin: auto; overflow: hidden;}
.msgL{ width: 530px; height: 437px; border: 1px solid #d7d7d7; background: #fff; padding: 30px 50px; box-sizing: border-box;}
.msg_t{ background: url("../Image/msg.png") left center no-repeat; padding-left: 50px; box-sizing: border-box; height: 50px; margin-bottom: 10px;}
.msg_t span{ font-size: 20px; color: #f43c3b; display: block;}
.msg_t small{ font-size: 18px; color: #d7d7d7;}
.msgL form div{ width: 412px; height: 37px; border: 1px solid #e4e4e4; margin-bottom: 10px;}
.msgL form div img{ border-right: 1px solid #e4e4e4;}
.msgL form div input{ width: 370px; height: 37px; float: right;}
.msgL form .msg_text{ width: 412px; height: 65px;}
.msg_text textarea{ width: 100%; height: 65px;}

.msg_tel{ width: 245px; height: 60px; padding-left: 50px; box-sizing: border-box; margin: 10px auto;
	background: url("../Image/msg_tel2.png") left center no-repeat;}
.msg_tel span{ font-size: 14px; color: #9c9c9c; display: block;}
.msg_tel i{ font-size: 24px; color: #fb0104;}


.container{ width: 1200px; height: auto; margin: auto; overflow: hidden;}

.clearfix{ clear: both; overflow: hidden;}
.footer{ height:400px; background:#0b4499; }
.footer .box{width:198px;height:350px;background:#0b3f7a;text-align:center;line-height:1;color:#fff; float: left;}
.footer .box span,.footer .box img{display:block;}
.footer .box span.sp1{font-size:24px; line-height: 80px;}
.footer .box span.sp2{font-size:14px; line-height: 50px;}
.footer .box img{margin-top:24px;margin-left:auto;margin-right:auto;}
.footer .box span.sp3{font-size:14px; line-height: 70px;}
.footer .text{width:940px;color:#fff; float: right; box-sizing: border-box; padding: 30px 0;}
.footer .type{padding-top:14px;padding-bottom:14px;border-bottom:1px solid #3C69AD;}
.footer .type li{ display:block;float:left; padding-right:20px;margin-right:22px;border-right:1px solid #D3D3D3;font-size:14px;line-height:14px;}
.footer .type li:last-child{ border-right: none;}
.footer .type li a{color:#fff;}
.footer .contact{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #3C69AD; line-height: 30px;}
.footer .contact,.footer .contact a{font-size:14px;; line-height: 30px;color:#fff;}

.footer .links{margin-top:15px;font-size:14px;line-height:30px;}
.footer .links a{color:#B9C3DA;padding-right:10px;margin-right:10px;}
.footer .links a:hover{color:rgb(255,140,0);}









/*cont*/
.cont_w{ width: 100%; height: 114px; background: url("../Image/cont_bg.png") repeat; box-sizing:border-box; padding: 15px 0;}
.cont{ width: 1200px; height: auto; margin: auto;color: #fff;line-height: 36px;}
.cont1{ display: block; width: 215px; height: 74px; float: left; padding-left: 85px; box-sizing: border-box; background: url("../Image/hand.png") left center no-repeat; border-right: 2px dashed #fff;}
.cont1 h3{ font-size: 18px; }  .cont1 span{ font-size: 14px; }
.cont2{ display: block; width: 455px; height: 74px; float: left; padding-left: 85px; box-sizing: border-box; background: url("../Image/phone.png") left center no-repeat; margin-left: 50px;  }
.cont2 h3{ font-size: 16px; }  .cont2 span{ font-size: 36px;  color: #f01a2e; font-weight: bold;}
.cont a{ display: block; width: 128px; height: 34px; border-radius: 17px; background: #046af8; color: #fff;
	line-height: 34px; text-align: center; float: right; font-size: 16px; font-weight: bold; margin: 40px 0 0 10px;}







/*news_list*/
.rnewys{ width:100%; height:30px; border-bottom:#d9d9d9 solid 1px; padding-top:10px; font-size: 15px;}

.newsconright{ width:100%; height:30px; float:right;}
.newsconright a{ width:100%; height:30px; display:block; color:#676767; line-height: 30px; background: url("../Image/end_bg.png") left center no-repeat; text-indent: 20px;}
.newsconright a:hover{ color: #004b9f;}
.newsconright1{   color:#13893f; padding-bottom:10px;font-size: 16px;}
.newsconright span{ float: right;}



/************新闻*****************/
.news_tit_u{text-align: center;font-size: 20px;color: #004b9f;line-height:24px; font-weight:700;}
.news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100;border-bottom: 1px solid #e8e8e8;color: #303030;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;}
.news_tit_img{ width:60%; margin:9px auto; text-align:center}
.news_main{ line-height:25px; font-size:15px;}



/*index*/


/*end*/

/*public*/
.main{width:100%; height:100%;margin:0 auto; padding-top: 30px; }
.allcon{width:1200px; height:100%; overflow:hidden; margin:0 auto 50px;}
.concompany{ width:910px; min-height: 750px; overflow:hidden; float: right; background: #fff; padding: 20px; box-sizing: border-box;}
.concompanylogo{width:100%; height:52px; float:left;  margin: 20px 0; border-bottom: 1px solid #0059bc;}
.honorlogo1{width:auto; height:54px; padding: 0 10px; display:block; background: #0059bc; float:left; color:#fff; font-size: 18px; line-height:52px; text-align: center; }
.honorlogo2{ float:right; padding-right:10px; color:#363636; padding-top:20px;}
.honorlogo2 a{color:#363636;}
.concompanylogo>a{ width:85px; height:52px; float:right; display:block; font-size:14px; color:#7d7d7d; line-height:62px;}
.concompanylogo>a:hover{ color:#0059bc;}
.concompanycon{ width:100%; height:100%; float: right; overflow:hidden; margin:0 auto; padding-bottom:50px;}

.info_img1{ width:100%; height:auto; padding-bottom:10px;}
.info_img1 li{ width:270px; height:238px;text-align:center;float:left;margin:0px 10px 20px;}
.info_img1 li a{ width:268px; height:236px; display:block; background-color:#f2f2f2;border:#e8e8e8 solid 1px; line-height:45px;}
.info_img1 li a:hover{ background: #3C90DF; color: #fff;}
.info_img1 li img{ width:252px; height:178px; padding-top:8px;}

.food_info_tit_bg{margin:30px 0 20px 0;width:100%;height:30px;background:#ececec; float:left;}
.food_info_tit{display:inline-block;padding-left:10px; padding-right:10px;height:100%;border-right:1px solid #fff;background: #235ca1;color:#fff;line-height:30px;font-family:Microsoft YaHei; font-size:14px;}
.food_info_main{}
.food_info_main table{border-right:1px solid rgb(210,210,210);border-bottom:1px solid rgb(210,210,210);} 
.food_info_main table td{border-left:1px solid rgb(210,210,210);border-top:1px solid rgb(210,210,210);}
.food_info_main img{ width: 100%;}
#prev_next{ clear: both;}

/************产品*****************/
.produc{ width:100%; margin:0 auto; overflow:hidden;}
.info_img_detail{ text-align:center;}
.info_img_detail img{  padding:3px; border:#CCC solid 1px;}
.food_name{ text-align:center; line-height:40px;}

/************留言*****************/
.concompanycon table{}
.concompanycon table th{color:#444444;font-weight:normal;font-size:14px;text-align:right;vertical-align: top;padding-top: 9px;}
.concompanycon table td select{font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;	background: #FFF;}
.concompanycon table td ul{list-style:none;position:absolute;}
.concompanycon table td ul li{	font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px; border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}
.concompanycon table td ul li a{display:block;text-decoration:none;color:#444444;}
.concompanycon table td ul li a:hover{color:#fe7d0c;}
.concompanycon table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
.concompanycon table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.concompanycon table td .yanzheng{width:101px;}
.concompanycon table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.concompanycon table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;}
.concompanycon table td .but{width:74px;height:31px;line-height:27px;background:#0062c1;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;}

#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;border-radius:5px; background:#0062c1; font-size: 14px;}


#allmap { width: 94%; height: 460px; overflow: hidden; margin: 20px; border: 1px solid #ccc; }