﻿*{ font-family: "微软雅黑";}
ul,ol{
	list-style: none;
}
a{
	text-decoration: none;
	color: inherit;
	transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s; 
	
}
li a{width: 100%;height: 100%;}
body{overflow-x: hidden;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;box-sizing: border-box;}
button{cursor: pointer;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{clear: both;}
/*head*/
.header{
	margin: 0 auto;
	padding: 0;
}
/*top_bar*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main_container{
	width: 1200px;
	min-width: 1200px;
	height: 100%;
	margin: 0 auto;
}


/*logobar*/
.logo_bar{
	width: 100%;
	height: 125px;
}
h3.logo {
	float: left;
	margin-top: 16px;
}
h3.logo img{float: left;}

.lb_r{float: right;margin-top: 16px;}
.lbru_nr{overflow: hidden;float: right;}
.txx{overflow: hidden;float: left;}
i.ico_ttel{display: inline-block;background: url(../images/ttel.png) no-repeat;width: 165px;height: 44px;float: left;}
.txx h6{float: left;font-size: 24px;color: #174eb2;font-weight: bold;line-height: 44px;}
i.ico_shu{width: 1px;height: 29px;display: block;background: #dddddd;float: left;margin: 0 10px;margin-top: 6px;}
.msearch{float: left;width: 214px;height: 26px;position: relative;margin-top: 6px;}
.msearch input{outline: none;width: 214px;height: 26px;border-radius: 100px;border: 1px solid #dddddd;padding-right:28px;box-sizing: border-box;padding-left: 15px;font-size: 14px;color: #999999;}
a.ms_sousuo{display: block;background: url(../images/sousuo.jpg) no-repeat;width: 20px;height: 20px;position: absolute;right: 8px;top: 3px;}
.yuyan{float: right;margin-top: 10px;margin-left: 19px;font-size: 12px;color: #999999;font-weight: bold;}
.yuyan span{display: inline-block;margin: 0 8px;}
.yuyan a.on,.yuyan a:hover{color: #124fa4;}

/*narbar*/

ul.nav{width: 940px;border-top: 1px solid #e5e5e5;}
.nav .nLi h3{height: 100%;}
.nav .nLi h3 a{display:block;box-sizing: border-box;cursor: pointer;text-align: center;}


.nav_yc{
    display:none;
    position:absolute;
	top:62px;
	
    left: 50%;
    margin-left: -60px;
    width: 120px;
    padding: 10px 0;
    background: rgba(245,245,245,.8);
	font-size:14px;
	z-index:999;
}
.nav_yc li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
}
ul.nav li .nav_yc li:hover
{
	background: #184fb3;color: #FFFFFF;
}

ul.nav>li{width: 130px;height:62px;text-align:center;line-height:62px; float:left;position:relative;display:inline;font-size: 14px;color: #333333;}
ul.nav>li:last-child{margin-right: 0;}
ul.nav>li.on>h3>a{background: url(../images/li_on.png) no-repeat center;color: #184fb3;}
ul.nav>li.on>h3>a span{display: none;}
ul.nav>li:hover i.ico_yuan{display: block;}
i.ico_yuan{width: 10px;height: 10px;border: 1px solid #FFFFFF;border-radius: 50%;display: block;position: absolute;bottom: 4px;left: 50%;margin-left: -5px;display: none;}
ul.nav>li a{display: block;}
ul.nav>li>h3>a>span{display: inline-block;font-size: 12px;color: #999999;margin-left: 8px;}
/*banner*/
.mbanner{width:100%; height:500px;}
.mbanner .slideBox{ width:100%; height:500px; overflow:hidden; position:relative; }
.mbanner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:25px; z-index:1;  margin-right: -29px;}
.mbanner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mbanner .slideBox .hd ul li{ float:left; margin-right:15px;  width:14px; height:14px;  border-radius:50%; border:1px solid #184fb3; cursor:pointer; }
.mbanner .slideBox .hd ul li.on{ background:#184fb3;}
.mbanner .slideBox .hd ul li:last-child{margin-right: 0;}
.mbanner .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.mbanner .slideBox .bd ul{height: 100%;width:100%}
.mbanner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.mbanner .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.mbanner .slideBox .bd img{ width:100%; height:100%; display:block;  }

/**footer*/
.footer{background: #202020;padding-top: 58px;padding-bottom: 20px;}
.ft_tit{font-size: 16px;color: #666666;}
.ft_tit h6 em{font-style: normal;color: #FFFFFF;}
.ft_xian{width: 62px;height: 1px;background: #f08519;margin-top: 16px;}
.ft_u{overflow: hidden;}
.express{overflow: hidden;float: left;}
.express ul{float: left;margin-right: 65px;}
.express ul:last-child{margin-right: 0;}
.express ul li{color: #999999;font-size: 13px;line-height: 30px;}
.exp_con{margin-top: 18px;overflow: hidden;}
.exp_con ul li a:hover{color: #FFFFFF;} 
.ft_contact{float: left;margin:0 130px;}
.ft_contact p{font-size: 13px;color: #999;line-height: 30px;margin-top: 10px}
.ft_er{float: right;}
.ft_er_con{margin-top: 18px;overflow: hidden;}
.er_box{overflow: hidden;width: 140px;float: left;}
.er_box:first-child{margin-right: 25px;}
.er_pic{width: 108px;height: 108px;float: left;}
.er_pic img{width: 100%;height: 100%;}
.er_txt{width: 32px;height: 108px;border: 1px solid #FFFFFF;float: left;color: #FFFFFF;text-align: center;padding-top: 20px;font-size: 12px;padding-left:3px;}
.banquan{background:#000000;line-height: 60px;}
.bq_con{overflow: hidden;}
.ftd_l p{font-size: 12px;color: #999999;}
.ftd_l p a:hover{color: #184fb3;}
.ftd_l{float: left;}
.ftd_r{float: right;}
.ftd_r span{font-size: 12px;color: #999999;}
a.vl{width: 121px;height: 18px;display: inline-block;background: url(../images/vd.png) no-repeat;margin-right: 15px;}
a.vl:hover{background: url(../images/vd_on.png)no-repeat;}
a.ws{width: 121px;height: 18px;display: inline-block;background: url(../images/ws.png) no-repeat;}
a.ws:hover{background: url(../images/ws_on.png)no-repeat;}

/**mabout**/
.mabout{margin-top: 48px;padding-bottom: 50px;}
.mabu_tit{text-align: center;background: url(../images/about_tit.png) no-repeat top center;padding-top: 15px;}
.mabu_tit h6{font-size: 34px;color: #222222;margin-bottom: 10px;}
.mabu_tit p{font-size: 12px;color: #6a6a6a;}
.mabu_con{overflow: hidden;margin-top: 30px;}
.mabu_l{width: 480px;height: 480px;float: left;position: relative;overflow: hidden;}
.mabu_l img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mabu_l:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mabul_nr{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 70px 40px 0 50px;color: #FFFFFF;}
.mabul_nr h6{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.mabul_nr p{font-size: 13px;line-height: 30px;}
a.mabu_more{display: block;width: 170px;height: 40px;margin-top: 35px; border: 1px solid #FFFFFF;text-align: center;line-height: 39px;font-size: 14px;}
a.mabu_more span{display: inline-block;margin-left: 50px;}
a.mabu_more:hover{background: #FFFFFF;color: #184fb3;}
.mabu_r{float: left;width: 720px;}
.mabu_r ul{overflow: hidden;}
.mabu_r ul li{float: left;width: 360px;height: 240px;overflow: hidden;position: relative;}
.mabu_r ul li img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mabu_r ul li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mabur_nr{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #ffffff;text-align: center;}
.mabur_nr>h6{font-size: 24px;font-weight: bold;text-align: center;line-height: 240px;}
i.ico_wh{display: inline-block;background: url(../images/wenhua.png) no-repeat;width: 46px;height: 64px;margin-top: 68px;}
.mabur_nr h5{font-size: 24px;font-weight: bold;}
i.ico_ry{display: inline-block;background: url(../images/rongyu.png) no-repeat;width: 58px;height: 60px;margin-top: 66px;}
i.ico_play{display: inline-block;background: url(../images/bofang.png) no-repeat;width: 74px;height: 74px;position: absolute;left: 50%;top: 50%;margin-left: -37px;margin-top: -37px;}

/**mproduct**/
.mproduct{background: url(../images/bg_mpro.jpg) no-repeat; background-size:100% 100%;padding-top: 55px;padding-bottom: 48px;}
.mproduct .mabu_tit{background: url(../images/pro_tit.png) no-repeat top;}

/*
.mpro_tab{text-align: center;margin-top: 28px;}
.mpro_tab ul{overflow: hidden;display: inline-block;}
.mpro_tab ul li{float:left;width: 140px;height: 34px;border: 1px solid #174eb2;background: #FFFFFF;line-height: 33px;font-size: 14px;color: #174eb2;margin-right: 9px;}
.mpro_tab ul li:last-child{margin-right: 0;}
.mpro_tab ul li a{display: block;}
.mpro_tab ul li.on,.mpro_tab ul li:hover{background: #174eb2;color: #FFFFFF;}
.picScroll-left{ width:100%;  overflow:hidden; position:relative;margin-top: 25px;   }	
.picScroll-left .bd{    }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative;  }
.picScroll-left .bd ul li .pic{ text-align:center; width:289px; height:220px;overflow: hidden;}
.picScroll-left .bd ul li .pic img{ width:289px; height:220px; display:block;transition: all 0.8s ease-in-out; }
.picScroll-left .bd ul li:hover .pic img{ transform: scale(1.1);
-webkit-transform: scale(1.1);  }
.picScroll-left .bd ul li .title{z-index: 2; position: absolute;left: 0;bottom: 0;width: 289px;height: 60px;background: rgba(23,78,178,.7);font-size: 14px;color: #FFFFFF;line-height: 60px; }
.pl_hd{display: none; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.45);z-index: 1;}
i.ico_lianjie{ display: inline-block;background: url(../images/lianjie.png) no-repeat;width: 52px;height: 52px;margin-top: 62px;}
.picScroll-left .bd ul li:hover .pl_hd{display: block;}*/


.inpro_list{ display:table; width:1200px; margin:54px auto 0;}
.inpro_li{ float:left; border-bottom: 6px solid #066fe7; width:282px; background: #eee;margin-left: 9px; margin-right: 9px; margin-bottom: 20px; text-align: center; position: relative; overflow: hidden;}
.inpro_li > a > img{width:100%; height:214px;}
.inpro_li > a > h3{ color:#535353 ; font-size: 22px; line-height: 40px; width:100%; height:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0px 8px ;}
.inpro_li > a > p{ color:#959595; font-size: 14px;  position: relative; height:45px; line-height:22px; width:100%; overflow:hidden;padding:0px 8px;  margin-bottom:20px;}
.inpro_more{  width:118px; background:#066fe7; height: 30px; display: block; line-height: 30px; color:#FFF; border-radius: 30px;  margin:15px auto 20px; display:none; }
.inpro_li > a > .icon{ font-size:100px; color:#777;padding:75px 0; display: block; line-height: 90px;}
.inproli_last > .icon{ display:block; font-size: 50px; background: url(../images/inpro_last_bg.png) no-repeat; width:101px;height: 116px; margin: 0 auto; margin-top: 50px; color:#FFF; line-height: 116px; text-align: center; margin-bottom: 30px;}
.inproli_last{ background:#313131;height: 346px;}
.inproli_last > p{ color:#FFF; font-size: 22px; line-height: 40px;}
.inpro-cs{ position:absolute; top:20px; width:282px; height: 200px;}
.inpro-cs > img{width:234px; height: 178px;}
.inpro_li:hover .inpro_more{ display:block;}
.inpro_li:hover p{display:none;}




/**mcase**/
.mcase{margin-top: 48px;}
.mcase .mabu_tit{background: url(../images/case_tit.png) no-repeat top;}
.mcase_list{margin-top: 20px;}
.mcase_list ul{overflow: hidden;}
.mcase_list ul li{float: left;width: 380px;height: 240px;margin-right: 30px;position: relative;margin-bottom: 30px;}
.mcase_list ul li:nth-child(3n){margin-right: 0;}
.mcase_pic{width: 380px;height: 240px;overflow: hidden;}
.mcase_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mcase_list ul li:hover .mcase_pic img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mc_hd{display: none; position: absolute;width: 100%;height: 100%;left: 0;top: 0;text-align: center;padding-top: 68px;background: rgba(24,79,179,.8);}
.mc_hd h6{font-size: 20px;color: #FFFFFF;font-weight: bold;}
i.ico_mclk{display: block;background: url(../images/mclk.png) no-repeat;width: 52px;height: 52px;margin: 20px auto 10px auto;}
.mc_hd span{font-size: 14px;color: #FFFFFF;}
.mcase_list ul li:hover .mc_hd{display: block;}

/*首页：新闻资讯*/
.in_news{ overflow:hidden; padding-bottom: 40px;}
.innews_l{ width:716px; float:left;}
.innews_l ul{ border-bottom: 1px #ddd solid;}
.innews_l > h3{ font-size:30px;overflow: hidden;margin-bottom: 16px; }
.innews_l > p{ font-size:30px; color:#666666;letter-spacing: 6px; margin-top: 10px;margin-bottom: 20px;}
.innews_l > p > span{ color:#000; font-weight:bold; }
.innews_li{ border-top:1px solid #e3e3e3;padding-bottom: 10px;overflow: hidden;}
.innews_li > a > span{ display:block; width:80px; height: 53px; float: left;text-align: center;margin-top: 20px;}
.innews_li > a > span > h3{ font-size:30px; color:#666666;line-height: 30px; }
.innews_li > a > span > p{ color:#999; font-size:14px;}
.innews_li > a > div > h3{ font-size:15px;padding-left: 10px;color: #666666;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.innews_li > a > div > p{ color:#666; margin-top: 5px; padding-left: 10px;font-size: 13px;
 overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.innews_li > a > div{ width:572px; float:right; border-left:1px solid #e3e3e3;float:left;margin-top: 24px;position: relative;}
.innews_li > a > img{ float:left;margin-top: 20px;}
.innews_r{width: 445px;height: 334px; float:right; margin-top: 58px;overflow: hidden;}
.innews_r img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.innews_r:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.innews_li:hover a > span > h3{ color:#184fb3;}
.innews_li:hover a > div > h3{ color:#184fb3;}

.in_video{ width:445px; height: 334px;}

i.ico_xinwen{display: inline-block;margin-right: 10px; background: url(../images/xinwen.png) no-repeat;width: 48px;height: 36px;float: left;}
.innews_l > h3>span{float: left;}
i.ico_more{display: inline-block;background: url(../images/more.png) no-repeat;width: 33px;height: 33px;position: absolute;right: -43px;top: 0;}
.innews_li:hover i.ico_more{background: url(../images/more_on.png) no-repeat;}

/**mlinks**/
.mlinks{background: #f5f5f5;line-height: 26px;padding: 20px 0;}
.mlk_con{overflow: hidden;font-size: 12px;color: #666666;}
.mlk_con>span{float: left;font-weight: bold;margin-right: 8px;}
.mlk_con ul{/*! float: left; */overflow: hidden;}
.mlk_con ul li{float: left;}
.mlk_con ul>span{float: left;display: inline-block;margin: 0 8px;}
.mlk_con ul li a:hover{color: #184FB3;} 


/**视频弹窗**/
.shipin_box{width:500px;height: 400px;background: #fff; position: absolute;  
  left: 80px;
  bottom: -50px;
    display: block;  
    z-index: 2000;  
    
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 95% 95%;
    -moz-transform-origin: 95% 95%;
    -ms-transform-origin: 95% 95%;
    -o-transform-origin: 95% 95%;
    -webkit-transform-origin: 95% 95%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
     
    }
 .sp_on{
 	width:500px;height: 400px;background: #fff; position: fixed;  
  left:50%;
  top:50%;
   margin-top:-200px;
    margin-left:-250px;
    display: block;  
    z-index: 2000;  
    
 	opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
     transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
 }
 .shipin_con{position: relative;width: 100%;height: 100%;}
a.close{width: 40px;height: 40px;background: url(../images/close.png)no-repeat;position: absolute;right: 0;top: 0;display: block;background-size:contain ;z-index: 999;}
.zn_tab{margin-top: 0;}