@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.header,.footer,.content{width:1200px;margin:0 auto;}
em,i{font-style:normal}
/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:600px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#9cf}
.flexslider .slides a img{width:100%;height:600px;display:block}

/*头部*/
.topWrap{overflow:hidden;z-index:2;background:url(../images/t_bj.jpg) no-repeat center top;position:relative;margin-bottom:-40px}
.topWrap .header{width:1200px;margin:0 auto;font-family:"Microsoft YaHei";position:relative;overflow:hidden;height:232px}
.topWrap .lx{font-size:12px;color:#666;line-height:36px;height:36px;overflow:hidden;font-weight:400}
.topWrap .lx a{display:inline-block;padding:0 0 0 15px;color:#666}
.topWrap .lx a:hover{color:#b6b6b6;text-decoration:underline}
.topc{height:106px;overflow:hidden}
.logo{width:200px;height:232px;overflow:hidden;position:absolute;top:0;left:511px}
.logo img{width:200px;height:232px}
.topWrap a.tit{ display: inline-block;}
.topWrap .tit span{display:block;padding:12px 0 0 0;font-size:30px;color:#333;font-weight:700}
.topWrap .tit i{    color: #003366;letter-spacing: 4px;font-size: 21px;}
.topWrap .tit a{color:#444}
.tel{width:250px;float:right;overflow:hidden;margin-top:30px;text-align:right}
.tel span{display:none;font-size:14px;color:#b0b0b0;line-height:28px}
.tel i{display: block; font-size: 16px; color: #036; font-family: Arial; line-height: 24px;font-weight: bold;}
.tel img{vertical-align:middle;margin-right:5px}
.nav{overflow:hidden}
.nav ul{height:50px;overflow:hidden}
.nav li{height:50px;float:left;background:url(../images/line.jpg) no-repeat right center;position:relative;margin-left:-6px}
.nav li a{display:inline-block;font-size:16px;padding:0 53px;color:#fff;line-height:50px}
.nav li a i{display:block;font-size:12px;color:#adadad;padding-top:48px}
.nav li a img{display:block;margin:20px auto 0}
.nav li:first-child{margin-left:0}
.nav li:nth-child(3){margin-right:194px}
.nav li:last-child,.nav li:nth-child(3){background:0 0}
.nav .cur a,.nav li a:hover{color:#fff;background:#99ccff;font-weight: bold;}
.nav .cur a i,.nav li a:hover i{color:#fff}

/*统一使用的标题*/
.pubtit{ text-align: center;height:95px;  font-weight: normal; font-size: 18px; color: #888;}
.pubtit i{ display: block;color: #444; font-size: 36px;font-weight: bold;}
.pubtit i span{ padding-left: 39px;}

/*产品*/
.pro{ margin: 60px 0 60px 0px;overflow: hidden;}
.pro_l{width: 325px;border: 1px solid #ccc;}
.pro_l .ptit{padding-left:30px;overflow: hidden;background: url(../images/p_ico1.png) #eee no-repeat 5px center;}
.pro_l .ptit a{ display:inline-block; float: left;}
.pro_l .ptit a img{ display:inline-block; float: left;width: 30px;height: 30px;}
.pro_l .ptit a i{ display:inline-block; float: left; line-height:50px;padding-left: 5px;font-size: 17px; font-weight: bold; color: #454545;}
.pro_l .ptit span{ display:inline-block; float: right; width: 45px; height: 45px; border-radius: 45px; text-align: center; line-height: 45px; background: #99ccff; font-family: Arial; font-size: 28px; color: #fff;font-weight: normal;}
.pro_l .ptit span{ display:inline-block; float: right; width: 45px; height: 45px; border-radius: 45px; text-align: center; line-height: 45px; background: #036; font-family: Arial; font-size: 28px; color: #fff;font-weight: normal;}
.pro_l ul{ overflow: hidden;}
.pro_l ul li{  height:43px;overflow: hidden; border-bottom: 1px solid #ddd; width:325px;float: left;}
.pro_l ul li a{  display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height:43px; padding-left: 20px;margin-left: 10px;color: #666;background:url(../images/p_cur2.jpg) no-repeat left center;}
.pro_l ul li a:hover{background:url(../images/p_cur.jpg) no-repeat left center; color: #036;}
.pro_l p.tit{color: #fff; font-size: 33px;font-weight: bold; background: #036;text-align: center;padding-top: 20px;}
.pro_l p.tit span{display: block;line-height: 48px; font-weight: normal;color: #eee;font-size:18px;text-align: center;}
/*右侧*/
.pro_con{width:855px;}
.pro_con .proadv{width: 894px;height:228px;margin-bottom:35px;}
.pro_con .proadv img{width: 894px;height: 228px;}
.pro_con li img{ width:278px; height:210px;padding:0px;}
.down img{width:100%;height:305px;}
.pro_con li{width: 278px; position: relative; display: inline-block; margin: 0 7px 26px 0; background: #fff; overflow: hidden;border:1px #ddd solid;}
.pro_con li:nth-child(3n){ float:right;margin-right:0 }
.pro_con i.one{color:#333; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(0, 52, 102, 0.78)}
.pro_con li .box i.two{ color:#fff;font-size:14px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con li:hover .box{ opacity: 1;top:0}
.pro_con li:hover i.one{ opacity: 0;}
.pro_con li:hover .rightDown span{ border-bottom: 35px solid #ccc;}
.pro_con .rightDown span{position:absolute;bottom:0;right:0;width:0;height:0;border-left:35px solid transparent;border-bottom:35px solid #99ccff;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.pro_con .rightDown b{position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}

/*关于我们*/
.aboutbj{background:url(../images/aboutbg.jpg) no-repeat center top;height: 764px;    margin-bottom: 60px; font-family:"Microsoft Yahei";padding-top:60px;box-sizing: border-box; overflow: hidden; }
.aboutbj .tit01{margin-bottom: 55px;}
.about{overflow: hidden; position: relative; margin-bottom: 100px;}
.about .cf{width:701px;overflow: hidden; float: right;}
.about .cf img{ width:701px; height: 511px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.about .cf img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.about .desc { width:455px; box-sizing: border-box; float: left; }
.about .desc em{ line-height: 44px;  display: block; font-size: 25px; color:#333; text-align: left; text-transform: uppercase; }
.about .desc .abtit{ display: block;height:50px; text-align: left;  line-height: 50px; font-size: 30px; color: #003366; font-weight: bold; margin-bottom: 20px; }
.about .desc .abtit a{color: #003366; text-decoration: none; }
.about .desc p{height: 172px; color: #666666;line-height: 25px;  text-indent: 2rem; padding-right: 20px;}
.about .desc span a{ display: block;background:url(../images/abt_btn.jpg) no-repeat left top;  width: 200px;line-height: 49px;padding-left: 40px; text-align: left; font-size:15px; color: #fff; }
.about .aleft{width: 455px;}
.about  .pp{width: 300px;margin-top: 100px;}
.about  .pp li{width:100px; margin-right: 7px; float: left;margin-right:70px;}
.about  .pp li p{text-align: center;}
.about  .pp li img{width: 100px; height: 100px;}
.about  .pp li:last-child{margin-right: 0;}
.about  .pp li:hover{border-bottom: 3px solid #003366;}

/*新闻*/
.news{ padding-bottom: 60px;}
.news_l{ width: 742px;}
.news_l .nimg{ float: left; width: 200px;}
.news_l .nimg img{ width: 200px;height: 400px;}
.news_l ul{ float: right; width: 503px;}
.news_l ul li{ overflow: hidden; padding-bottom: 32px; margin-bottom: 33px; border-bottom: 1px dashed #e2e2e2;}
.news_l ul li.nob{ border-bottom: none;}
.news_l ul li i{ display: inline-block; width: 111px; color: #003366; font-size: 32px;font-weight: bold; line-height: 100%; border-right: 1px solid #e2e2e2; height: 80px;}
.news_l ul li em{ display: inline-block; float: right; width: 363px;}
.news_l ul li em a{ display: block; font-size: 16px; color: #333; font-weight: bold; height: 22px; line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }
.news_l ul li em span{ display: block; padding-top: 11px; font-size: 14px; color: #666; line-height: 25px;}
.news_l ul li:hover i{ color: #99cdff;}
.news_r{ width:380px;}
.news_r p{ padding-bottom: 32px;}
.news_r p img{ width: 380px;}
.news_r ul li{ overflow: hidden; border-bottom: 1px dashed #e2e2e2; padding-bottom:6px; margin-bottom: 22px;}
.news_r ul li a{ display: block; padding-left: 41px; font-size: 16px; color: #333; font-weight: bold;background:url(../images/x_w.jpg) no-repeat; height: 24px; line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 11px;}
.news_r ul li span{ display: block;background:url(../images/x_d.jpg) no-repeat;line-height: 24px; font-size: 14px; color: #666; padding-left: 41px; }
.news_r ul li.nob{ border-bottom: none;}
.news .ntit{height: 42px; line-height:23px; margin-bottom: 38px; border-bottom: 1px solid #e2e2e2; padding-left: 35px;background:url(../images/x_h31.jpg) no-repeat;}
.news .ntit a{ color: #003366; font-size:19px;}
.news .ntit span{ display: inline-block; float: right; padding-top: 7px;}
.news .news_r .ntit{background:url(../images/x_h32.jpg) no-repeat;}

/*优势*/
.edge{ height:840px;background:url(../images/yu.jpg) no-repeat center 98px; overflow: hidden;}
.edge h3{ text-align: center; height: 134px; line-height: 100%; font-weight: normal; font-size: 18px; color: #888;}
.edge h3 i{ display: block;color: #333333; font-size: 36px; line-height: 100%; padding-bottom:18px;font-weight: bold;background:url(../images/y_h2.gif) no-repeat center 14px;}
.edge h3 i span{ padding-left: 39px;}
.edge .ys1, .ys2{ overflow: hidden; height: 360px;}
.edge .ys1 .ysimg ,.ys2 .ysimg { float: left; width:600px;}
.edge .ys2 .wz, .ys1 .wz{ float: right; width:513px; text-align: right; padding-right: 87px;}
.edge .ys1 .wz h4{ padding-top: 50px; line-height: 100%; font-size: 22px; color: #555;}
.edge .ys2 .wz h4{ padding-top:68px; font-size: 22px; color: #555;}
.edge .ys1 .wz h4 i, .ys2 .wz h4 i{ color: #036;}
.edge .ys1 .wz p, .ys2 .wz p{ font-size: 14px; color: #666; line-height: 24px; padding-top: 13px; margin-bottom:2px;padding-right: 30px;}
.edge .ys1 .wz p span, .ys2 .wz p span{ display: block;}
.edge .ys2 .ysimg{ float: right;}
.edge .ys2 .wz, .edge .ys1 .wz{ float: left;}
.edge .ys1 .ysimg{ float: left;}
.edge .ys2 .wz{ text-align: left; padding-left: 78px; padding-right: 0; width: 522px;}
.edge .ys1 .wz p{padding-right: 0;float: right; padding-left: 80px;}

/*流程*/
.lc{background:url(../images/lc.jpg) no-repeat center 0;margin-bottom: 60px;margin-top: 60px;overflow: hidden;}
.lc .lctit{ float: left; padding:47px 0 0 30px; width: 270px;  color: #fff;}
.lc .lctit i{ display: block; font-size:27px; font-weight: bold; line-height: 100%;padding-bottom:30px;}
.lc .lctit i span{ display: block; padding-bottom:9px;}
.lc .lctit em{ display: block; font-weight: normal;  font-size: 16px; line-height: 30px; }
.lc .lctit em span{ display: block;}
.lc .lctit b{ display: block;/*background:url(../images/l_btn.jpg) no-repeat;*/ width:210px; line-height: 30px;  color: #9cf; font-family: Arial; font-size:14px; font-weight: bold;}
.lc ul{ float: right; padding-top:60px; overflow: hidden; width: 850px;}
.lc ul li{ float: left; height: 250px; width: 160px; margin-right:70px; text-align: center;}
.lc ul li.lc4{ margin-right: 0;}
.lc ul li a{ display: block;background:url(../images/lv1.png) no-repeat; padding-top: 183px; height: 117px;  color: #666; transition: all 0.3s linear 0s;}
.lc ul li.lc2 a{background:url(../images/lv2.png) no-repeat;}
.lc ul li.lc3 a{background:url(../images/lv3.png) no-repeat;}
.lc ul li.lc4 a{background:url(../images/lv4.png) no-repeat;}
.lc ul li a:hover{transform: translateY(-10px);}

/*底部*/
.footWrap{background: #333;height:339px;overflow:hidden;font-family:"Microsoft Yahei"}
.footer{height:339px;width:1200px;margin:0 auto;overflow:hidden}
.fcontact{width:450px;padding-top:54px;overflow:hidden;color:#dfdede;float:left}
.fcontact p{font-size:14px;line-height:35px}
.fcontact p img{vertical-align:middle;margin-right:5px}
.fcontact em{display:inline-block;padding:0 10px}
.fcontact a{color:#a8a7a8;}
.fnav{overflow:hidden;font-size:16px;color:#494246;line-height:112px;text-align:center;border-bottom: 1px solid #464444;}
.fnav a{color:#fff;display:inline-block;padding:0 62px}
.fnav a:first-child{padding-left:0}
.fnav a:last-child{padding-right:0}
.cpr p{text-align: center;line-height: 35px;color: #666;}
.ftlogo{padding-top: 20px;width: 150px;height: 150px;margin-right:150px;}
.ftlogo img{width: 150px;height: 150px;}