@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:1100px;
}
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; color:#fff;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
/*初始化样式*/

/*页面框架结构*/
.Contain{width: 1100px; margin: 0 auto; padding-bottom: 86px;}
.SildeBar{width: 222px; float: left; position: relative; margin-top: -81px;}
.MainContent{width: 810px; float: right;}
.Content{}
.SinglePage{ /*单片*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}

.Menu_header{width: 182px; height: 81px; line-height: 81px; color: #fff; font-size: 22px; padding-left: 40px; background: url(../images/header_Tbg.jpg) 0 0 no-repeat; position: relative;}
.Menu_header i{width: 11px; height: 2px; background: #fff; position: absolute; top: 50%; margin-top: -1px; left: 20px;}
.MenuList{background: #f8f8f8; min-height: 618px;}
.MenuList ul li{position: relative;}
.MenuList ul li>a{height: 52px; line-height: 50px; padding: 0 40px 0 20px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-size: 14px; padding-bottom: 4px; background: url(../images/side_bg1.png) 0 0 repeat-x; position: relative;}
.MenuList ul li>a i{width: 6px; height: 9px; position: absolute; top: 50%; margin-top: -5px; right: 20px; background: url(../images/arrow1.png) 0 0 no-repeat;}
.MenuList ul li:hover>a,.MenuList ul li.on>a{background: url(../images/side_bg.png) 0 0 repeat-x; color: #fff;}
.MenuList ul li>a:hover i,.MenuList ul li.on>a i{background: url(../images/arrow2.png) 0 0 no-repeat;}
.MenuList ul li .nav_list{position: absolute; top: 100%; left: 0;}
.MenuList ul li .nav_list dd{float: left; width: 232px; height: 58px;}
.MenuList  dl{display: none;}
.MenuList  dl.on{display: block;}
.MenuList  dd{height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2; background: #F3F3F3;}
.MenuList  dd a{padding: 0 20px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.MenuList dd.on a,.MenuList dd:hover a{color: #3183E9;}

.Current{padding: 30px 0 8px 0; border-bottom: 1px solid #e5e5e5; font-size: 14px; color: #888;}
.Current a{color: #888;}
.Current span{color: #3183e9;}
.Current a:hover{color: #3183e9;}

/*分页*/
.Pages{margin: 40px 0; padding:10px 0; line-height:18px; zoom:1; overflow:hidden; text-align: right;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; color: #0e2d43;}
.Pages a:hover{color:#fff; border:solid 1px #f1f1f1; background:#3183e9;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ padding:5px 10px; border:solid 1px #e1e1e1; background:#fff;}
.Pages .p_page em a:hover{color:#fff; border:solid 1px #f1f1f1; background:#3183e9;}
.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #f1f1f1; background:#3183e9;}
.Pages .p_page b{ font-weight:normal;}
.Pages .a_prev,.Pages .a_next{padding:5px 30px; border:solid 1px #e1e1e1; background:#fff; color: #666; margin: 0 20px;}
.Pages .a_next{margin-right: 0;}
.Pages .a_first,.Pages .a_end,.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;}
/*分页*/

/*Top*/
.header{width: 1100px; margin: 0 auto; padding: 12px 0; position: relative;}
.header .logo{float: left;}
.header .logo img{display: block;}
.header .header_text{position: absolute; right: 0; bottom: 0; font-size: 16px; color: #343434; line-height: 24px; overflow:hidden;}
.header .header_text em{color: #e60000; font-weight: bold; margin: 0 12px; }
.header .header_text b{ width:88px; display:inline-block; text-indent:600px;  background: url(../images/logofont.png) no-repeat left; background-size:82px;}

.Top{width: 100%; height: 40px; background: #3183e9; position: relative;}
.MainNav{width: 1100px; margin: 0 auto; background: url(../images/nav_line.png) 0 0 no-repeat;}
.MainNav ul li{float: left; width: 157px; float: left; line-height: 40px; text-align: center; font-size: 16px;background: url(../images/nav_line.png) 100% 0 no-repeat;}
.MainNav ul li>a{height: 32px; color: #fff; display:inline-block;  *zoom:1; *display:inline;/* padding: 0 32px;*/ width:80px;}
.MainNav ul li>a:hover,.MainNav ul li.on>a{border-bottom: 3px solid #fff; }
.MainNav ul li .nav_list{position: absolute; top: 100%; left: 0;padding:33px 0; width: 100%; z-index: 10;display: none;  background:url(../images/top_navbg.png) repeat; border-top:solid 10px #fff;}
.MainNav ul li .nav_list dl{width: 1100px; margin:auto; }
.MainNav ul li .nav_list dl dd{float: left; width: 202px; background: #eee; height: 46px; line-height: 46px; padding: 6px; font-size: 16px;  margin: 0 6px 6px 0;}
.MainNav ul li .nav_list dl dd:hover a,
.MainNav ul li .nav_list dl dd a:hover{color: #3183e9;}
.MainNav ul li .nav_list dl dd img{float: right; width: 69px; height: 46px;}
.MainNav ul li .nav_list dl dd:hover{ background:url(../images/top_navbg_hover.png)}

.MainNav ul li .nav_list.News{text-align:center;}
.MainNav ul li .nav_list.News dl dd{ float: inherit; display: inline-block; }
.MainNav ul li .nav_list.service dl dd,.MainNav ul li .nav_list.Contact dl dd{float: right;}

.Top_bg{width: 100%; height: 166px;background:url(../images/top_navbg.png) repeat; position: absolute; top: 100%; left: 0; z-index: 9;  margin-top: 10px; display: none;}
/*Top*/

/*Bottom*/
.BottomW{width: 100%; background: #fafafa; padding: 30px 0 20px 0;  border-top: 1px solid #dfdfdf;}
.Bottom{width: 1100px; margin: 0 auto;}
.BottomLinks{text-align: center;}
.BottomLinks a{display:inline-block;  *zoom:1; *display:inline; font-size: 14px; color: #333; margin: 0 40px;}
.BottomLinks a:hover{ color:#3183e9}
.Bottom dl{text-align: center; height: 20px; line-height: 20px; margin-top: 30px;}
.Bottom dl dd{display:inline-block;  *zoom:1; *display:inline; margin: 0 32px; color: #888; font-size: 14px; padding-left: 24px;}
.Bottom dl dd.icon1{background: url(../images/icon1.png) 0 0 no-repeat;}
.Bottom dl dd.icon2{background: url(../images/icon2.png) 0 0 no-repeat;}
.Bottom dl dd.icon3{background: url(../images/icon3.png) 0 0 no-repeat;}

.footerW{width: 100%;height: 57px; line-height: 57px; background: #1b1b1b;}
.footer{width: 1100px; margin: 0 auto; color: #777;}
.footer .footerLink a:hover{color: #fff;}
.footer .footerLink{float: left; width: 400px;}
.footer .footerLink em{margin: 0 12px;}
.footer .footerLink a{color: #777;}
.footer .cop{float: right; color: #777;}
.footer .cop a{color: #777;}
.footer .cop a:hover{color: #fff;}
/*Bottom*/


/*Banner*/
.HomeBan{ width:100%; height:509px; z-index: 1; position: relative; margin-top: 10px;}
.HomeBan .BanList{ width:100%; height:509px; overflow: hidden; text-align: center; position: relative;}
.HomeBan .BanList li{ width:300%; height:509px;  margin-left: -100%; }
.HomeBan .BanList li a{ width:100%; display:block; }
.HomeBan .BanList li a img{height: 509px;}
.HomeBan .prev{width: 55px; height: 55px; background: url(../images/ban_arrowl.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -650px; top: 50%; margin-top: -28px; z-index: 10;}
.HomeBan .next{width: 55px; height: 55px; background: url(../images/ban_arrowr.png) 0 0 no-repeat;  position: absolute; left: 50%; margin-left: 595px; top: 50%; margin-top: -28px; z-index: 10;}


.Banner{width: 100%; height: 320px; overflow: hidden; margin-top: 10px; border-top: 1px solid #dceaef; }
.sub_banner{width: 300%; height: 320px; margin-left: -100%; text-align: center;}
/*Banner*/

/*首页*/
.H_about{width: 960px; margin: 0 auto; padding: 55px 80px; height: 174px; background: url(../images/about_bg.png) 0 0 no-repeat; position: relative; margin-top: -30px; z-index: 10;}
.H_about .left{width: 610px;  float: left;}
.H_about .title{font-size: 22px; font-weight: bold; color: #3183e9; position: relative;}
.H_about .title i{width: 43px; height: 4px; background: #3183e9; position: absolute; bottom: 0; left: 0;}
.H_about .title .more{float: right; height: 35px; line-height: 35px; background: url(../images/more.jpg) 0 0 no-repeat; padding-left: 17px; width: 88px; color: #fff; font-weight: normal; font-size: 14px;}
.H_about .pic{float: right; width: 284px; height: 162px;}
.H_about .pic img{display: block; width: 284px; height: 162px;}
.H_about .text{margin-top: 25px; font-size: 14px; color: #666;}


.H_pro{width: 1100px; margin: 30px auto 0;}
.H_proT{height: 65px; text-align: center; position:relative;}
.H_proT .en{font-family: "Arial"; font-size: 90px; font-weight: bold; color: #f7f7f7; text-transform: uppercase; line-height: 70px;}
.H_proT .cn {width: 100%; text-align: center; position: absolute; top: 0; left:0; padding-top: 16px; font-size: 22px; color: #3183e9; font-weight: bold;}
.H_proT .cn i{width: 43px; height: 4px; background: #3183e9; margin: 8px auto 0; display: block;}

.H_proList{overflow: hidden; margin-top: 20px;}
.H_proList ul{margin-right: -20px; }
.H_proList ul li{float: left; width: 255px; margin:20px 20px 0 0; position: relative; background: #f1f1f1; transition: 0.5s;}
.H_proList ul li i{position: absolute; width: 100%; left: 0; top: 0; height: 4px; background: #5a9ced; display: none;}
.H_proList ul li .pic{display: block; width: 255px; height: 298px;}
.H_proList ul li img{width: 255px; height: 298px; display: block;}
.H_proList ul li .tip{position: absolute; bottom: 0; left: 0; width: 195px; height: 40px; line-height: 40px;  background: url(../images/tip_bg1.png) 0 0 no-repeat; padding: 0 30px; text-align: right; color: #010101; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.H_proList ul .li1,.H_proList ul .li6{width: 530px;}
.H_proList ul .li1 img,.H_proList ul .li6 img{width: 530px; height: 298px;}
.H_proList ul .li1 .tip,.H_proList ul .li6 .tip{width: 470px; background: url(../images/tip_bg2.png) 0 0 no-repeat;}
.H_proList ul li:hover{background: #ffffff; box-shadow: 2px 2px 11px #ccc;}
.H_proList ul li:hover i{display: block;}
.H_proList ul li:hover .tip{background: url(../images/tip_bg3.png) 0 0 no-repeat; color: #fff;}
.H_proList ul .li1:hover .tip,.H_proList ul .li6:hover .tip{background: url(../images/tip_bg4.png) 0 0 no-repeat; color: #fff;}


.H_newsW{margin-top: 60px; width: 100%; background: #3183e9; padding: 50px 0 80px 0;}
.H_news{width: 1100px; margin: 0 auto;}
.H_newT{color: #fff;} 
.H_newT .title{margin: 0; padding-bottom: 10px; font-size: 22px; position: relative; display:inline-block;  *zoom:1; *display:inline; }
.H_newT .title i{position: absolute; bottom: 0; left: 0; width: 43px; height: 4px; background: #fff;}
.H_newT .more{padding-right: 40px;float: right; font-size: 14px;display:inline-block;  *zoom:1; *display:inline; background: url(../images/more2.png) 100% 50% no-repeat; color: #fff;}
.H_news .left{width: 509px; float: left;}

.H_newList .pic{width: 509px; width: 143px;}
.H_newList .pic img{width: 100%; height: 143px;}
.H_newList li.top {padding-top: 30px;}
.H_newList li.top .title{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; font-size: 16px; margin-top: 20px; }
.H_newList li.top .title span{float: right; color: #adc7f4; font-size: 12px;}
.H_newList li.top .text{font-size: 14px; color: #f1f7ff; margin-top: 10px;}
.H_newList li{padding: 14px 0; border-bottom: 1px dotted #579aed;}
.H_newList li .tip{font-size: 14px; display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; background: url(../images/icon_tip.png) 0 50% no-repeat; padding-left: 12px;}
.H_newList li .time{float: right;  color: #adc7f4; font-size: 12px;}
.H_news .right{width: 509px; float: right;}
.H_newList li.top .title:hover,.H_newList li .tip:hover{color: #cfe5ff;}
.H_video{margin-top: 30px;}
.H_video video{width: 100%; height: 374px; background: #000;}
/*首页*/

.about{padding: 40px 0;}
.about video{width: 100%; height: 400px; background: #000;}
/*合作伙伴*/
.partner {overflow: hidden; margin-top: 35px;}
.partner ul{margin-right: -15px;}
.partner ul li{width: 191px; float: left; margin: 15px 15px 0 0;}
.partner ul li .pic{display: block; border:2px solid #eeeeee;}
.partner ul li .pic img{display: block; width: 187px; height: 68px;}
.partner ul li .title{padding: 10px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:block; font-size: 14px; color: #666;}

/*产品*/
/*.pro {overflow: hidden;}*/
.pro ul {margin-right: -21px;}
.pro ul li{float: left; width: 258px; height: 279px; margin: 19px 19px 0 0; position: relative; background: #f1f1f1;} 
.pro ul li i{position: absolute; top: 0; left: 0; height: 4px; width: 100%; background: #3183e9; display: none;}
.pro ul li img{display: block; width: 258px; height: 279px; }
.pro ul li .title{width: 208px; padding: 0 25px; height: 40px; line-height: 40px; background: url(../images/pro_title.png) 0 0 no-repeat;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #333; position: absolute; bottom: 0; left: 0; text-align: center;} 
.pro ul li:hover{background: #fff;  box-shadow: 2px 2px 11px #ccc;}
.pro ul li:hover .title{background: url(../images/pro_title2.png) 0 0 no-repeat; color: #fff;}
.pro ul li:hover i{display: block;}

.pro_info{padding: 20px 0;}
.pro_info .title{text-align: center; font-size: 18px; color: #333; }
.pro_info video{ background:#000; margin:15px 0;}
.pro_info .text{margin-top: 20px;}
.pro_info .text img{max-width: 100%;}

/*新闻列表*/
.news{margin-top: 30px;}
.news ul{margin-left: -10px;}
.news ul li{width: 810px; height: 179px; padding: 5px 9px 13px 9px; margin-top: 10px;}
.news ul li .box{ background: #f8f8f8; height: 157px;  padding: 11px;}
.news ul li .pic{float: left; width: 239px; height: 156px;}
.news ul li .pic img{ width: 239px; height: 156px;}
.news ul li .con{width: 510px; float: right;}
.news ul li .title{font-size: 16px; color: #333; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px;}
.news ul li .title:hover{color: #3183E9;}
.news ul li .title span{float: right;  display:inline-block;  *zoom:1; *display:inline; color: #888;  font-size: 12px;}
.news ul li  .text{font-size: 14px;color: #888; margin-top: 10px;}
.news ul li  .more{color: #3183e9; font-size: 14px; margin-top: 20px; display:inline-block;  *zoom:1; *display:inline; }
.news ul li:hover{background: url(../images/about_bg2.png) 0 0 no-repeat;}


/*详细*/
.news-info {padding:40px 2%;}
.news-info .h5{ text-align:center; color:#666; font-size:20px;font-weight:normal;}
.news-info .time{ text-align:center; margin-top: 10px; color: #666;}
.info_other{padding: 40px 2%; color: #666;}
.info_other span{ padding:2px 0; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px;}
.info_other span a:hover{color: #3183E9;}
.info_other span.back a{ display:inline-block; color:#fff; padding:0.2% 3%; border-radius:25px; background-color:#3183E9;}
.news-info .con{margin-top: 20px;}


.Industry video{margin-top: 32px; width: 100%; height: 576px; background: #000;}
.Industry .pic{margin-top: 28px; padding-top: 22px; border-top: 1px solid #e3e3e3;}
.Industry .pic .Industry_big{width: 676px; height: 435px; float: left; overflow: hidden;}
.Industry .pic .Industry_big img{width: 676px; height: 435px;}
.Industry .pic .Industry_min{width: 112px; padding: 12px 0; float: right; position: relative;}
.Industry .pic .Industry_min ul li{padding: 5px 0; cursor: pointer;}
.Industry .pic .Industry_min li.on img{border: 1px solid #3183e9;}
.Industry .pic .Industry_min img{width: 110px; height: 92px; display: block; border: 1px solid #fff;}
.Industry .pic .Industry_min .prev{width: 100%; height: 6px; position: absolute; background: url(../images/arrowT.png) 50% 0 no-repeat; top: 0; left: 0;}
.Industry .pic .Industry_min .next{width: 100%; height: 6px; position: absolute; background: url(../images/arrowB.png) 50% 0 no-repeat; bottom: 0; left: 0;}


/*人才招聘*/
.join{margin-top: 50px;}
.join dt{height: 48px; line-height: 48px; color: #fff; background: #058ee8; font-size: 16px;}
.join dt .title{padding: 0 20px; width: 326px; float: left; text-align: left;}
.join dt span{float: left; width: 148px; display: block; text-align: center;}
.joinT{height: 61px; line-height: 61px; border-bottom: 1px solid #e0e0e0; cursor: pointer;}
.joinT .title{padding: 0 20px; width: 326px; float: left; text-align: left;}
.joinT span{float: left; width: 148px; display: block; text-align: center; font-size: 14px; color: #666; position: relative;}
.join dd .joinT i{width: 8px; height: 13px; position: absolute; top: 50%; margin-top: -7px; right: 14px; background: url(../images/join_arrow1.png) 0 0 no-repeat;}
.join dd.on .joinT i{width: 13px; height: 8px; margin-top: -4px; background: url(../images/join_arrow2.png) 0 0 no-repeat;}
.join .text{background: #fbfbfb; padding: 20px; font-size: 14px; color: #666; border-bottom: 1px solid #dddddd; display: none;}

/*下载*/
.Dowd{}
.Dowd li{ font-size: 14px; color:#666666; border-bottom:solid 1px #e5e5e5; line-height: 29px; padding:10px 0; background: url(../images/dian_icon.png) left center no-repeat; float: left; width: 100%;}
.Dowd li a span{ float: left; display: inline-block; width: 630px;padding: 0 20px;}
.Dowd li a i{  display: inline-block; width: 108px; height: 29px; float: right; background: url(../images/Dow_icon2.png) center no-repeat;}
.Dowd li:hover a i{ background: url(../images/Dow_icon.png) center no-repeat;}
.Dowd li a:hover{ color:#3183e9; }

/*联系我们*/
.Map{ width: 100%; height: 350px; overflow: hidden; }
.ContTex{ border-bottom:solid 1px #e5e5e5; font-size: 14px; color:#666666; padding-bottom:10px; margin-bottom: 50px;}
.ContTex h4{ color:#3183e9; font-size: 20px; margin:30px 0 10px; font-weight:inherit; }


/*在线留言*/
.Zxliuy{ overflow: hidden; }
.liuYaT{ text-align: center; overflow: hidden;}
.Zxliuy .h4{ font-size: 22px; text-align: center; font-weight:inherit; color:#3183e9; margin: 40px 0;}
.formBox{ font-size: 14px; color:#333333; }
.formBox ul{margin-left: 18px;}
.formBox li{ margin-top:20px; float: left; width: 100%; }
.formBox li.wid50{ width: 50%; float: left; line-height: 40px; }
.formBox li.wid50 .Title{ float: left; min-width:50px;}
.formBox li.wid50  input{ width:320px; border:solid 1px #e5e5e5; line-height: 40px; height: 40px; }
.formBox li .btn{ display: block; width: 140px; height:50px; line-height: 50px; background:#3183e9; font-size: 16px; color:#FFF; font-family: "Microsoft YaHei"; text-align: center; margin-left: 50px; }
.form_err{ color:red; }
.formBox li .Title{ float: left; line-height: 40px;  min-width:50px;}
.formBox li input{ width:715px; border:solid 1px #e5e5e5; line-height: 40px; height: 40px; padding:0 5px;}
.formBox li textarea{ width:715px; height: 190px; border:solid 1px #e5e5e5; line-height: 40px; padding:0 5px;}


/*友情链接*/
.links{}
.links li{ width: 25%; float:left; }

/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}


/*悬浮*/
.XfBox{position: fixed;right: 1%;top: 25%;width: 64px;z-index: 999; display: none;}
.XfBox a{display: block;width: 64px;height: 64px;margin-bottom: 1px;background-color: #cdcdcd;background-repeat: no-repeat;background-position: center;}
.XfBox a:hover{background-color: #418eed;}
.XfBox a.XfBoxA3{background-image: url(../images/fx_ico3.png);}
.XfBox a.XfBoxA4{background-image: url(../images/fx_ico4.png);}
.XfBox a.XfBoxA6{background-image: url(../images/fx_ico7.png);}
.XfBox a.BackTop{background-image: url(../images/fx_ico5.png);}
.XfBox a.XfBoxA3{position: relative;}
.XfBox a.XfBoxA3 picture{z-index: 2;display: none;background: #418eed;padding:5px;width:100px;height:100px;position: absolute;left:-112px;top:0;}
.XfBox a.XfBoxA3 picture img{display: block;width: 100%;height: 100%;}
.XfBox a.XfBoxA3:hover picture,.XfBox a.XfBoxA6:hover .XfTel{display: block;}

.XfBox .XfTel{ display: none; margin-left: -142px; font-size: 18px; background: #418eed; width: 140px; text-align: center; color: #FFF; padding: 8px 0; }