﻿@charset "utf-8";
/*初始化样式*/
body{ margin:0px; padding:0px; margin:0px auto; zoom:1;

/*设置字体*/
font-size:12px;
line-height:24px;
font-family:Arial,"微软雅黑","宋体";
color:#414446;

/*设置宽度*/
width:100%; 
min-width:1004px;
background:url(../images/BG.jpg);
}
ul,li,form,dl,dt,dd,div{ padding: 0px; margin: 0px;}
ul,ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} 
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ border:none; border:0; vertical-align:baseline;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
.Texthide{ display:none;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
/*初始化样式*/
/

/*页面框架结构*/
.Contain{}
.SildeBar{}
.MainContent{}
.Content{}
.SinglePage{ /*单片*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}
.Current{ /*当前位置*/ float:right; font-size:14px; line-height:40px; color:#919191;}
.Current a{ color:#919191;}
.Current a:hover{ color:#017291;}
.Current span{ color:#017291;}
.Center{ width:1200px; margin:0 auto;}

/*分页*/
.Pages{ padding:50px 0px 30px 20px; line-height:18px; zoom:1; overflow:hidden; text-align:left;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;}
.Pages em{ font-style:normal; font-family:微软雅黑;}
.Pages .p_page .a_first,.Pages .p_page .a_end{ background:#FFF; color:#919191; width:68px; height:28px; text-align:center; line-height:28px; border:1px solid #eaeaea;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next{ background:#FFF; color:#919191; width:68px; height:28px; text-align:center; line-height:28px; border:1px solid #eaeaea;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover{ color:#5a5a5a;}
.Pages .p_page .num a{ background:#FFF; display:inline-block; width:28px; height:28px; line-height:28px; text-align:center; color:#B2B2B2; border:1px solid #eaeaea; vertical-align:middle;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#017291; color:#fff;}
/*分页*/


/*Top*/
.Top{ width:100%; height:88px; border-top:solid 2px #017291;}
.logo{ float:left; width:225px; height:88px; float:left;}

.MainNav{ float:right; }
.MainNav ul{ float:left; margin:0; padding:0;}
.MainNav li{ float:left; width:88px; text-align:center; margin-right:15px;}
.MainNav #nav1{ margin-right:0;}
.MainNav li a{ display:block; color:#333333; font-size:15px; width:88px; max-height:82px; line-height:105px;}
.MainNav li a:hover{ background:url(../images/nav_bg.png) top center no-repeat; color:#FFF;}
.MainNav .onnav a{ background:url(../images/nav_bg.png) top center no-repeat; color:#FFF;}

.SreachBox{ width:180px; height:32px; background:url(../images/SearchBox.jpg) no-repeat left top; float:right; padding:1px; overflow:hidden; margin-top:34px;}
.SreachBox .sreach_ipu{ width:130px; height:23px; line-height:23px; padding:4px 8px 4px 8px; border:0px; background:none; color:#999999; float:left;}
.SreachBox .sreach_btn{ width:32px; height:32px; display:block; float:right;}
/*Top*/

/*Bottom*/
.BottomBG{ width:100%; height:100px; background:#017291; margin-top:20px;}
.BotLogo{ float:left; width:171px; height:100px; padding-right:40px;}
.BotL{ float:left; width:710px; color:#b8ced7; margin-top:30px; line-height:30px;}
.BotL a{color:#b8ced7;}
.Copyright{ float:left; width:710px; line-height:20px;}
.BottomLinks{ float:left;width:710px; line-height:20px;}
.BottomLinks em{ padding:0 5px;}
.Weibo{ padding:8px 15px; background:url(../images/Bott_icon1.jpg) no-repeat center center; margin:0 5px 0 30px;}
.QQ{padding:8px 15px; background:url(../images/Bott_icon2.jpg) no-repeat center center; margin:0 5px;}
.WeChat{padding:8px 15px; background:url(../images/Bott_icon3.jpg) no-repeat center center; margin:0 5px;}
.QR_code{ float:right; margin:15px 5px;}
.QR_code img{ max-height:75px; max-width:75px;}
/*Bottom*/

/*SildeBar*/
.SildeBar{ width:800px; float:left;}
.SildeBar ul li{ float:left; width:88px; height:31px; text-align:center; margin-top:5px; margin-right:5px;}
.SildeBar ul li:hover{ float:left; width:88px; height:31px; text-align:center;}
.SildeBar ul li a{ font-size:14px; color:#333333; display:block; width:88px; height:31px; line-height:31px;}
.SildeBar ul li a:hover{ color:#FFF; background:url(../images/menuBG.jpg) no-repeat center center; display:block; width:88px; height:31px;}
.SildeBar ul .onmenu a{ color:#FFF; background:url(../images/menuBG.jpg) no-repeat center center; display:block; width:88px; height:31px;}
/*SildeBar*/

/*Banner*/
.HomeBan{ width:100%; height:500px; position:relative; z-index:1;}
.HomeBan ul{ margin:0; padding:0;}
.HomeBan ul li{ list-style:none;}
.HomeBan .BanList{ width:100%; height:500px;}
.HomeBan .BanList li{ width:100%; height:500px; overflow:hidden;}
.HomeBan .BanList li a{ width:100%; height:500px; display:block;}

.HomeBan .TabList{ width:100%; height:14px; left:0px; bottom:27px; position:absolute;}
.HomeBan .TabList .List{ width:1200px; height:16px; margin:0 auto; text-align:center;}
.HomeBan .TabList .List ul{ float:left; margin-left:25%;}
.HomeBan .TabList .List a{ margin:0 5px;}
.HomeBan .TabList a span{ padding:2px 10px; background:url(../images/Ban_point.png) no-repeat left center; cursor:pointer;}
.HomeBan .TabList a.on span{ padding:2px 35px; margin:0 5px; background:url(../images/Ban_point_on.png) no-repeat left center;}

.Banner{ width:100%; height:300px; position:relative; z-index:1;}
/*Banner*/

/*首页*/
.Habout{ width:590px; height:300px; float:left;}
.Habout .title{font-size:22px; font-weight:500; margin:0; padding:0 40px; background:url(../images/Hicon_1.png) left center no-repeat; height:60px; line-height:60px; overflow:hidden; font-size:22px;}
.Habout .title a{ color:#017291;}
.Habout .title .en{ color:#b4ccd5; font-size:14px; padding-left:7px;}
.HaboutBox{ border:solid 1px #e5e7e9; width:590px; height:240px; float:left; overflow:hidden;}
.HaboutBox .img{ padding:10px 25px 10px 10px; float:left; margin:0;}
.HaboutBox .title{ font-size:16px; color:#017291; padding:0; line-height:80px; background:none; font-weight:bold; margin:0;}
.HaboutBox .des{ color:#999999; font-size:14px; padding:25px 0; margin:0;}
.HaboutBox .More{ background:url(../images/More.png) no-repeat; padding:10px 65px; margin:0;}

.HProd{ width:590px; height:300px; float:right;}
.HProd .title{font-size:22px; font-weight:500; margin:0; padding:0 40px; background:url(../images/Hicon_2.png) left center no-repeat; height:60px; line-height:60px; overflow:hidden; font-size:22px;}
.HProd .title a{ color:#017291;}
.HProd .title .en{ color:#b4ccd5; font-size:14px; padding-left:7px;}
.HProdBox{width:590px; height:240px; position:relative; float:left; border:solid 1px #e5e7e9; overflow:hidden;}
.HProdBox .prev{width:35px;height:57px; position:absolute; top:90px; left:0;z-index:100; cursor:pointer; background:url(../images/Hpro_icon.png) no-repeat;}
.HProdBox .next{width:35px;height:57px; position:absolute; top:90px; right:0;z-index:100; cursor:pointer; background:url(../images/Hpro_icon2.png) no-repeat;}
.HProdBox .prev:hover{ background:url(../images/Hpro_iconL.png) no-repeat;}
.HProdBox .next:hover{ background:url(../images/Hpro_iconR.png) no-repeat;}
.HProdBox .scrollWrap{width:590px; overflow:hidden;position:absolute;}
.HProdBox dl{float:left;width:196px; border-right:solid 1px #e5e7e9;text-align:center;position:relative; margin:0; padding:0;}
.HProdBox dt{margin:0 auto;width:196px;overflow:hidden; line-height:239px;}
.HProdBox img{display:block; max-height:239px; max-width:196px; vertical-align:middle;}
.HProdBox dd{ margin:0; padding:0; width:196px; font-size:18px; color: #fff;text-align:center; overflow:hidden; position:absolute; left:0px; top:24px; line-height:16px;}
.HProdBox dd a{ color:#017291;}
.HProdBox dd a .en{color:#b8ced7; font-size:8px;}

.Hnews_img{ width:590px; height:325px; float:left; margin-top:20px;}
.Hnews_img .title{font-size:22px; font-weight:500; margin:0; padding:0 40px; background:url(../images/Hicon_3.png) left center no-repeat; height:60px; line-height:60px; overflow:hidden; font-size:22px;}
.Hnews_img .title a{ color:#017291;}
.Hnews_img .title .en{ color:#b4ccd5; font-size:14px; padding-left:7px;}
.focusBox { position: relative; width: 590px; height: 260px; text-align:center; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; border:solid 1px #e5e7e9; }
.focusBox .pic img { max-width:590px; max-height:260px; display: block; }
.focusBox .txt-bg { position: absolute; bottom:0; z-index:1; height:50px; width:100%;  background:url(../images/Hnews_bg.png); overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 50px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:50px; line-height:50px; position:absolute; bottom:0px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 30px; font-size: 16px; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 18px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a{ position: absolute; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; background:url(../images/Hnews_icon1.png) no-repeat center center;}
.focusBox .num li.on a,.focusBox .num a:hover{ background:url(../images/Hnews_icon2.png) no-repeat center center;  }

.HnewsBox{ width:590px; height:325px; float:right; margin-top:20px;}
.HnewsBox .title{font-size:22px; font-weight:500; margin:0; padding:0 40px; background:url(../images/Hicon_3.png) left center no-repeat; height:60px; line-height:60px; overflow:hidden; font-size:22px;}
.HnewsBox .title a{ color:#017291;}
.HnewsBox .title .en{ color:#b4ccd5; font-size:14px; padding-left:7px;}
.HnewsBox ul{ border:solid 1px #e5e7e9; width:590px; height:260px; float:left; overflow:hidden;}
.HnewsBox ul li{ padding:20px 25px 10px;}
.HnewsBox ul li .date{ display:block; width:62px; height:50px; float:left; text-align:center; background:#f9f9f9; border:solid 1px #ececec; line-height:18px; font-size:10px; color:#c9c9c9; margin-right:15px;}
.HnewsBox ul li .date h4{ margin:0; padding:10px 0 0; font-size:20px; color:#000; line-height:20px;}
.HnewsBox ul li a{  float:left; display:block; float:left; width:455px; color:#777777; font-size:14px;}
.HnewsBox ul li:hover .date{ display:block; width:62px; height:50px; float:left; text-align:center; background:#017291; border:solid 1px #ececec; line-height:18px; font-size:10px; color:#75a4b6; margin-right:15px;}
.HnewsBox ul li:hover .date h4{ margin:0; padding:10px 0 0; font-size:20px; color:#FFF; line-height:20px;}
.HnewsBox ul li:hover a{  float:left; display:block; float:left; width:455px; color:#017291; font-size:14px;}
/*首页*/

/*about*/
.about{ width:1200px; margin:0 auto;}

/*product*/
.product{ width:1200px; margin:0 auto; padding-bottom:30px;}
.product ul li{ width:270px; height:345px; float:left; text-align:center; position:relative; border:solid 1px #dfe1e3; margin-left:37px; margin-top:40px;}
.product ul .liL{ margin-left:0;}
.product ul li .img{ display:block; width:270px; height:344px; float:left; line-height:344px;}
.product ul li img{ max-height:344px; max-width:270px; vertical-align:middle;}
.product ul li .name{ position:absolute; top:35px; left:0; font-size:24px; display:block; color:#017291; width:270px;}
.product ul li .name .en{ font-size:14px; color:#b2cdd7;}
.product ul li .butt{ position:absolute; top:100px; left:80px; padding:15px 52px; background:url(../images/Por_More2.png) center center no-repeat;}
.product ul li:hover .butt{ background:url(../images/Por_More.png) center center no-repeat;}

/*News*/
.news{ width:1200px; margin:0 auto;}
.NewsF{ width:100%; height:40px; background:#FFF; border-bottom:solid 1px #eeeeee;}
.news ul{ border:solid 1px #eeeeee; background:#FFF; margin:30px 0; padding-bottom:20px;}
.news ul li{ margin:0 25px; border-bottom:dashed 1px #d7d7d7;}
.news ul li .img{ float:left; width:211px; hanging-punctuation:120px; padding:25px 20px 25px 0px;}
.news ul li .img img{ max-width:211px; max-height:120px; vertical-align:middle;}
.news ul li .title{ color:#017291; font-size:16px; font-weight:300; margin:0; padding:20px 0 0;}
.news ul li .title a{ color:#017291}
.news ul li .title a:hover{ color:#02299b}
.news ul li .des{ padding:10px 0px; margin:0; height:55px; color:#999999;}
.news ul li .butt{ background:url(../images/Por_More.png) no-repeat center center; padding:9px 53px;}

.news_info{ border:solid 1px #eeeeee; background:#FFF; margin:30px 0px;}
.News_info{ padding:50px;}
.News_info .info_title{ padding:0px 0px 10px; font-size:18px; font-weight:100; text-align:center;}
.News_info .info_time{ font-size:12px; text-align:center; color:#A1A1A1; font-weight:normal; border-bottom:1px solid #ccc; padding-bottom:5px;}
.News_info .service_pic{ padding:10px 0; text-align:center;}
.News_info .service_pic img{ width:560px; height:456px;}
.News_info .info_txt{ padding:10px 0px;}
.News_info .info_txt{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;}
.News_info .info_back{ color:#999999; padding:10px;  text-align:center;}
.News_info .info_back a{ padding:0px 3px;}
.News_info .info_back .back{ color:#725600; }


/*Recruitment*/
.Recruitment{ border:solid 1px #eeeeee; background:#FFF; margin:30px 0; padding-bottom:20px;}

.Faq_list .title{ width:100%; background:#dcdcdc; height:40px; line-height:40px;}
.Faq_list .title span{ display:block; width:23%; height:40px; float:left;}
.Faq_list .title .one{ margin-left:30px;}
.Faq_list{ margin:40px;}
.Faq_list li{ border-bottom:1px solid #EAEAEA; padding:20px 0px 20px 0px;}
.Faq_list li.last{ border-bottom:0px;}
.Faq_list li .item{ background:url(../images/Recrui_icon1.jpg) 1000px top no-repeat; padding-left:0px; height:16px; line-height:16px; color:#9a3028;}
.Faq_list li .item a{ color:#9a3028; font-size:14px;}
.Faq_list li .item a span{color:#999999; width:23%; display:block; float:left; font-size:14px;}
.Faq_list li .item a .towe{margin-left:30px;}
.Faq_list li.on .item{ border-bottom:1px solid #EAEAEA; padding-bottom:10px;}
.Faq_list li.on .item a{ color:#9a3028; font-size:14px;}
.Faq_list li .txtCont{ display:none; /*background:#f8f8f8 url(../images/Recrui_icon2.jpg) 1000px 35px no-repeat;*/ padding:10px 0 30px 30px; color:#999999; font-size:14px; }
.Faq_list li .txtCont h4{ color:#555555; font-weight:200;}

/*contact*/
.contact{ width:1200px; margin:40px auto;}
.contact .Left{float: left;width: 296px; border:solid 1px #e1e1e1;background-color: #fff;padding-bottom: 43px;}
.contact .h2{border-bottom:dashed 1px #b8b8b8;margin: 29px 19px 0 24px;padding-bottom: 14px;color: #000;font-size: 16px;font-weight: normal;}
.contact .h2 b{font-size: 14px;}
.contact .h4{margin: 18px 19px 0 24px;font-size: 16px;color: #686868;font-weight: normal;}
.contact .Left .p{margin: 10px 19px 0 24px;font-size: 24px;color: #0c2ca2;line-height: 43px;}




.contact .Right{width: 880px;float: right;}
.Map{ width:100%;height: 395px;border:solid 1px #e1e1e1;}
.ContR{width: 100%;/*height:395px;*/ background:#fff; border:solid 1px #e1e1e1;}


/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}
