@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{background: #fff;color: #333;font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 30px;}
td,th,caption{font-size:14px;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{color:#666;text-decoration: none;}
a:hover{text-decoration: none;}
img{border:none;}
ol,ul,li{list-style:none;}
input, textarea, select, button{font-size: 14px;}
table{border-collapse:collapse;}
html{overflow-y: scroll;}

/* css common*/
.clearfix:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
html{overflow-x:hidden;}
.clear{clear: both;}
.w1200{width: 1200px;height:auto;margin: 0 auto;}
.w100{width: 100%;}


/*头部*/
#header{ width:100%; height:100px;; z-index:1000000;background-color:#fff;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.16);}
.logo{float: left;width: 250px;height: 100px;}

/*一级菜单*/
.indexNav{float: right;position: relative;z-index: 99;width: 720px;}
.indexNav ul{float:right;}
.indexNav .nli{float: left;position: relative;z-index: 1;width: 144px;text-align: center;}
.indexNav .nli span a{color:#333; font-size:16px; height:100px;line-height:100px;; display:block;}
.indexNav .nli.on,
.indexNav .nli:hover{background-color:#0065b7;}
.indexNav .nli.on span a,
.indexNav .nli:hover span a{color:#fff; background-color:#0065b7;}
.indexNav .sub{position:absolute; background:#e9e9e9; width:1920px; height:60px; top:100px;;text-align:left; display:none; z-index: 1000000;left:0%;}
.indexNav .sub ul{float:left;}
.indexNav .sub ul li{float:left; line-height:60px;}
.indexNav .sub ul li a{float:left; color:#555; font-size:14px; padding:0 0 0 30px;}
.indexNav .sub ul li a:hover{color:#000;}


.shortcut{ height: 37px;overflow: hidden;float:right; margin-top:30px; margin-left:30px;}
.shortcut a{ margin-right:20px;display:block;width:37px;height:37px;position:relative;overflow:hidden;float:left;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;top:0px;}
.shortcut a img{position:absolute;left:0px;top:0px;}
.shortcut a .imgH{left:-37px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.shortcut a:hover .imgH{display:block;left:0px;}

.language{ height:37px; line-height:37px; color:#efefef;float:right;margin-top:30px;}
.language a{ color:#666;}
.language a:hover{ color:#0065b7;}


/*首页标题*/
.indexTit{ width:1200px; height:124px; margin:120px auto 0;position:relative;}
.indexTit .i_tit{width:100%; height:124px;position: absolute;font-family: Arial, Helvetica, sans-serif;font-size: 120px;color: #f4f4f4;font-weight: bold;line-height: 124px;text-align: center;}
.indexTit .i_txt{width:100%; height:124px; position: absolute; font-size:36px; line-height:124px; color: #0065b7;text-align: center;background: url(../images/titBg.png) no-repeat scroll center top;}
.indexTit .i_txt span{ color:#000;}


/*首页产品*/
.indexPro{ width:1200px; margin:80px auto 0;}
.indexPro li{width: 285px; height: 254px; margin: 0 20px 20px 0; position: relative; float: left;}
.indexPro li:nth-child(4n){ margin-right:0;}
.indexPro li .pic{display: block; width: 285px; height: 214px;}
.indexPro li .pic img{display:block; width: 285px; height: 214px;}
.indexPro li .txt{width: 285px; display: block; height: 40px; font-size:14px; line-height:40px; color: #333; text-align:center}

/*首页关于*/
.indexAbout{ width:1200px; height:auto; margin:80px auto 0;}
.indexAbout .about_fl{ float:left; width:620px; height:350px;}
.indexAbout .about_fl h3{ font-size:24px; color:#333;}
.indexAbout .about_fl h5{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; margin-top:5px}
.indexAbout .about_fl p{ width:620px; height:150px; font-size:14px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; margin-top:25px;}
.indexAbout .about_fl .more{width: 120px;height: 40px;background-color:#0065b7;margin-top:70px;}
.indexAbout .about_fl .more a{color: #fff;text-align: center;display: block; line-height:40px; font-size:14px;}
.indexAbout .about_fr{ float: right; width:520px; height:350px;}

.indexSz{width:1200px; height:auto; margin:80px auto 0;}
.indexSz .szBox{width:189px; height:130px; border-right:solid #e3e3e3 1px; padding: 10px 55px 0;text-align:center; float:left;}
.indexSz .szBox h3{ font-size:64px; color:#0065b7; font-weight:bold; height:64px; line-height:64px;}
.indexSz .szBox h3 span{ font-size:25px;}
.indexSz .szBox p{height:50px; line-height:25px; font-size:14px; color:#666; margin-top:10px;}

/*首页关于图片切换*/
.gg { width: 520px; height: 350px; position: relative; z-index: 1; overflow: hidden; margin: 0 auto;}
.ggs { width: 200%; height: 350px; left: -50%; top: 0; position: absolute; }
.ggBox { width: 520px; height: 350px; margin: 0 auto; }
.ggBox a { display: block; width: 520px; height: 350px; position: absolute; z-index: 1; opacity: 0.1; }
.ggBox img { display: block; width: 520px; height: 350px; }
.ggb { position: absolute; width: 100%; left: 0; bottom: 0; height: 40px; z-index: 4;}
.ggBtns { width: 480px; height: 40px; margin: 0 auto; }
.ggBtns a { float: left; display: block; width: 116px; height: 40px; text-align: center; color: #000; font-size: 14px; line-height: 40px; position: relative; outline: none; cursor: pointer; overflow:hidden; background-color:#fff;filter:alpha(opacity=80);  -moz-opacity:0.80; opacity:0.80; top:-10px; margin:0 2px;}
.ggBtns a:hover { color: #000; }
.ggBtns a.ggOn { color: #fff; background-color:#0065b7;filter:alpha(opacity=80);  -moz-opacity:0.80; opacity:0.80;}

/*首页选择*/
.indexXz{width:100%; background: url(../images/xzBg.jpg) no-repeat scroll center top; margin-top:90px; padding:80px 0 120px;}
.indexXz .xzTit{width:1200px; margin:0 auto; text-align:center;}
.indexXz .xzTit h3{ font-size:36px; color:#fff;font-family:Arial, Helvetica, sans-serif;}
.indexXz .xzTit h5{font-size:24px; color:#fff; margin-top:15px;}
.indexXz .xzMain{width:1259px; height:364px; background: url(../images/xz.png) no-repeat scroll center top; margin:80px auto 0;}
.indexXz .xzMain .xzBox{width:200px; height:137px;text-align:center; float:left; padding-top:45px;}
.indexXz .xzMain .xzBox h3{font-size:18px; color:#f59334; font-weight:bold;}
.indexXz .xzMain .xzBox p{ font-size:14px; color:#666; line-height:20px; margin-top:10px;}

/*首页新闻*/
.indexNews{ width:100%; padding:85px 0 100px; background-color:#f4f4f4; margin-top:120px;}
.indexNews .newsTit{width:1185px; height:50px; border-left: solid 2px #0065b7; margin:0 auto; padding-left:15px;}
.indexNews .newsTit h3{ font-size:24px; line-height:28px; color:#0065b7; padding-bottom:14px;}
.indexNews .newsTit span{ font-size:12px; line-height:12px; color:#999; font-family:Arial, Helvetica, sans-serif;}
.indexNews .newsBox{ width:1200px; height:360px;background: url(../images/newsBg.png) no-repeat scroll center top; margin:80px auto 0;}
.indexNews .newsBox .newsPic{ width:310px; height:360px; float:left;}
.indexNews .newsBox .newsPic img{ width:310px; height:360px;}
.indexNews .newsBox .newsList{ width:760px; float:right; margin-top:20px;}
.indexNews .newsBox .newsList ul{font-size:14px;width:760px; clear:both;}
.indexNews .newsBox .newsList li{border-bottom: dashed 1px #cbcbcb; }
.indexNews .newsBox .newsList li a{ font-size:14px; color: #333;line-height: 60px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background-image: url(../images/icon_1.png);background-repeat: no-repeat;background-position: left center;display: block;text-indent: 20px;}
.indexNews .newsBox .newsList li span{float:right; color:#999; font-size:14px; line-height:60px; width:140px; text-align:right;}
.indexNews .newsBox .newsList li a:hover{ color: #0065b7;}

/*首页友情链接*/
.link{width:1200px; padding:30px 0; margin:0 auto; color:#333; overflow:hidden;}
.link a{ margin-right:30px; color:#888;}
.link a:hover{ color:#0065b7;}

/*底部*/
.foot{width:100%; padding:50px 0; background-color:#0065b7;}
.foot .bottom{width: 1200px;margin:0 auto;padding-bottom:35px;}
.foot .bottom .lx{ width:390px; float:left; margin-left:405px;}
.foot .bottom .lx h3{ font-size:24px; width:390px; height:45px; line-height:24px; color:#fff;background: url(../images/lx.png) no-repeat scroll center bottom; text-align:center;}
.foot .bottom .lx p{ font-size:14px; color:#fff; margin-top:20px; text-align:center;}
.foot .bottom .lx .lxTel{ font-size:24px; width:240px; color:#fff; margin:20px auto 0; font-weight:bold;background: url(../images/tel.png) no-repeat scroll left bottom; text-align:right;}
.foot .bottom .wx{ width:120px; height:120px; float:left; margin-left:15px;}
.foot .bottom .wx img{ width:120px; height:120px;}

.foot .footer{width: 1200px;text-align:center; border-top:solid 1px #004e8d; margin:0 auto; padding-top:35px;}
.foot .footer p{width: 1200px;text-align:center; color:#fff; margin-top:15px;}
.foot .footer .footer_link{ width:100%; text-align:center; color:#fff;}
.foot .footer .footer_link a{ color:#fff;}


/*内页大图*/
#nban{height: 450px; position: relative;}
.nbanner{position: absolute; left: -360px; top: 0; width: 1920px; height: 450px;}

/*内页标题*/
.n_tit{ width:1200px;height: 45px;position: relative;text-align: center;color: #333;font-size: 24px;border-bottom: #e2e2e2 solid 1px; margin:45px auto 0;}
.n_tit img{display: inline-block; vertical-align: middle; margin-left: 7px;}
.n_tit i{display: block; position: absolute; left: 48.3%; bottom: -2px; height: 3px; background: #0065b7; width: 40px;}


/*内页导航*/
.menu{width: 100%; height: 60px; border-bottom: 1px solid #e2e2e2;}
.menu dl{width: 100%; display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -moz-box;}
.menu dl dd{width: 100%; text-align: center; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; box-flex: 1.0;}
.menu dl dd a{display: block; height: 60px; line-height: 60px; font-size: 14px; color: #302c2c;}
.menu dl dd.on a,
.menu dl dd a:hover{color: #ffffff; background: #0065b7; /* Old browsers */ background: -moz-linear-gradient(left, #0065b7 0%, #0068bd 50%, #0150ab 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0065b7 0%, #0068bd 50%, #0150ab 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0065b7 0%, #0068bd 50%, #0150ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0065b7', endColorstr='#0150ab', GradientType=1); /* IE6-9 */}

/*内页内容*/
.mainBox{ width:1200px; margin:40px auto 80px;}
.mainBox p{ font-size:15px; color:#333; line-height:30px; margin-bottom:15px;}
.mainBox img{ max-width:1100px; height:auto;margin-top:15px;}


/*产品页面列表*/
.product-list{width: 1200px;margin: 50px auto 40px;}
.product-list li{width: 380px;float: left;margin: 0 10px 30px;}
.product-list li figure{background-color: #eee;height: 285px;display: block;line-height: normal;overflow: hidden;position: relative;width: 380px;margin: 0;}
.product-list li figure img{display: block;width: 380px;height: 285px;transition: 424ms linear;}
.product-list li figcaption{display: block;color: #5d5d5d;font-size: 16px;line-height: normal;margin-top: 15px;transition: 350ms;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product-box .product-down{float: left;}
.product-list li figure mark{position: absolute;left: 0;top: 0;box-sizing: border-box;width: 100%;height: 100%;background: rgba(0,108,205,.2);filter: alpha(opacity=20);z-index: 20;opacity: 0;transform: skewX(45deg);visibility: hidden;transition: 360ms;}
.product-list li figure mark b{display: block;width: 46px;height: 46px;position: absolute;left: 50%;top: 50%;margin-left: -23px;margin-top: -23px;z-index: 30;}
.product-list li figure mark b:before{content: "";width: 100%;height: 3px;background: #0065b7;position: absolute;left: 0;top: 23px;transform: translateX(-200px);-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);}
.product-list li figure mark b:after{content: "";width: 3px;height: 100%;background: #0065b7;position: absolute;left: 23px;top: 0;transform: translateY(-200px);-webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);}
.product-list li figure mark:before{content: "";width: 100%;height: 0%;border-left: 3px solid #0065b7;border-right: 3px solid #0065b7;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: 320ms;}
.product-list li figure mark:after{content: "";width: 0%;height: 100%;border-top: 3px solid #0065b7;border-bottom: 3px solid #0065b7;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: 320ms;}
.product-list li:hover figure mark{opacity: 1;transform: skewX(0);visibility: visible;}
.product-list li:hover figure mark:before{height: 100%;transition: 330ms 200ms;}
.product-list li:hover figure mark:after{width: 100%;transition: 330ms 200ms;}
.product-list li:hover figure img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.product-list li:hover figure mark b:before{transition: 355ms 180ms;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);}
.product-list li:hover figure mark b:after{transition: 355ms 240ms;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}
.product-list li:hover figcaption{color: #0065b7;}


/*分页效果*/
.pages{ width:1200px;clear: both;text-align: center;margin: 0 auto 80px;}
.pages a,.pages span{line-height: 39px;background: #f7f7f7;color: #333;text-decoration: none;margin:0 5px;padding: 10px 16px;}
.pages span:first-child{background: #f7f7f7;}
.pages a:hover{color:#fff; background:#0065b7;}
.pages span.current{color:#fff; background:#0065b7; border-color:#0065b7;}
.pages span.disabled{background:#f7f7f7;}
.pages span.disabled:hover{background:#0065b7;color:#fff; text-decoration: none; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}


/*新闻样式（图片+标题+摘要）*/
.p_news{width: 1200px; margin:20px auto 60px;}
.p_news .p_news_list{float: left;height: 170px;width: 1200px; margin-top:30px; padding-bottom:30px; border-bottom:solid 1px #ddd;}
.p_news .p_news_list .pic_box{width: 300px;height: 170px;margin-right: 30px;float: left;position: relative;display: block;transition: 0s;overflow:hidden}
.p_news .p_news_list .pic_box img{width: 300px;height: 170px;display:block;transition:all ease-out .3s;}
.p_news .p_news_list h3{ width:780px; height:30px; font-size: 20px;color: #333;line-height: 30px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top:15px;}
.p_news .p_news_list .txt{color: #999;height: 50px;font-size: 14px;line-height: 25px;margin-top: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.p_news .p_news_list .time{color: #999;font-size: 13px;line-height: 18px;margin-top: 30px;}
.p_news .p_news_list:hover h3{color: #0065b7;}
.p_news_list:hover img{display: block;width: 300px;height: 170px;transform:scale(1.05);overflow: hidden;}


/*新闻详细内容*/
.nv{ width:1200px; margin:60px auto 80px;}
.nv_tit{text-align: center;color: #333;border-bottom: #d6d6d6 solid 1px;font-size: 18px;line-height: 30px;font-weight: bold;padding-bottom:20px;}
.nv_tim{text-align: center;padding: 15px 0 0;color: #999;font-size: 14px;line-height: 24px;}
.nv_tim span{display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 15px; cursor: pointer;}
.nv_tim .fx{display: inline-block; vertical-align: middle; width: 150px;}
.nv_ncon{ width:1190px; margin:30px auto 0;}
.nv_ncon p{color: #333;font-size: 14px;line-height: 30px; margin-bottom:15px;}

/* 上一条新闻 * */
.nv_ud{ margin-top:50px;}
.nv_ud div{width: 46%;border-top: #d6d6d6 solid 1px;border-bottom: #d6d6d6 solid 1px;height: 58px;color: #666;font-size: 14px;line-height: 58px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nv_ud div a{color: #333;}
.nv_ud div a:hover{color: #0065b7;}