@charset "utf-8";

/*~~~~框架布局~~~*/



.rack table{word-break:break-all;}

.rack table td{vertical-align: top;}



/*==顶部↓==*/

.head-top .weixin{position: relative;}

.head-top .weixin em{display: block;width:20px;height:20px;color: #717171;font-size: 20px;}

.head-top .weixin .ewm{position: absolute;left: -50px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}

.head-top .weixin:hover .ewm{opacity:1;transform: scale(1);}

.header{position: relative;padding:30px 0;}

/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}

.fixed-top .logo{}*/

.header .logo{}

.header .tel{color:#666666;font-size:24px;padding-left:50px; background: url(../images/tel_ico.png) no-repeat left;}

.header .tel font{display: block; color:#e8202a}

.header .lang{border-bottom:1px #ddd solid;margin: 10px 0 0 0;padding-bottom: 5px;color: #ddd;}

.header .lang a{color:#999999;font-size:12px;padding: 0 2px;}

.header .lang a.active{color:#f16904}

.header .search{position: relative; border:1px #ddd solid;border-radius: 20px;padding: 6px 15px;width: 260px;margin: 10px 70px 0 200px;}

.header .search input{}

.header .search button{position: absolute; right:10px;top:9px;cursor: pointer;width:20px;height: 20px; background: url(../images/search_ico.png) no-repeat;}

.nav{ position:relative;background: #343434;}

.nav .container{} 

.nav li{ position:relative;float: left;width:150px; text-align: center;}

.nav li hr{position: absolute; right:0;top:0;height:100%; width:2px; border-top:0px;border-bottom:0px;border-left:1px #404040 solid;border-right:1px #2a2a2a solid;}

.nav li a.navAone{position: relative; display: block;color:#fff; font-size:16px; padding:15px 20px;z-index: 9;}

.nav li a.navAone:before{content:""; opacity: 0; position: absolute;left:0;top:0; width:100%; height:100%;background: url(../images/navLiHover.jpg) no-repeat center;z-index: -1;transition: all .4s ease-in-out;}

.nav li a.navAone:hover,.nav li.active a.navAone{color:#0d0d0d;}

.nav li:hover a.navAone:before,.nav li.active a.navAone:before{opacity: 1}









.nav .sub{display:none;width: 100%;left:0;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,0.9);line-height:26px;padding:10px 0;z-index: 999;/* box-shadow: 0 0 10px #ddd; */}

.nav .sub li{ zoom:1; }

.nav .sub a.navAtwo{ position:relative;float: left;display: inline-block;text-align:center; border-radius:0px;color: #777;font-size: 13px;padding: 7px 5px 7px 5px;width: 100%;/*! margin: 0 15px; */border-bottom: 1px #D2D2D2 solid;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;/*! background: url(../images/arrow_02.png) no-repeat left; */}
.nav .sub a.navAtwo:last-child{ border:none}
.nav .sub a.navAtwo:hover{color:#333}

.nav .sub a.navAtwo:before{content: "";display: block;position: absolute;bottom: -1px;left:0;width: 0;height:1px;background:#333;-webkit-transition: width .4s ease-in-out;transition: width .4s ease-in-out;}

.nav .sub a.navAtwo:hover:before{width:100%;}





/*==标题1↓==*/

.titleAx{margin:20px 0;color:#000;font-size:28px; text-align: center;}

.titleAx font{display: block;margin-top:8px; font-size:14px; color:#999;}





/*==标题2↓==*/

.titleBx{position: relative; color:#000000;font-size:22px;margin: 0 0 10px 0;}

.titleBx font{/*! float:left; */display:block;font-size:12px; color:#999;/*! clear: both; */width: 100px;}

.titleBx a{position: absolute;right:0;top:10px;float:right;width:22px;line-height:20px; display:inline-block; border:1px #ccc solid;text-align:center; color:#ccc;font-size:15px; border-radius: 50%;}

.titleBx a:hover{color:#fff; background: #0d0d0d;border:1px #0d0d0d solid;}





/*==次级菜单↓==*/

.menu2{position:relative;float:left;margin: 0px 0 0px 0;padding: 30px 0 20px 0;width:100%;text-align: center;}

.menu2 ul{display: block; margin: auto; text-align: center;}

.menu2 ul li{margin: 15px 0 15px 0;display:inline-block;}

.menu2 a{position:relative;z-index: 2;display: inline-block;color: #696969;font-size:16px;padding: 10px 18px;margin: 0 5px;border-radius: 5px;border: 1px #ccc solid;background: #fdfdfd;}

.menu2 a:before{content:""; position:absolute; left:0; bottom:0; z-index: -1; display: block; width: 100%; height: 0; background:#e8202a; -webkit-transition: all .5s; transition: all .5s;}

.menu2 a:hover:before{height:100%;}

.menu2 li:last-child a{}

.menu2 a:hover{color: #fff;border:1px #e8202a solid}

.menu2 a.active{color:#fff; border:1px #e8202a solid; background:#e8202a}





/*==产品↓==*/

.HomeProduct{margin:70px 0 50px 0}

.HomeProduct .list{margin: 20px 0 0 0;}

.HomeProduct .list li{float:left;width:390px; margin:0 5px 10px 5px;position: relative;}

.HomeProduct .list li h3{position: absolute;left:0;bottom:0;width:100%; padding:20px 0;color:#191919;font-size:18px; text-align: center; background: rgba(255,255,255,0.7);display: ;}

.HomeProduct .list li a{display: block}

.HomeProduct .list li h3 font{color:#999;font-size:12px;display: block;}

.HomeProduct .list li h3 hr{border:none; width:20px; height:1px; margin:10px auto 0;background:#000;}

.HomeProduct .list li img{display: block; width: 392px;}

.HomeProduct .list li .effect-two::before{border-top:7px solid #e8202a;border-bottom:7px solid #e8202a;z-index: 9;transition: all .8s ease-in-out;}

.HomeProduct .list li .effect-two::after{border-right:7px solid #e8202a;border-left:7px solid #e8202a;transition: all .8s ease-in-out;}

.HomeProduct .list li .box{opacity:0;position: absolute;left:0;top:0;padding-top:50px;width:100%; height:100%; text-align: center; background: rgba(0,0,0,0.5);}

.HomeProduct .list li .box h4{padding:20px 0;color:#fff;font-size:18px; text-align: center;}

.HomeProduct .list li .box h4 font{color:#999;font-size:12px;display: block;}

.HomeProduct .list li .box h4 hr{border:none; width:20px; height:1px; margin:10px auto 0;background:#fff;}

.HomeProduct .list li .box p{ display:none;color:#fff;font-size:12px;width:200px; margin:auto}

.HomeProduct .list li .box em{display: table; width:23px;height:20px; margin:10px auto; color:#000; font-size:12px;border-radius:50%; background: #fff;}

.HomeProduct .list li:hover h3{bottom:-100%;}

.HomeProduct .list li:hover .box{opacity:1;}





/*==领域↓==*/

.HomeApplication{height:647px;padding:50px 0 30px 0;background: url(../images/HomeApplicationBG.jpg) no-repeat center top;}

.HomeApplication .picScroll-left{position: relative;}

.HomeApplication .picScroll-left .long{overflow: hidden;}

.HomeApplication .picScroll-left .long .list{}

.HomeApplication .picScroll-left .long .list li{position: relative;float:left; width:230px;margin:5px 5px;background: #fff;}

.HomeApplication .picScroll-left .long .list li a{display: block;/*! padding:5px; */}

.HomeApplication .picScroll-left .long .list li:hover{}

.HomeApplication .picScroll-left .long .list li img{height:418px; display: block;width: 100%;}

.HomeApplication .picScroll-left .long .list li h4{position: absolute;top:170px;padding:30px 20px;width:100%;color:#0d0d0d; font-size:18px; text-align: center; background: rgba(255,255,255,0.6);}

.HomeApplication .picScroll-left .long .list li h4 font{display: block;font-size:12px;color:#666;transition: all .4s ease-in-out;}

.HomeApplication .picScroll-left .long .list li h4 b{ display: block;color:#333;font-size:12px; line-height: 17px}

.HomeApplication .picScroll-left .long .list li:hover h4{color:#fff}

.HomeApplication .picScroll-left .long .list li:hover h4 font{color:#eee}

.HomeApplication .picScroll-left .long .list li:hover h4 b{color:#fff}

.HomeApplication .picScroll-left .long .list li:hover h4{background:rgba(0,0,0,0.5) url(../images/line03.png) no-repeat center;}

.HomeApplication .picScroll-left .prev,.HomeApplication .picScroll-left .next{position: absolute; top:200px;left:-60px;font-size:15px;color:#fff;cursor: pointer;width: 40px;height: 40px;background: #343434;border-radius: 50%;text-align: center;line-height: 40px;}

.HomeApplication .picScroll-left .next{right:-60px; left:auto;}

.HomeApplication .picScroll-left .prev:hover,.HomeApplication .picScroll-left .next:hover{color:#fff; background: #e8202a;}





/*==信息模块↓==*/

.HomeLong{margin:60px 0 80px;}

.HomeLong .left{width:380px;}

.HomeLong .slideAhout{position: relative; width:100%; height:315px;overflow:hidden; margin:0 auto;}

.HomeLong .slideAhout .long{position:relative;margin: auto;width: 100%;}

.HomeLong .slideAhout .list{position:absolute;width:100%;}

.HomeLong .slideAhout .list li{width:100%;}

.HomeLong .slideAhout .list li .box{position: absolute;bottom:0;left:0;width:100%;padding:40px 30px; background: rgba(0,0,0,0.5);}

.HomeLong .slideAhout .list li .box p{color:#f3f3f3;font-size:12px; line-height: 20px;padding-right:80px;}

.HomeLong .slideAhout .list li .box p b{display: block; margin-bottom:10px;color:#fff;font-size:14px;}

.HomeLong .slideAhout .list img{display:block; margin:0 auto; position:relative; max-width:100%;}

.HomeLong .slideAhout .spot{position:absolute;bottom: 60px;right:20px;/*! width:100%; */z-index: 99;text-align:center;}

.HomeLong .slideAhout .spot li{position:relative;display:inline-block;margin: 0 5px;width:10px;height:10px;cursor: pointer;font-size:0px;border-radius:50%; background: rgba(255,255,255,0.5)/* overflow:hidden; */}

.HomeLong .slideAhout .spot li.on{background:#fff;/* margin-top:-11px; */}

.HomeLong .slideAhout .spot li.on:before{height:25px;background:#0092D8}

.HomeLong .slideAhout .prev,

.HomeLong .slideAhout .next{position:absolute;left:3%;top:45%;font-size:100px;color:#fff;/* margin-top:-25px; */display:block;width:26px;height: 33px;padding: 5px 7px;background: url(../images/ctrl.png) 0px 0px no-repeat;filter:alpha(opacity=50);opacity: 0.7;}

.HomeLong .slideAhout .next{left:auto;right:3%;background-position: -40px 0px;}

.HomeLong .slideAhout .prev:hover,.HomeLong .slideAhout .next:hover{filter:alpha(opacity=100);opacity:1;}

.HomeLong .article{margin:0 0 0 30px;width: 380px;}

.HomeLong .article ul{}

.HomeLong .article ul li.one{padding-bottom:15px; margin-bottom:15px; border-bottom:1px #ddd dotted}

.HomeLong .article ul li.one .effect-one{height:135px;margin-bottom: 15px;}

.HomeLong .article ul li.one h4{color:#191919;font-size:14px;}

.HomeLong .article ul li.one p{color:#666666;font-size:12px;}

.HomeLong .article ul li.one a:hover h4{color:#e8202a}

.HomeLong .article ul li.two{padding-left:10px; margin-bottom:5px;background: url(../images/arrow_02.png) no-repeat left;}

.HomeLong .article ul li.two a{color:#191919;font-size:12px;}

.HomeLong .article ul li.two a span{float:right;color:#666666;font-size:12px;}

.HomeLong .article ul li.two a:hover{color:#e8202a}





/*==领域↓==*/

.application2{}

.application2 h1.title{color:#333;font-size:25px; text-align: center;margin: 20px 0 30px 0;}

.application2 .top{border:1px #ddd solid; text-align: center;margin: 5px 0 30px 0;}

.application2 .top a{display: inline-block;border-top:1px #ddd solid;border-bottom:1px #ddd solid; color:#666; font-size:15px;padding: 20px 15px;margin: -1px 0;}

.application2 .top a:hover,.application2 .top a.active{border-top:1px #e8202a solid;border-bottom:1px #e8202a solid; color:#e8202a;}

.application2 .wor{margin:10px 0 20px 0;color:#666;font-size:13px;line-height:24px;}





/*==底部===*/

.footer{padding: 80px 0 0 0;background: #0d0d0d;}

.footer .nav-foot{margin:0 0 50px 0;}

.footer .nav-foot h3{color:#fff;font-size:14px;margin-bottom:10px;}

.footer .nav-foot{}

.footer .nav-foot li{display: table-cell; border-right:1px #313131 dotted;width: 135px;text-align: center;}
.footer .nav-foot li:nth-last-child(1),.footer .nav-foot li:nth-last-child(2),.footer .nav-foot li:nth-last-child(3){ display: none}
.footer .nav-foot li:last-child{border:none;}

.footer .nav-foot li a{display: block;color:#666666; line-height:20px;font-size:12px;padding:3px 0;}

.footer .nav-foot li a:hover{color:#fff}

.footer .left{color:#666;font-size:12px;width: 420px;margin-left: 30px;margin-top: 30px;}

.footer .left span.ewm{display: block; background: url(../images/frame.png) no-repeat center;width: 104px;height:104px;float: left;margin: 0 20px 0 0;}

.footer .left span.ewm img{width:80px;height:85px;margin: 15px 0 0 6px;}

.footer .left a{color:#666;font-size:12px;}

.footer .left a:hover{color:#ddd}

.footer .right{margin-left: 40px;margin-top: 30px;}

.footer .right span{position:relative;color:#666;font-size:12px;line-height: 15px;margin-bottom: 15px;display: block;}

.footer .right span font{display:block;color:#999}

.footer .right span:before{content: ""; position: absolute; left:-100px;top:10px; width:80px;height:1px; background: #666;display: none;}

.footer .right b{color:#fff;font-size:24px;}

.footer .link{margin-top: 30px;padding:20px 0;border-top: 1px #333 solid;}

.footer .link h3{float: left;color:#999;font-size:14px;margin-right: 15px;}

.footer .link h3 font{color:#666; font-size:11px; margin-left:5px}

.footer .link a{display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 10px;border-right: 1px #999 dotted;}

.footer .link a:hover{color:#fff}

.footer .link a:last-child{border:none;}

.footer .copy{padding:15px 0; color:#666; font-size:12px; background: #000;}