/* CSS Document */

/*head*/
.head{ position:relative}
.head_top{background:#08407e;border-bottom:1px solid #8abaff;}
.ht_color{color:#fff;}
.head_top{overflow:hidden;height:40px;line-height:40px;}
.head_top span{float:right;margin-left:30px;}
.head_top span img{margin-right:7px; position:relative;top:5px;}
.head_top a{margin-right:10px;color:#fff;}
.head_top a:hover{text-decoration:underline;color:#fff}
.languae{margin-left:9px;}
.backSpan{}
.h_tel{font:400 18px/40px "微软雅黑";color:#fff}
.logo a{display:block}
.logo a img{}
.logo span{font-size: 20px;font-weight:600;color:#000;DISPLAY: INLINE-BLOCK;POSITION:  RELATIVE;TOP: -18PX;}
.nav_bg{padding:15px 0;box-shadow: 0 1px 5px 0 #ababab;}
#nav{height:35px;text-align:center;background:; float:right;/*width:67%;*/}
#nav ul{margin:0 auto;}
#nav>ul>li{float:left;height:40px;position:relative}
#nav>ul>li.line_off{background:none}
#nav>ul>li>a{display:block;float:left;text-decoration:none;height:40px;padding-top:0px;line-height:18px;font-size:16px;color:#666;width:100px;outline:none;position:relative;}
#nav>ul>li>a:hover, #nav .active a, #nav li.sfhover a{color:#08407e;text-decoration:none;font-weight:700}
#nav>ul>li>a span{font-size:8px;-webkit-text-size-adjust:none;line-height:25px;display:block;font-weight:300;cursor:pointer;position:relative;text-transform: uppercase;}
#nav .n{background:url(../image/i2.png) no-repeat 0 4px;width:16px;height:51px;float:left}
.navD{position:absolute;left:-30px;top:33px;width:155px;display:none;padding-top:22px;z-index:9999; padding-bottom:20px}
.navD>a{text-align:center !important;line-height:45px !important;background:#fff; font-size:14px !important; height:45px !important; color:#333 !important; font-weight:300 !important;display:block;border-bottom:1px solid #ccc}
.navD>a:hover{ background:#e6e6e6}
/*mobile nav*/
.MobileNav{ display:none}
.toolbar{position:absolute;top:56px;right:7px}
.menu-button{position:relative;width:34px;height:30px;cursor:pointer; background:#08407e  url(../image/mobile_menu.png) no-repeat center center; margin:0 10px; border-radius:5px}
.menu-left{float:left}
.sidebar{margin:0;padding-top:40px;color:#fff;background:#08407e}
.sidebar h6,.sidebar a{ color:#fff;}
.subNav{cursor:pointer}
.subNav:hover,.navContent li a:hover{ background:#3070cc}
.subNav h6,.subNav a{ line-height:40px; font-weight:300!important; padding:0 20px;font-size:15px;}
.navContent{display:none; background:#8abaff; padding:10px 0}
.navContent li{ height:35px}
.navContent li a{ padding:0 25px; line-height:35px; display:block}



/*ban*/
/*banner*/
.banner{ width:100%; position:relative; overflow:hidden}
.banner img{ width:100%}
.flex-control-nav{position:absolute; bottom:20px;z-index:12;width:100%;text-align:center; left:0 }
.flex-control-nav li{display:inline-block;width:12px;height:10px;margin:0 4px;*display:inline;zoom:1}
.flex-control-nav a{ display:inline-block;width:12px;height:10px;line-height:40px;overflow:hidden;cursor:pointer;background:url(../image/banScorll_ico.png)}
.flex-control-nav .flex-active{background-position:-22px 0px;}
.flex-direction-nav{width:100%; height:; position:absolute; top:40%; z-index:5}
.flex-direction-nav li {width:61px;height:60px;overflow:hidden}
.flex-direction-nav li a{width:61px;height:60px;background:url(../image/banScorll-sides.png) no-repeat;position:absolute; z-index:11;top:50%;margin-top:-30px}
.flex-direction-nav li a.flex-prev{background-position:0 0; left:30px}
.flex-direction-nav li a.flex-next{background-position:-90px 0; right:30px}
.banner .container {position: absolute;left:110px;overflow: hidden;height: 100%; z-index:1000;}
.banner .container .banner-text {position: absolute;top: 0px;left: 15px;width: 440px;height: 100%;background: url(../image/banner-cont-bg.png);left: -540px;filter: alpha(opacity=50);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;overflow: hidden;}
.banner .container  .banner-text h2 { padding: 0px;margin: 0px;}
.banner .container  .banner-text h2 {font-size: 25px;color: #fff; line-height: 72px;text-align: left;margin-bottom: 12px;letter-spacing: 1px;}
.banner .container  .banner-text .text { position: absolute;padding:5%;width:90%;left: 0px;top: 0px;left: -100%;z-index: 99;margin-top:60px;}
.banner .container  p {font-size: 16px; line-height: 30px; color: #fff;
margin-bottom: 10px;}
.banner .container .banner-text a.btn {display:block;width:185px;height:40px;border-radius:5px;line-height:40px}
.banner .container .banner-text a.btn {display: block;width: 185px;height: 40px;border-radius: 5px;line-height: 40px;background: #0a387c;margin-bottom: 16px;text-align: center;color: #fff; position: relative;margin-top:20px;}
.banner .container .banner-list .banner-text a.btn:hover {text-decoration: none;background: #0965e9;}

.InprojectUl>li{float:left;width:30%;margin-right:3%;margin-bottom:20px; position:relative}
.InprojectUl>li img{width:100%; max-height:260px}
.InprojectUl>li:nth-child(3n+3){margin-right:0;}
.InprojectUl>li .pro-text{ position:absolute;bottom:5px;line-height:45px;height:45px;padding:0px 10px;background-color:rgba(0,0,0,.4);width:100%;color:#fff;}
.InprojectUl>li .pro-text a{color:#fff;font-size:12px;}
.InprojectUl>li .pro-text h2{font-size:16px;}

.InaboutUl{margin-top:30px; overflow:hidden}
.InaboutUl li{ float:left; width:32%; margin-right:2%;margin-bottom:2%; position:relative}
.InaboutUl li:nth-child(3n+3){ float:right; margin-right:0}
.InaboutUl li img,.InaboutTxt{ width:100%; display:block}
.InaboutTxt{position:absolute;left:0;bottom:0;padding:10px 0;background:rgba(0,0,0,0.5)}
.InaboutTxt h3,.InaboutTxt p{ padding:0 15px; overflow:hidden;}
.InaboutTxt h3,.InaboutTxt p{ color:#fff}
.InaboutTxt h3{height:22px; line-height:22px;margin-bottom:10px;font-size:18px;}
.InaboutTxt p{ line-height:20px; height:40px;overflow:hidden}





/*.Inproject{ background:#EEEDFDFE1 url(../images/xian_bg.png) no-repeat center top; background-size:100% 100%;}*/
.intit{background:url(../image/xgray_line02.png) repeat-x center;max-width:500px;margin:0 auto;padding-bottom:2%;}
.intit span{background:#fff;max-width:160px;font-weight:;display:block;margin:0 auto;text-align:center;font-size:25px;color:#50545F}
.intit i{color:#6A6E77;margin-top:5px;display:block;font-size:14px;font-weight:600; text-transform:uppercase}
.tit_bottom{text-align:center;font-size:15px;}
/*.intit2 span{background:#EEE url(../images/xian_bg.png) no-repeat center top;max-width:190px}*/
.padding{padding-top:30px;}

/*尾部*/

.link_bg{background:#3B3B3B; overflow:hidden;color:#9F9EA3;padding:10px 0}
.link_bg a{color:#9F9EA3}
.link_tit{color:#fff;line-height:30px}
.link_tit img{margin-right:3px; position:relative;top:3px;}
.link_font{max-width:1060px}
.link_font a{margin:0 2px;padding-bottom:5px;font-size:14px;line-height: 30px;}
.footer{background:#202020;color:#828A7F;padding:10px 0; overflow:hidden}
.footer p{line-height:25px;}
.foot_banqu{width:50%;}
.foot_nav{width:48%;margin-left:2%;}
.foot_nav ul{margin-bottom:18px;margin-top:10px;}
.foot_nav li{float:left;margin:0 2%}
.jiathis_style{float:right;margin-right:30px; width:198px}
.jiathis_style>a{display:block;margin:10px 5px;float:left}
.foot_banqu img{margin-top:15px;}


/*产品中心*/
.tit{color:#08407e;font-size:23px;margin:30px 0;margin-top:4%; font-family:"Microsoft Yahei";}
.tit i{color:#999;font-size:15px;}

.placeIner{padding:15px 0px;}
.placeIner>i{color:#08407e;font-size:16px;}
.cd-nav-trigger img{width:23px;}
.center{ margin-top:15px;}
.center span{ font-size: 25px;text-transform: uppercase; color: #08407e;padding-bottom:5px;}
.mainIner{padding:10px 0}
.pro-Nav{ padding:10px; background:#08407e}
.pro-Nav a{ color:#fff; padding:0 2% 0 1.5%; height:30px;line-height:30px;background:url(../image/pIcon.gif) no-repeat left center}
.rightCtit a.sty,.rightCtit a:hover{color:#A04052}
.productTxt{ margin:40px auto;background:url(404.png) repeat-x left bottom; line-height:25px; padding-bottom:30px}
.rightCul{ overflow:hidden; display:block; margin:20px auto}
.rightCul>li>a{display:block}
.rightCul li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:2%; overflow:hidden}
.rightCul li:nth-child(3n+3){ margin-right:0}
.rightCul li img{ width:100%}
.ulTxt{ position:absolute; left:0; top:89%; background:rgba(0,0,0,0.4); height:100%; width:100%; color:#fff;webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;}
.ulTxt h3{ font-size:16px; margin:10px 20px; height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; line-height:22px}
.ulTxt p{ font-size:13px; line-height:20px; height:60px; overflow:hidden; margin:0 20px}
.ulTxt span{ border:1px solid #ccc; margin:30px 20px; display:inline-block; padding:2px 10px; font-size:12px}
.rightCul li:hover .ulTxt{ top:0;/* background:#A04052*/}
.rightCul li:hover .ulTxt h3{ font-size:18px;margin:35px 20px}
.page{ margin:20px auto; text-align:center}
.page a{ font-size:16px; display:inline-block; width:50px; height:40px; border-radius:6px; background:#DDDDDD; line-height:40px; font-family:Verdana, Geneva, sans-serif}
.page a:hover,a.pageSty{ background:#08407e; color:#fff}





/*联系我们*/
.contact{padding-top:20px;}
.cont_Ltel{max-width:960px;margin:0 auto; overflow:hidden;margin-top:35px;}
.cont_Ltel h4{font-size:27px;margin-bottom:15px;}
.text_tel{float:left;width:30%;margin-top:1.5%;}
.text_tel h5{font-size:19px;margin-bottom:25px;font-weight:600;color:#08407e}
.text_tel p{line-height:28px;margin-top:10px;}
.cont_ererima{width:170px;background:#6a92c6;padding:10px;}
.tel_tit{font-size:17px;margin-bottom:10px;}
.text_tel strong{font-size:15px;}
.map{width:750px;height:320px;margin-right:50px}
#map{width:100%;height:300px;border:1px solid #ccc}
#map img{max-width: inherit;}
.anchorBL{display:none}
.cont_ererima{margin-top:30px}


/*新闻中心*/
.NewsUl li{ width:100%; margin-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:20px}
.NewsUl li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.innewsCont img{ width:16%; float:left}
.innewsCont span{ width:81%; margin-left:20px; float:right}
.innewsCont span h3{ font-size:18px; font-weight:500; width:100%; height:28px}
.innewsCont span p{ height:40px; overflow:hidden;line-height:20px; color:#888; margin:10px 0}
.innewsCont span b{color:#08407e;font-size:13px;}

/*新闻详情*/
.newsCon .titleT{ text-align:left; background:url(404.png) repeat-x left bottom; padding-bottom:10px; margin-bottom:5px}
.newsCtit{ height:25px; line-height:25px; margin-bottom:30px}
.newsCtit span{ color:#999; margin-right:20px}
.newsCtxt{ line-height:20px}
.newsCtxt p{ margin-top:20px;line-height:25px;}
.newsCtxt>img{ width:100%; margin:20px auto}
.titleT,.newsCon .titleT{ color:#08407e}


/*产品详情*/
.det_top,.det_btxt{ overflow:hidden;margin-bottom:30px}
.le_img{ width:45%; height:auto; float:left;border:1px solid #ccc;padding:10px}
.det_top img{width:100%; height:auto; }
.det_topt{ width:52%; height:auto; float:right; margin-left:20px;}
.det_topt span,.det_tit{ display:block;padding-bottom:10px; border-bottom:2px solid #08407e;color:#08407e; font-size:17px; font-weight:bold;}
.det_topt h4{ font-size:14px; display:block; margin:5px 0px;}
.det_topt p{ line-height:25px; margin-bottom:10px; margin-top:10px}
.det_bot{padding-top:15px;}
.det_tit{border-bottom:1px dashed #08407e; padding-left:10px;}
.det_btxt p{ line-height:25px; margin:10px;}
.det_btxt table{ text-align:center; width:100% !important; margin-top:20px}
.det_btxt table .trbg{ background:#eee;}
.det_btxt table tr td{ line-height:18px; border:1px solid #ccc; padding:7px 0px;}
.det_btxt p img{ float:left; width:300px; height:200px; display:block; margin-right:35px;}


/*关于我们*/
.about{ overflow:hidden; margin:40px auto}
.about p{ line-height:25px; margin-bottom:15px; text-indent:2em;}
.about>img,.iconSul li img,.newsImg img{ width:100%}



/*资料下载*/
.downTitle{ height:35px; line-height:35px; background:#f1f1f1; padding:0 0 0 10px; overflow:hidden}
.downTitle p,.spanW,.downUl li p{ display:inline-block; font-size:15px; overflow:hidden;}
.pW{ width:420px; color:#08407e; float:left}
.spanW{ float:right;width:440px}
.spanW p{text-align:center; width:100px}
.pW2{ width:130px !important}
.downUl li{ height:30px; line-height:30px; clear:both; overflow:hidden; margin:5px 0}
.downUl li p{ font-size:14px; margin:0}
.downUl li .pW a{ width:430px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; padding-left:10px}

/*诚聘英才*/
.horses_down, .horses_down ul{ overflow:hidden};
.recruit{ margin:0 auto 30px}
.recruit-txt{ margin:30px 0; overflow:hidden}
.recruit-txt h3{ font-size:14px; line-height:25px; padding-bottom:10px; color:#a4a4a4}
.zhaop_nr{ border:1px solid #ddd; margin-top:8px; overflow:hidden;}
ul.zhaop_bt{ cursor:pointer; height:45px; overflow:hidden}
ul.zhaop_bt li{ float:left;height:45px; line-height:45px; text-align:center; width:25%}
.horses_down,.horses_down ul{ overflow:hidden}
.reCUl{width:100%}
.reCUl li{ background:#a4a4a4; height:40px;line-height:40px; color:#fff; font-size:14px; width:25%; text-align:center; float:left;}
.zhaop_cont{display:none;overflow:hidden; border-top:1px solid #666; padding:20px; background:#f9f9f9}
.zhaop_cont h1{font-size: 16px;font-weight: 600;margin-top: 10px;margin-bottom:  10px;border-bottom:  1px solid #ccc;padding-bottom: 10px;}
li.zhaop_sj{ line-height:31px;}
a.zhaop_hui{ display:inline-block; width:30%; height:25px; line-height:25px; cursor:pointer; background:#C33; border-radius:5px; color:#fff; font-size:12px;}
a.zhaop_hui:hover{ background:#900}
.zhaop_wz p{line-height:24px; margin-bottom:5px }
.recruit-txt p{line-height:30px;}


/*产品中心*/
.InnerLeft{ width:20%}
.InnerLeft h2{ height:60px; line-height:60px; background:#08407e; color:#fff; font-size:23px; padding-left:20px; border-radius:2px 2px 0 0; letter-spacing:2px}
.InnerNavUl{ overflow:hidden; margin-bottom:30px}
.InnerNavUl li{ height:45px;border:1px solid #ccc; border-top:none; padding-right:20px}
.InnerNavUl li a{ line-height:44px; padding-left:20px;background:#FFF url(404.png) no-repeat right center; display:block}
.sty a{ color:#d9151d !important}
.InnerRight{ width:78%; border:1px solid #ccc;box-shadow: 0px -1px 5px #bbb;background: #fff;padding: 2% 3%; line-height:25px; margin-bottom:30px}

.Ipro_list li{float:left;width:31%;background:#fff;padding:2%;text-align:center;border:1px solid #ddd;margin-right:3%;box-shadow: 1px 1px 10px #dadada;margin-bottom:2.8%;}
.Ipro_list li:hover{ opacity:0.7;}
.Ipro_list li img{display:block;width:100%;margin:0 auto;border:0px solid #ccc;border-radius:5px; max-height:166px;}
.Ipro_list li:nth-child(3n+3){margin-right:0;}
.Ipro_list li p{display:block;margin-top:20px;font-size:14px;color:#333;height:25px; overflow:hidden}



/*首页*/
.in_title big { display: block;color: #434343;font-size: 22px;float: left;line-height: 37px;max-width: 200px;overflow: hidden;height: 45px;position: relative;}
.in_title big:after {content: "";position: absolute;width: 40px;height: 1px;background: #ccc;bottom: 0;left: 0;}
.in_title small {display: block;color: #0f43a7;font-size: 16px;text-transform: uppercase;float: left;line-height: 42px;margin-left: 10px;max-width: 250px;overflow: hidden;height: 40px;position: relative;}
.in_title .in_more {display: block;float: right;width: 80px;height: 25px;border: 1px solid #d6d6d6;text-align: center;
vertical-align: middle;line-height: 25px;overflow: hidden; margin-top: 10px;}

.in_title .in_more:hover{background:#0f43a7;color:#fff;border:1px solid #0f43a7}
.Inew_left{width: 47%;margin-right: 5%;}
.Inew_right{width:47%;}
.innew_list{margin-top:20px;}
.innew_list li{ overflow:hidden;margin-top:18px;}
.Inew_font{margin-left:10px;color:#333;width:80%}
.Inew_font h3 a{ height:23px; line-height:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.Inew_font a:hover{text-decoration:underline;color:#0f43a7}
.Inew_font h3 a{color:#333;font-size:16px;margin-bottom:8px;display:block}
.Inew_font p {line-height:20px;font-size:13px;overflow:hidden}
.Inew_font p a{color:#666;font-size:14px;}
.innew_date{background:#81878F;color:#fff;padding:10px 0;width:80px;text-align:center;}
.innew_date strong{display:block;font-size:25px;margin-bottom:8px;}
.Inew_Rfont{ overflow:hidden;margin-top:18px;}
.Inew_Rfont li{border-bottom:1px dotted #ccc;padding-bottom:10px;margin-bottom:10px;}
.Inew_Rfont span{font-size:16px;margin-bottom:11px;display:block}
.Inew_Rfont span a{color:#333}
.Inew_Rfont span a:hover{color:#0f43a7;}
.Inew_Rfont span img{margin-right:10px;}
.Inew_Rfont p{font-size:14px;}
.Inew_Rfont p img{margin-right:7px; position:relative;top:5px;}

.com_list li{float:left;border:1px solid #ccc;margin-right:1%;margin-bottom:1%;padding:0% 2%;width:11.5%}
.com_list li img{width:100%;}
.com_list li:nth-child(8n+8){margin-right:0px;}



.i_news li{float:left; display:inline-block; margin-right:30px; width:380px; background:#f7f7f7;}
.i_news li:nth-child(3n){margin-right:0px;}
.i_news li i{ display:block; width:100%; height:220px; overflow:hidden;}
.i_news li i img{width:100%; max-height:280px;}
.i_news li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_news li h4{ display:block; padding:10px 20px 0; font-size:16px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; color:#4c4c4c;}
.i_news li h4:hover{color:#0f43a7}
.i_news li span{ display:block; padding:0 20px; height:50px; line-height:25px; overflow:hidden; }
.i_news li dl{ border-top:1px solid #dcdcdc; width:340px; margin:5px auto 0;line-height:45px;}
.i_news li dl dt{float:left;}
.i_news li dl dd{float:right;}

/*合作伙伴*/
.index_partner{ width: 1200px; border: 1px solid #dadada; padding: 0px 14px; margin: 0px auto;}
.index_partner .partner_title{width: 150px;color: #333;font-size: 22px;font-weight: bold;text-align: center;padding: 40px 0px;float: left;}
.index_partner .partner_title i{width: 40px;height: 3px;background-color: #0f43a7;margin: 0px auto;display: block;margin-top: 10px;}
.mr_frbox {width: 1020px;margin: 0 auto;float: right;margin-top: 22px;}
.mr_frBtnL {float: left;cursor: pointer;display: inline;margin-top: 30px}
.mr_frUl {float: left;height: 80px;width:90%;margin-left: 10px;margin-right: 10px}
.mr_frBtnR {float: right;cursor: pointer;margin-top: 30px}
.mr_frUl ul li {display: inline;float: left;height: 77px;width: 182px;overflow: hidden;margin: 0 6px}
.mr_frUl ul li img {display: block;width: 100%;border: 1px solid #ddd;height: 75px}
.mr_frUl a {width: 182px;height: 77px;display: block;overflow: hidden;position: relative}
.mr_frUl a img {position: absolute;top: 0;left: 0}
.mr_frUl a:hover img {border: 1px solid #ccc}