/* CSS common */
.clearFloat:after {
	height: 0px;content: ".";
	clear: both;visibility: hidden;
	display: block;
}
.clearFloat { zoom: 1; }
*{margin: 0px;padding: 0px;}
img{margin: 0;border: none;}
.fl{float:left;}
.fr{float: right;}
a{text-decoration: none;font-family: "微软雅黑";}
dl, ul{list-style:none;}
li{list-style:none;}
input{outline: none;font-family: "微软雅黑";}
i,em{font-style: normal;}
body{font-family:"微软雅黑";}
.w1200{width: 1200px;margin: auto;min-width: 1200px;}

/* 头部 */
.head_in{height: 116px;background: url(/html/static/images/index25.png) no-repeat center top;min-width: 1200px;background-size: cover auto;}
.head_in .left{height: 116px;line-height: 116px;}
.head_in .left img{vertical-align: middle;}
.head_in .right .right_top{padding-top: 16px;text-align: right;}
.head_in .right .right_top span{display: inline-block;padding-left: 29px;color: #333333;font-size: 16px;background: url(/html/static/images/index5.png) no-repeat left center;}
.head_in .right .right_top span em{color: #e50011;font-weight: bold;}
.head_in .right .nav li{float: left;position: relative;}
.head_in .right .nav li a{display: inline-block;padding: 0 30px;height: 72px;line-height: 72px;border-bottom: solid 4px #fff;color: #666666;font-size: 16px;transition: all 0.4s;}
.head_in .right .nav li.active a{color: #005bac;border-bottom: solid 4px #005bac;}
.head_in .right .nav li:hover a{color: #005bac;border-bottom: solid 4px #005bac;}
.head_in .right .nav li dl{position: absolute;width: 100%;padding: 10px 0;background: #fff;z-index: 10;top: 76px;display: none;}
.head_in .right .nav li:hover dl{display: block;}
.head_in .right .nav li dl dd{text-align: center;}
.head_in .right .nav li dl dd a{padding: 0;height: 35px;line-height: 35px;border-bottom: none;}
.head_in .right .nav li.active dl dd a{border-bottom: none;color: #666666;font-size: 12px;}
.head_in .right .nav li:hover dl dd a{border-bottom: none;color: #666666;}
.head_in .right .nav li dl dd a:hover{color: #005bac;}
.swiper1{
        width: 100%;
        height: 500px;
    }
.swiper1 .swiper-pagination1{bottom: 15px;position: absolute;text-align: center;width: 100%;}
.swiper1 .swiper-pagination-switch{background: url(/html/static/images/index3.png) no-repeat center;width: 15px;height: 15px;opacity: 1;display: inline-block;cursor: pointer;margin: 0px 5px;}
.swiper1 .swiper-active-switch{background: url(/html/static/images/index4.png) no-repeat center;}

/* 产品展示 */
.product_in{min-width:1200px;background: #f0faff;padding: 45px 0 50px;}
.product .det{margin-top: 32px;}
.product .det .det_top{text-align: center;background: #fff;border: solid 1px #cccccc;}
.product .det .det_top li{height: 53px;line-height:53px;transition: all 0.4s;width: 149px;text-align: center;float: left;border-right: solid 1px #cccccc;}
.product .det .det_top li a{display: block;height: 100%;color: #666666;font-size: 14px;text-align: center;width: 100%;transition: all 0.4s;}
.product .det .det_top li.active a{background: #005bac;color: #fff;}
.product .det .det_top li:hover a{background: #005bac;color: #fff;}
.product .det .det_down{margin-top: 22px;}
.swiper2{height: 405px;}
.swiper2 ul{width: 1200px;overflow: hidden;}
.swiper2 li{float: left;width: 382px;height: 405px;background: #e8e8e8;margin: 13px 9px;transition: all 0.4s;}
.swiper2 li:hover{background: #005bac;}
.swiper2 li .li_ig{width: 382px;height: 250px;margin: auto;overflow: hidden;}
.swiper2 li .li_ig img{width: 382px;height: 250px;transition: all 0.4s;}
.swiper2 li .li_ig:hover img{transform: scale(1.1);}
.swiper2 li .li_tit{line-height: 100%;width: 340px;margin: auto;margin-top: 18px;color: #000;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.swiper2 li:hover .li_tit{color: #fff;}
.swiper2 li p{line-height: 25px;width: 340px;margin: auto;margin-top: 20px;color: #666;font-size: 14px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;display: -webkit-box;}
.swiper2 li:hover p{color: #fff;}
.swiper2 .arrow-left{width: 51px;height: 51px;top: 50%;margin-top: -25px;position: absolute;left: 10px;background: url(/html/static/images/index11.png) no-repeat center;z-index: 10;opacity: 0.6;transition: all 0.4s;}
.swiper2 .arrow-left:hover{opacity: 1;}
.swiper2 .arrow-right{width: 51px;height: 51px;top: 50%;margin-top: -25px;position: absolute;right: 10px;background: url(/html/static/images/index12.png) no-repeat center;z-index: 10;opacity: 0.6;transition: all 0.4s;}
.swiper2 .arrow-right:hover{opacity: 1;}

/* 关于UG环球 */
.com_tit{text-align: center;height: 48px;line-height: 48px;background: url(/html/static/images/index6.png) no-repeat center;color: #005bac;font-size: 24px;}
.about{padding: 60px 0;}
.about .focusBox { position: relative; width: 600px; height: 433px; overflow: hidden;}
.about .focusBox .pic img { width: 600px; height: 433px; display: block; }
.about .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 60px; width:100%;  background: #333; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; }
.about .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 60px; width:100%; overflow: hidden; }
.about .focusBox .txt li{ height:60px; line-height:60px; position:absolute; bottom:-60px;}
.about .focusBox .txt li a{ display: block; color: white; padding: 0 0 0 20px; font-size: 20px; text-decoration: none;line-height: 60px;}
.about .focusBox .num { position: absolute; z-index: 3; bottom: 22px; right: 15px; }
.about .focusBox .num li{ float: left; position: relative; width: 11px; height: 11px;overflow: hidden;margin-right: 1px; cursor: pointer;margin:0 5px;}
.about .focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none;border-radius: 50%;}
.about .focusBox .num li span { z-index: 1; background: #fff;}
.about .focusBox .num li.on a,.focusBox .num a:hover{ background:#005bac;  }
.about .det{margin-top: 65px;height: 433px;}
.about .det .left{width: 300px;height: 433px;background: #005bac;}
.about .det .left .sp1{padding-top: 50px;padding-left: 18px;color: #fff;font-size: 20px;}
.about .det .left p{margin-top: 25px;padding:0 18px;color: #fff;font-size: 14px;line-height: 28px;}
.about .det .right{width: 300px;height: 433px;background: #005bac;}
.about .det .right .ig{position: relative;width: 300px;height: 253px;overflow: hidden;}
.about .det .right .ig img{width: 300px;height: 253px;vertical-align: middle;transition: all 0.4s;}
.about .det .right .ig:hover img{transform: scale(1.1);}
.about .det .right .ig .fon{position: absolute;bottom: 0;width: 300px;height: 60px;line-height: 60px;background: rgba(0,0,0,0.6);}
.about .det .right .ig .fon span{color: #fff;font-size: 20px;margin-left: 18px;}
.about .det .right .down{text-align: center;line-height: 178px;color: #fff;font-size: 20px;}
.about .det .right .down a{display: block;height: 100%;}
.about .det .right .down img{vertical-align: middle;margin-right: 24px;}
.about .det .right .down span{color: #fff;font-size: 20px;}

.about1{margin-top:20px; line-height:28px; color:#666;}

/* 选UG环球 */
.com_tit2{background: url(/html/static/images/index7.png) no-repeat center;}
.change{margin-top: 70px;}
.change .det{margin-top: 115px;}
.change .det li{float: left;width: 278px;height: 338px;margin-right: 24px;border: solid 1px #cccccc;position: relative;transition: all 0.4s;}
.change .det li a{display: block;height: 100%;}
.change .det li.li4{float: right;margin-right: 4px;}
.change .det li .sp1{text-align: center;padding-top: 125px;color: #005bac;font-size: 18px;}
.change .det li p{margin-top: 15px;color: #333;font-size: 14px;line-height: 28px;padding: 0 25px;}
.change .det li .top{width: 164px;height: 164px;position: absolute;left: 50%;margin-left: -82px;top: -60px;border-radius: 50%;background: #005bac;border: solid 1px #005bac;transition: all 0.4s;}
.change .det li:hover{background: #005bac;}
.change .det li:hover .top{background: #fff;}
.change .det li:hover .sp1{color: #fff;}
.change .det li:hover p{color: #fff;}
.change .det li .top .top_ig{width: 164px;height: 164px;}
.change .det li.li1 .top .top_ig{background: url(/html/static/images/index26.png) no-repeat center;}
.change .det li.li1:hover .top .top_ig{background: url(/html/static/images/index26_h.png) no-repeat center;}
.change .det li.li2 .top .top_ig{background: url(/html/static/images/index27.png) no-repeat center;}
.change .det li.li2:hover .top .top_ig{background: url(/html/static/images/index27_h.png) no-repeat center;}
.change .det li.li3 .top .top_ig{background: url(/html/static/images/index28.png) no-repeat center;}
.change .det li.li3:hover .top .top_ig{background: url(/html/static/images/index28_h.png) no-repeat center;}
.change .det li.li4 .top .top_ig{background: url(/html/static/images/index29.png) no-repeat center;}
.change .det li.li4:hover .top .top_ig{background: url(/html/static/images/index29_h.png) no-repeat center;}

/* 新闻中心 */
.news{margin-top: 80px;}
.news .det{margin-top: 65px;}

.news .det .left{width: 795px;}
.news .det .left .top li{width: 195px;height: 45px;line-height: 45px;text-align: center;float: left;border: dashed 1px #c2c2c2;}
.news .det .left .top li:last-child{border-left: none;}
.news .det .left .top li a{display: block;height: 100%;color: #333;font-size: 15px;transition: all 0.4s;}
.news .det .left .top li.active a{color: #fff;background: -webkit-linear-gradient(left,#3877c2, #394c7c);





 /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left,#3877c2, #394c7c); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left,#3877c2, #394c7c); /* Firefox 3.6 - 15 */
  background: linear-gradient(left,#3877c2, #394c7c); /* 标准的语法 */}
.news .det .left .down li{padding: 25px 0;border-bottom: solid 1px #f2f2f2;position: relative;}
.news .det .left .down li a{display: block;height: 100%;}
.news .det .left .down li .time{width: 120px;height: 52px;text-align: right;border-right: solid 1px #f2f2f2;}
.news .det .left .down li .time em{display: block;color: #3876c0;font-size: 30px;line-height: 100%;margin-right: 20px;padding-top: 5px;}
.news .det .left .down li .time i{display: block;color: #3876c0;font-size: 14px;line-height: 100%;margin-right: 20px;margin-top: 2px;}
.news .det .left .down li .fon{width: 600px;margin-left: 18px;}
.news .det .left .down li .fon h4{color: #000;font-size: 15px;font-weight: normal;line-height: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 5px;}
.news .det .left .down li .fon p{color: #333;font-size: 13px;font-weight: normal;line-height: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 14px;}
.news .det .left .down li .more{position: absolute;right:0;bottom: 25px;}
.news .det .left .down li:hover h4{color: #17639b;}
.news .det .right{width: 386px;height: 356px;overflow: hidden;position: relative;}
.news .det .right img{width: 386px;height: 356px;transition: all 0.4s;}
.news .det .right:hover img{transform: scale(1.1);}
.news .det .right .fon{position: absolute;bottom: 0;width: 386px;height: 95px;background: #1a669d;z-index: 2;}
.news .det .right .fon p{padding: 25px 30px 0;color: #fff;font-size: 14px;line-height: 22px;}

.foot_in{height: 318px;min-width: 1200px;background: url(/html/static/images/index19.jpg) no-repeat center;background-size: cover;margin-top: 65px;}
.foot .det1{width: 340px;padding-top: 55px;}
.foot .det1 .tit{color: #ffffff;font-size: 20px;margin-bottom: 15px;}
.foot .det1 p{line-height: 44px;color: #fff;font-size: 14px;padding-left: 40px;}
.foot .det1 p.p1{background: url(/html/static/images/index20.png) no-repeat left center;}
.foot .det1 p.p2{background: url(/html/static/images/index21.png) no-repeat left center;}
.foot .det1 p.p3{background: url(/html/static/images/index22.png) no-repeat left center;}
.foot .det2{width: 172px;padding-top: 45px;}
.foot .det2 .tit{color: #ffffff;font-size: 20px;margin-bottom: 15px;}
.foot .det2 a{display: block;line-height: 28px;color: #a5a5a5;font-size: 14px;}
.foot .det2 a:hover{color: #fff;}
.foot .det3{width: 214px;}
.foot .det4{width: 255px;padding-top: 45px;color: #a5a5a5;font-size: 14px;}
.foot .det4 .tit{color: #ffffff;font-size: 20px;margin-bottom: 15px;}
.foot .det4 a{display: inline-block;line-height: 28px;color: #a5a5a5;font-size: 14px;margin: 0 8px 0 2px;}
.foot .det4 a:hover{color: #fff;}
.foot .det5{text-align: center;}
.foot .det5{width: 185px;padding-top: 50px;}
.foot .det5 .ig2{margin-top: 10px;}
.foot .det5 p{color: #cccccc;font-size: 14px;margin-top: 10px;}
.foot2{height: 44px;line-height: 44px;background: #005bac;min-width: 1200px;color: #fff;font-size: 14px;}







.new-leftinfo {
    width: 97%;
    background: #fff;
    font-size: 14px;
    line-height: 1.85;
    color: #7e7e7e;
    padding: 25px 22px;
    float: left;
}
.new-leftinfo-next {
    font-family: "microsoft yahei", simhei;
    font-size: 14px;
    padding-top: 10px;
    color: #3c3c3c;
}
.new-leftinfo-h3 {
    color: #3c3c3c;
    font-size: 24px;
    border-left: 8px solid #038fe0;
    line-height: 1;
    padding-left: 15px;
    font-weight: 100;
    font-family: "microsoft yahei", simhei;
}
.new-leftinfo-date {
    color: #c1c1c1;
    padding: 15px 0 20px 25px;
    border-bottom: 1px solid #eee;
}
.new-leftinfo-text {
    padding: 30px 10px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 15px;
}
.new-leftinfo-text p{
    margin-top:5px;
}
.new-leftinfo-text img {
    max-width: 100%;
    padding: 10px 0;
}