@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}
.content{width: 1200px;margin:0 auto;}
/*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:#f39801}
.flexslider .slides a img{width:100%;height:600px;display:block}

/*pubtit*/
.pubtit{text-align: center;height: 120px;font-size: 38px;color: #f39801;}
.pubtit em{color: #00479d;font-weight: bold;font-style: normal;}
.pubtit span{display: block;font-size: 18px;color: #282828;font-weight: normal;}
.pubtit1{text-align: center;height: 120px;font-size: 38px;color: #fff;padding-left: 30px;}
.pubtit1 em{color: #f39801;font-weight: bold;font-style: normal;}
.pubtit1 span{display: block;font-size: 18px;color: #eee;font-weight: normal;}

/*header start*/
.header{border-top:5px solid #00479d;}
.header .head_top{height:80px;}
.header .head_top .tel_box{width: 260px;height: 80px;color: #fff}
.header .head_top .tel_box > a{color:#fff;padding: 0 8px;line-height: 36px;}
.header .head_top .tel_box .tel{margin-top:28px;width: 248px;text-align: right; background: url(../images/tel_bg.png) no-repeat left center;padding-left: 14px;}
.header .head_top .tel_box .tel p{display: block; color: #696969; text-align: left;line-height: 30px; padding-left:54px;font-size: 16px;}
.header .head_top .tel_box .tel b{font-size:36px;color: #00479d;font-family: impact;font-weight: bold;}
.header .head_top .logo{width:615px;height: 84px;padding-top: 16px;}
.header .head_top .logo img{width: 615px;height: 84px;}
.head_nav .content{margin-top: 39px;}
/*头部*/
.header .head_nav{background:url(../images/navbg.jpg) no-repeat;border-top: 3px solid #fff;}
.header .head_nav ul li{width:171px;float: left;height: 50px;line-height: 50px;font-size: 16px;text-align: center;position: relative;}
.header .head_nav ul li a{color: #fff;display: block;width: 100%;font-weight: 600;}
.header .head_nav ul li:hover{background: #eee;height:50px;}
.header .head_nav ul li:hover a{color: #333;border-top: 3px solid #f39801;position: absolute;top: -3px}
.header .head_nav ul li.on{background: #eee;height:50px;}
.header .head_nav ul li.on a{color: #333;border-top: 3px solid #f39801;position: absolute;top: -3px}

/*产品中心*/
.pro{margin:80px 0;overflow:hidden;   }
.pro .tit{background:url(../images/pro_h.png) no-repeat center top;}
.fen{ width:225px;overflow:hidden;}
.fen a.first_tit{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 35px; padding-left:33px; background: url(../images/pi1.png) no-repeat #00479d left 5px center;border-bottom: 1px solid #fff;  font-size:17px;  border-left:3px solid #f39801; color:#fff;}
.fen a.first_tit:hover{ background-color: #f39801;}
.fen li{ margin: 5px 0;line-height:25px; overflow:hidden;}
.fen li a{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  padding-left:20px; font-size:15px; border:1px solid #b0b0b0;  color:#666;}
.fen li a:hover,.fen li a:hover em{ color:#00479d; font-weight:bold;}
/*右侧*/
.pimglist{width: 920px;}
.pimglist li{float:left;width:280px;margin-bottom:60px;margin-right:20px;border:1px solid #e0e0e0;}
.pimglist li span{width:100%;font-size: 16px;color:#555;text-align:center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height:50px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.pimglist li a{display:block;width:100%;overflow:hidden;position:relative;background:#efefef}
.pimglist li a:hover{background:#00479d}
.pimglist li img{display:block;width:280px;height:210px}
.pimglist li a:hover span{color:#fff}
.pimglist .item_mask{width:280px;height:210px;background:rgba(0,0,0,0);position:absolute;left:1px;top:1px;opacity:0;filter:Alpha(opacity=0);-webkit-transform:rotateX(180deg) scale(.5,.5);transform:rotateX(180deg) scale(.2,.2);transition:all ease-out .5s}
.pimglist .item_link_icon{display:block;width:45px;height:45px;text-align:center;background-position:0 -105px;line-height:38px;position:absolute;left:50%;top:50%;margin-left:-22px;opacity:0;filter:Alpha(opacity=0)}
.pimglist li:hover {border:1px solid #fff;}
.pimglist li:hover .item_mask{  opacity:1;filter:Alpha(opacity=100);-webkit-transform:rotateX(0) scale(1,1);transform:rotateX(0) scale(1,1);transition:all 1s cubic-bezier(.23,1,.38,1) 0s;background:rgba(0,0,0,.3)}
.pimglist li:hover .item_link_icon{transform:translateY(-21px);opacity:1;filter:Alpha(opacity=100)}
.pimglist .item_link_icon{display:block;width:45px;height:45px;text-align:center;background-position:0 -105px;line-height:38px;position:absolute;left:50%;top:50%;margin-left:-22px;opacity:0;filter:Alpha(opacity=0)}
.pimglist .list li:hover .item_mask{opacity:1;filter:Alpha(opacity=100);-webkit-transform:rotateX(0) scale(1,1);transform:rotateX(0) scale(1,1);transition:all 1s cubic-bezier(.23,1,.38,1) 0s;background:rgba(0,0,0,.3)}
.pimglist .list li:hover .item_link_icon{transform:translateY(-21px);opacity:1;filter:Alpha(opacity=100)}
.ico{background:url(../images/icon.png) no-repeat;display:inline-block;vertical-align:middle}

/*荣誉资质*/
.honor{padding:90px 0 0  0;overflow:hidden;  }
.honor li{ width:280px;float:left; margin-right:12px;border: 1px solid #ccc;overflow: hidden; }
.honor li img{width:280px; height:210px;}
.honor li:hover{border:1px solid #2f94ca;}

/*关于我们*/
.scroll_bg{width: 100%;height: 100%;background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.about{height:835px;overflow: hidden;padding: 60px 0  0;background:url(../images/abbg.png) no-repeat top center;}
.about .des{margin-bottom: 58px;}
.about .des span{display: block;color: #fff;font-size:25px;font-weight: 600;text-align: center;line-height: 70px;}
.about .des p{line-height: 30px;text-indent: 2rem;color: #e8e5e5;font-size: 15px;}
.about .des a.more{display:block;text-indent: 0; width: 80px;margin:0 auto;    font-weight:600;line-height:30px;color: #f39801; font-size:15px; text-align: center;margin-left: 20px;}

/*用户现场*/
.scene{text-align: center;}
.scene a{display: block;text-align: center;font-size:38px;color: #f39801; font-weight: 600;}
.scene span{display: block;color: #fff;line-height:22px;font-size: 20px;}
.scene i{display: block;text-transform: uppercase;font-family: "times new roman";font-size:18px;color: #ccc;font-style: normal;}

/*新闻*/ 
.news{padding:80px 0;background-color: #fff;}
.news1{width:708px;}
.news1 p{ height: 132px; border-bottom: 1px dashed #d1d1d1;}
.news1 p i{ display: block; overflow: hidden; margin-bottom: 17px;font-style: normal;}
.news1 p em{ display: block; line-height: 26px; font-size: 14px; color: #666;font-style: normal;}
.news1 p em a{ color: #f39801;}
.news1 p i{ display: block;font-style: normal;}
.news1 p i span{ display: inline-block; width: 94px; height: 41px; box-sizing: border-box; text-align: center; padding: 5px 4px 0 0; line-height: 36px;background:url(../images/n_hot.jpg) no-repeat; color: #83081d; font-size: 24px; margin-right: 15px; float: left;}
.news1 p i a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left; width: 595px; font-size: 22px; color: #333; margin-top:12px;}
.news1 p i a:hover{ color: #f39801;}
/*两个示例*/
.news1 .exm li{ overflow: hidden;border-bottom: 1px dashed #d1d1d1; padding: 20px 0;}
.news1 .exm li .img{ float: left; overflow: hidden; width: 200px; height: 150px;}
.news1 .exm li .img img{width:200px; height: 150px;}
.news1 .exm li .wz{ float: right; width: 465px; padding-top: 14px;}
.news1 .exm li .wz a.tit{display: block; font-size: 18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news1 .exm li .wz span{ display: block; font-size: 14px; color: #999; line-height: 26px; padding-top: 12px;}
.news1 .exm li .wz a.tit:hover{ color: #01479d;}
/*下方*/
.news1 .list ul{ padding-top: 23px;}
.news1 .list ul li{ overflow: hidden; margin-bottom: 21px; line-height: 100%;}
.news1 .list ul li a{ display:block;float: left; padding-left: 18px; color: #666; font-size: 16px;background: url(../images/n_ico.png) no-repeat 0 center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;    width: 84%;line-height: 100%;}
.news1 .list ul li a:hover{  color: #01479d; background: url(../images/n_ico1.png) no-repeat 0 center;  }
.news1 .list ul li span{ display: inline-block; float: right; font-size: 14px; color: #999;line-height: 100%;}

/*右侧*/
.news_r{ float: right;width:400px;overflow: hidden;}
.news_r .img img{ display: block;width: 400px;height: 200px;margin-top: 30px; }
.news_r .img img{width: 400px;height: 200px;}
.news_r ul li{ padding-top: 27px;height:108px;border-bottom: 1px dashed #c0bfbf;box-sizing: border-box;padding-left: 20px;    background: url(../images/nicon2.png) no-repeat left 25px; padding-left: 35px;}
.news_r ul li:hover{ background: url(../images/nicon2-1.png) no-repeat left 25px;}
.news_r ul li:hover a{ color: #01479d}
.news_r ul li a{font-size: 16px;color: #333;line-height: 16px;padding: 0 0 14px;font-weight: normal;display: block;transition: all 0.3s;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.news_r ul li em{color: #888;line-height: 18px;display: block; font-style: normal; }
.news_r ul li:nth-child(4){border-bottom:none}

/*底部*/
.footer{height:360px;background:url(../images/ftbg1.jpg) no-repeat center 0}
.f_nav{padding-top:40px;height:50px;overflow:hidden;margin-bottom: 60px;}
.f_nav li{float: left;}
.f_nav a{display:inline-block;line-height:100%;font-size:17px;color:#fff;padding:0 45px}
.f_con{overflow:hidden;height:140px;border-bottom: 1px solid #0451b1;}
.f_con ul li{float:left;margin-right:76px;color:#ddd;line-height:24px}
.f_con ul li:nth-child(6){float: right;margin-right: 0}
.f_con ul li strong{display:block;text-align: center;padding-top:7px;font-style: normal;}
.f_con ul li em{display:block;padding-left:5px;font-style: normal;}
.f_con ul li span{display:block}
.f_con ul li img{display: block;margin:0 auto;}
.f_con .ewm{display:inline-block;float: right; margin-right: 20px;}
.f_con .ewm img{display:inline-block;width:100px;height:100px;border:14px solid #fff}
.f_con .ewm p{display:inline-block;background:url(../images/f_bg.png) no-repeat;box-sizing:border-box;width:38px;height:128px;font-weight:400;color:#bbb;padding:12px 11px 0;line-height:110%}
.js{overflow:hidden;line-height:70px;color:#ccc;text-align: center;}
.js a{color:#ccc}
.js a:hover{color:#fff;opacity:.8}