@charset "utf-8";
/*~~~~框架布局~~~*/



.effect-lower{ position: relative;}
.effect-lower .effect-lower-block{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;}
.effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}

/*==顶部↓==*/
.head-top{text-align:right;margin-top: 10px;}
.head-top .store{color:#888888;font-size:14px;margin-right: 10px;}
.head-top .store font{color:#ff5e02;font-weight: bold;}
.head-top .store:hover{color:#ff5e02}
.head-top .tel{color:#1f4da2;font-size:20px;padding-left:35px; border-left:1px #ddd dotted; background: url(../images/tel_ico.png) no-repeat 15px 5px;}
.header{ position: relative;padding:5px 0 20px;height: 75px;}
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header .logo{}
.header .logo img{}
.header .title{color:#666666;font-size:14px;margin-left:20px; padding-left:20px;border-left:1px #aaa dotted;display: block;float: left;}
.header .title font{color:#1f4da2;font-size:19px;display: block;font-weight: bold;}
.header .nav{}
.header .nav li{float: left;/* position: relative; */margin: 10px 17px 0 17px;}
.header .nav li a.navAone{ display: block; color:#777777; font-size:16px; padding:0px 0px 36px 0px;position: relative;}
.header .nav li a.navAone:before,.header .nav li a.navAone:after{ opacity:0; content: ""; position: absolute;bottom: 0;left:0;transition: all .4s ease-in-out;}
.header .nav li a.navAone:before{height:4px;width:100%; background: #1f4da2}
.header .nav li a.navAone:after{width:8px;height:8px;margin-left:-1px;transform:rotate(45deg);background: #1f4da2;left: 45%;}
.header .nav li a.navAone:hover,.header .nav li.active a.navAone{ color:#1f4da2;  }
.header .nav li a.navAone:hover:before,.header .nav li a.navAone:hover:after,.header .nav li.on a.navAone:before,.header .nav li.on a.navAone:after,.header .nav li.active a.navAone:before,.header .nav li.active a.navAone:after{ opacity: 1}
/*.header .nav li.drop-downHover a.navAone{ background:#0092D8;color:#fff}*/
.header .nav li .sub{ display: none; position: absolute; left:0;top:100%;z-index:9;width:100%;padding:50px 0; text-align:center; background: #f1f1f1;}
.header .nav li .sub a{display: inline-block;margin:0 10px;background: #fff;position: relative;}
.header .nav li .sub a:nth-child(6){ display: none}
.header .nav li .sub a img{max-width:100%; display:block;}
.header .nav li .sub a h3{color:#fff;position: absolute;left: 0;bottom: 0;font-size:14px;padding: 3px 0;width: 100%;background:rgba(0,0,0,0.5);}
.header .nav li .sub a:hover h3{background:#1f4da2}
.header .nav li .sub-1 a{width: 216px;}
.header .nav li .sub-2 a{ display: inline-block;margin:0 10px;  background: #fff;width: 216px;}
.header .nav li div.sub-2 h3{padding-bottom:10px;color:#666; background:none}
.header .nav li .sub-2 a:hover h3{color:#1f4da2;background:none}
.header .nav li .sub-3 a{width:300px; margin:0 30px; }
.header .nav li .sub-3 a:hover{ }
.header .nav li .sub-3 h3{ display:none;}
.header .search{ position:relative;margin: 10px 0 0 5px;border-left: 1px #ddd solid;padding-left: 20px;}
.header .search em{display: block;width:20px;height:20px;font-size: 18px;color: #1f4da2;/*! background: #ddd; */}
.header .search:hover .box{ opacity:1;height:100px;}
.header .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}
.header .search .box{opacity:0;position:absolute;top:59px;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.header .search .box span{color: #46989C;font-size:15px;padding-right:30px;}	
.header .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #46989C solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}
.header .search .box input::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
.header .search .box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　color:#999;}
.header .search .box input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;　}
.header .search .box input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}
.header .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}
.header .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.header .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.header .search .box button:hover{ background:#000}


/*==标题↓==*/
.titleAx{color:#333333;font-size:35px;margin: 15px 0;}
.titleAx i{color:#1f4da2;font-size:30px;font-weight:bold;text-transform: uppercase;font-style: normal;}
.titleAx .more{ float:right; color:#1f4da2;border:1px #1f4da2 solid; padding:2px 10px;font-size: 12px;}
.titleAx .more:hover{ color:#fff; background: #1f4da2;}


/*==产品↓==*/
.HomeProduct{float:left;width:100%; padding:70px 0 50px 0; background: #f1f1f1;position: relative;z-index: 2;}
.HomeProduct .tone{margin:30px 0;/*! overflow: hidden; */float: left;width: 100%;}
.HomeProduct .tone li{ position: relative;z-index: 9999;float:left; color:#666666;font-size:14px;padding:5px 20px;border-radius: 20px;cursor: pointer;transition: all .2s ease-in-out;}
.HomeProduct .tone li.hit{background: #ccc;color: #fff;}
.HomeProduct .tone li.hit a{color:#fff;}
.HomeProduct .tone li:before{content: ""; position: absolute;left:0;top:0;width:0%;height:100%;z-index: -1;background:#1f4da2;transition: all .4s ease-in-out;border-radius: 20px;}
.HomeProduct .tone li.hit:before{width:100%; }
.HomeProduct .tone li span{ display: none;position: absolute; left:0;top:100%;z-index: 999;width: 100%;background: #f5f5f5;/*! border: 1px #ddd solid; */box-shadow: 0 0 10px #aaa;}
.HomeProduct .tone li:hover span{ display: block}
.HomeProduct .tone li span a{ display: block; color:#666;font-size:12px;padding: 10px 10px;border-bottom: 1px #ddd dashed;text-align: center;} 
.HomeProduct .tone li span a:hover{color:#1f4da2; }
.HomeProduct .tone .more{ float:right; color:#1f4da2;border:1px #1f4da2 solid; padding:2px 10px;font-size: 12px;}
.HomeProduct .tone .more:hover{ color:#fff; background: #1f4da2;}
.HomeProduct .down{margin:5px 0 20px 0;float: left;width: 100%;position: relative;z-index: -1;}
.list-product{}
.list-product li{float:left;width:380px; margin:0 10px 20px 10px; text-align: center; background: #fff;box-shadow: 0 0 10px #eee;}
.list-product li h4{color:#333;font-size:14px;margin-top: 10px;padding:0 15px;height:50px;}
.list-product li span{color:#888;font-size:12px;margin: 5px 0 5px 0;display: block;}
.list-product li em{ position: relative;color:#fff;font-size:14px; display: block; margin: auto; width:30px;line-height: 30px; text-align: center; background: #1f4da2;}
.list-product li em:before{ opacity: 0;position: absolute;left:20px;top:10px; content: ""; width:44px;height:11px; background: url(../images/line02.png) no-repeat center;}
.list-product li:hover h4{color:#1f4da2}
.list-product li:hover{ box-shadow: 0 0 10px #aaa}
.list-product li:hover em{width:80px;font-size:0px;}
.list-product li:hover em:before{ opacity: 1}

/*==应用领域↓==*/
.HomeApplication{margin:70px 0}
.HomeApplication .picScroll-left{ position: relative;}
.HomeApplication .picScroll-left .prev,.HomeApplication .picScroll-left .next{ position: absolute; left:-50px;top:50%; border:1px #ddd solid;width:35px; line-height: 35px;color:#ddd;font-size:30px;text-align: center; cursor: pointer}
.HomeApplication .picScroll-left .next{left:auto;right:-50px}
.HomeApplication .picScroll-left .prev:hover,.HomeApplication .picScroll-left .next:hover{color:#fff;background: #1f4da2}
.HomeApplication .long{ margin-top:35px; overflow: hidden}
.HomeApplication .list{}
.HomeApplication .list li{ float:left;width:300px;}
.HomeApplication .list li a{ position: relative; display: block; margin:0 10px;}
.HomeApplication .list li .box{position: absolute;left:0;top:275px;z-index: 9; padding:30px; height:100%;background: rgba(0,0,0,0.5);transition: all .8s ease-in-out;}
.HomeApplication .list li .box em{ display: block;width:100px; height:30px;margin:10px auto 0; border:1px #fff solid; background: url(../images/line02.png) no-repeat center;}
.HomeApplication .list li .box h4{color:#fff;font-size:20px; text-align: center}
.HomeApplication .list li .box hr{ display: block; border: none;margin:15px auto;width:20px;height:1px; background: #ffffff;transition: all .4s ease-in-out;}
.HomeApplication .list li .box p{height:100px;color:#fff;font-size:12px; overflow: hidden;}
.HomeApplication .list li:hover .box{top:0;height:100%;padding:50px 30px; background: #1f4da2;}
.HomeApplication .list li:hover .box p{height: auto}


/*==优势↓==*/
.HomeAdvantage{padding:70px 0; background:#f1f1f1;}
.HomeAdvantage .list{margin-top: 50px; overflow: hidden;}
.HomeAdvantage .list li{ position: relative;z-index: 2;float:left;290px;margin:0 5px 10px 5px;background: #fff;width: 290px;height: 290px;padding: 30px 25px; overflow: hidden}
.HomeAdvantage .list li:before{ opacity: 0; content: "";position: absolute;top:40px;left:0px;z-index:-1;width:100%;height:100%; background:#1f4da2;transition: all .4s ease-in-out;}
.HomeAdvantage .list li:hover:before{ opacity: 1;top:0;left:0;}
.HomeAdvantage .list li em{ display: block;width:50px;height:50px;  background: url(../images/icoB.png) no-repeat 0 0;}
.HomeAdvantage .list li span{margin-top:20px; display: block; color:#666666;font-size:16px; display: block;text-transform: uppercase;}
.HomeAdvantage .list li h3{color:#222222;font-size:20px;margin-top: 5px;}
.HomeAdvantage .list li p{margin-top:20px;color:#666666;font-size:13px;}
.HomeAdvantage .list li.x1 em{ background-position: 0 0 ;}
.HomeAdvantage .list li.x2 em{ background-position: -4px -57px;}
.HomeAdvantage .list li.x3 em{ background-position: -3px -117px;}
.HomeAdvantage .list li.x4 em{ background-position: -5px -179px;}
.HomeAdvantage .list li.x5 em{ background-position: -5px -239px;}
.HomeAdvantage .list li.x6 em{ background-position: -3px -298px;}
.HomeAdvantage .list li.x7 em{ background-position: -5px -360px;}
.HomeAdvantage .list li.x8 em{ background-position: -4px -420px;}
.HomeAdvantage .list li:hover{ }
.HomeAdvantage .list li:hover h3,.HomeAdvantage .list li:hover span,.HomeAdvantage .list li:hover p{color:#fff}
.HomeAdvantage .list li.x1:hover em{ background-position: -64px 0 ;}
.HomeAdvantage .list li.x2:hover em{ background-position: -64px -57px;}
.HomeAdvantage .list li.x3:hover em{ background-position: -64px -117px;}
.HomeAdvantage .list li.x4:hover em{ background-position: -64px -179px;}
.HomeAdvantage .list li.x5:hover em{ background-position: -64px -239px;}
.HomeAdvantage .list li.x6:hover em{ background-position: -64px -298px;}
.HomeAdvantage .list li.x7:hover em{ background-position: -64px -360px;}
.HomeAdvantage .list li.x8:hover em{ background-position: -64px -420px;}


/*==首页关于我们↓==*/
.HomeAbout{  overflow:hidden;background: #1f4da2;}
.HomeAbout .left{ position:relative;width:600px; }
.HomeAbout .left img{ position: absolute; right:0;top:0;}
.HomeAbout .right{width:600px;padding:70px 50px;}
.HomeAbout .right h3{color:#fff;font-size:24px;}
.HomeAbout .right hr{border:none; margin:30px 0;width:100px;height:1px; background: #fff;}
.HomeAbout .right .wx{color:#fff;font-size:14px;}
.HomeAbout .right a{ display: block;width:100px; height:30px;margin:30px 0 0 0; border:1px #fff solid; background: url(../images/line02.png) no-repeat center;}


/*==首页新闻↓==*/
.HomeArticle{margin: 70px 0 70px 0;}
.HomeArticle .list{ margin-top:40px;width:1265px; margin-left:-65px;}
.HomeArticle .list li{ position: relative;float:left; width:355px; margin-left:65px; border-bottom: 1px #ddd solid;padding-bottom:30px;}
.HomeArticle .list li:before{ content: "";position: absolute;left:0;bottom:0;width:0%;height:1px; background: #1f4da2;transition: all .6s ease-in-out;}
.HomeArticle .list li .effect-one{ position: relative;}
.HomeArticle .list li .time{ position: absolute;left:30px;top:0px;padding:13px 15px;color:#ffffff;font-size:26px; background: #234c9c;}
.HomeArticle .list li .time hr{ display: block; border:none; width:20px;height:1px;  background: #fff;margin-bottom: 10px;}
.HomeArticle .list li .time font{ display: block; font-size:12px}
.HomeArticle .list li h4{margin:20px 0 15px 0;color:#333;font-size:16px;}
.HomeArticle .list li p{color:#666;font-size:14px;}
.HomeArticle .list li:hover h4{color:#1f4da2}
.HomeArticle .list li:hover:before{width:100%;}

/*==合作伙伴↓==*/
.HomePartner{ padding:70px 0;background: #f1f1f1;}
.HomePartner .picScroll-left{ position: relative;}
.HomePartner .picScroll-left .prev,.HomePartner .picScroll-left .next{ position: absolute; left:-50px;top:37%; border:1px #ddd solid;width:35px; line-height: 35px;color:#ddd;font-size:30px;text-align: center; cursor: pointer;/*! margim-top: -35px; */}
.HomePartner .picScroll-left .next{left:auto;right:-50px;}
.HomePartner .picScroll-left .prev:hover,.HomePartner .picScroll-left .next:hover{color:#fff;background: #1f4da2}
.HomePartner .long{ margin-top:40px; overflow: hidden}
.HomePartner .list{}
.HomePartner .list li{ float:left;width:240px;}
.HomePartner .list li a{ position: relative; display: block; margin:0 10px;}
.HomePartner .list li h4{  opacity: 0; position: absolute; left:0; bottom: 0;color:#fff;font-size:20px; text-align: center;padding:30px 0px 0px 0px;width: 100%;height:100%;z-index: 9;transform:translateX(0px);}
.HomePartner .list li a:before{ opacity: 0;position: absolute;z-index: 2;content: "";left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.5);transition: all .4s ease-in-out;}
.HomePartner .list li:hover h4{ opacity: 1;transform:translateY(20px);}
.HomePartner .list li:hover a:before{ opacity: 1}


/*==关于我们↓==*/
.AboutBox{}
.AboutBox .introduction{margin: 20px 0 50px 0;}
.AboutBox .introduction .pic{ display: block;}
.AboutBox .introduction .wx{ margin:30px 0;color:#666666;font-size:14px;}
.AboutBox .introduction .wx .title{ float:left;width:220px; border-right:1px #ddd solid;margin-right:50px;color:#108bd6;font-size:50px; line-height: initial}
.AboutBox .introduction .wx .title font{ display: block; font-size:23px;}
.AboutBox .introduction .wx .box{float:right;width:930px}
.AboutBox .culture{padding:75px 0; background: #f1f1f1;}
.AboutBox .culture ul{margin-top: 40px;}
.AboutBox .culture ul li{ position:relative;float:left;width:286px; margin:0px 7px; background: #fff; overflow: hidden;}
.AboutBox .culture ul li img{display: block;margin: auto;width: 100%;}
.AboutBox .culture ul li h3{padding:15px 0;text-align: center;color:#666666;font-size:18px;line-height: initial;}
.AboutBox .culture ul li h3 font{ display: block;font-size:14px;}
.AboutBox .culture ul li .box{opacity: 0; position: absolute; left:0px;top:30px; width:100%;height:100%; text-align:center;background: #1f4da2;padding: 50px;transition: all .4s ease-in-out;}
.AboutBox .culture ul li .box h4{color:#fff;font-size:18px}
.AboutBox .culture ul li .box h4 font{color:#fff;font-size:14px;display: block;}
.AboutBox .culture ul li .box hr{border:none; width:20px;height:1px; background: #fff;margin: 20px auto;}
.AboutBox .culture ul li .box p{color:#fff;font-size:14px}
.AboutBox .culture ul li .box a{ display: block;width:100px; height:30px;margin:40px auto 0; border:1px #fff solid; background: url(../images/line02.png) no-repeat center;}
.AboutBox .culture ul li:hover .box{opacity: 1;top:0;}
/*关于-荣誉资质*/
.AboutBox .honor{padding: 70px 0 30px 0;}
.AboutBox .honor .picScroll-left{position: relative;margin-top:40px;}
.AboutBox .honor .picScroll-left .hidden{width: 1210px;overflow: hidden;}
.AboutBox .honor .picScroll-left .list li{position: relative;float:left;width: 300px;}
.AboutBox .honor .picScroll-left .list li a{margin: 0 15px;display: block;}
.AboutBox .honor .picScroll-left .list li .pic{width: 400px; /*! padding: 10px 10px; */ height: 390px; border-radius: 10px; vertical-align: middle; display: table-cell; text-align: center; /*! border:1px #dedede solid; */ background: #eee;}
.AboutBox .honor .picScroll-left .prev,.AboutBox .honor .picScroll-left .next{ position: absolute; left:-40px;top:45%; border:1px #ddd solid;width:35px; line-height: 35px;color:#ddd;font-size:30px;text-align: center; cursor: pointer}
.AboutBox .honor .picScroll-left .next{left:auto;right:-40px;}
.AboutBox .honor .picScroll-left .prev:hover,.AboutBox .honor .picScroll-left .next:hover{color:#fff;background: #1f4da2}
.AboutBox .honor .picScroll-left .list li img{width: 100%;margin: auto;max-height: 400px;display: block;vertical-align: middle;background: #fff;}
.AboutBox .honor .picScroll-left li a:hover h4{color: #1f4da2;}
.AboutBox .honor .picScroll-left .list li h4{color: #666666;font-size: 16px;padding: 8px 0 0 0;text-align: center;/*! font-weight: bold; */}
.AboutBox .honor .picScroll-left .list li:hover .pic{padding:15px}

/*==联系我们↓==*/
.contactBox{}
.contactBox .top{ margin:50px 0 -55px 0;float: left;width: 100%;height: 270px;position: relative;/*! bottom: -90px; */z-index: 99;}
.contactBox .top ul{margin-top: 60px;/*! margin-bottom: -50px; */padding: ;/*! position: relative; *//*! bottom: -90px; *//*! z-index: 99; */}
.contactBox .top ul li{float:left;width:250px; padding:30px;box-shadow: 0 0 10px #ccc; text-align: center; background: #fff;height: 210px;margin: 0 25px;}
.contactBox .top ul li em{ display: block; width:100px;height:55px;margin: auto;}
.contactBox .top ul li b{margin:10px 0 10px 0; color:#333333;font-size: 18px;display: block;}
.contactBox .top ul li p{ color:#666666;font-size: 14px;}
.contactBox .top ul li.tel em{ background: url(../images/conIco01.png) no-repeat center;}
.contactBox .top ul li.mail em{ background: url(../images/conIco02.png) no-repeat center;}
.contactBox .top ul li.qq em{ background: url(../images/conIco03.png) no-repeat center;}
.contactBox .top ul li.address em{ background: url(../images/conIco04.png) no-repeat center;}	
.contactBox #dituContent{float:left;width:100%;height:450px; margin:0px 0 0 0;}
.contactBox .comments{float: left;width: 100%;margin: 70px 0 50px 0;}
.contactBox .comments span.wr{color:#666666;font-size:16px;display: block;margin-bottom: 20px;}
.contactBox .comments .in-1,.contactBox .comments textarea{width:100%; padding:5px 15px; color:#999;font-size:14px;line-height: 35px; border:1px #ddd solid;}
.contactBox .comments .log{float:left;width:383px;margin-left:25px;margin-bottom: 20px;position: relative;}
.contactBox .comments .log i{ position: absolute;right:20px;top:17px; color:red; font-size:12px;font-weight: 400;}
.contactBox .comments .mrl{margin-left:0px;}
.contactBox .comments textarea{width:100%; height:150px;margin-bottom: 25px;}
.contactBox .comments .submit,.contactBox .comments .reset{padding:10px 0;width:580px; text-align: center;color:#fff;font-size:18px;cursor: pointer;}
.contactBox .comments .submit{float:left; background:#1f4da2;}
.contactBox .comments .reset{float:right; background:#9a9a9a;}
.contactBox .comments .submit:hover,.contactBox .comments .reset:hover{ background: #f60;}


.nlb{}
.nlb .list li{margin:10px 0 20px 0;padding:0 0 20px 0;}
.nlb .list li .middle h4{margin-top:0px;}
.nlb .list li .middle p{margin:10px 0 20px 0;}
.nlb .list li .right{margin-top:10px;}

/*==底部===*/
.footer{padding: 80px 0 0 0;background: #444444;}
.footer .nav h3{color:#fff;font-size:20px;margin-bottom:15px;}
.footer .nav{width: 860px;display: table;}
.footer .nav li{display: table-cell;padding-right: 25px;}
.footer .nav li a{ display: block;color:#999; line-height:20px;font-size:14px;padding-left:10px;margin:7px 0; background: url(../images/arrow_04.png) no-repeat left;}
.footer .nav li a:hover{color:#fff}
.footer .right{}
.footer .right .logo-foot{}
.footer .right .tel{display: block;margin:20px 0;color:#e2e2e2}
.footer .right .tel font{ display:block; font-weight:bold;color:#e2e2e2;font-size: 36px;}
.footer .right .ewm{display: inline-block; margin-left:15px;text-align: center;color:#e2e2e2;font-size:12px;}
.footer .right .ewm img{ display:block; margin:auto; width:120px; border:1px #aaa solid;padding:5px;}
.footer .information{float:left;width:100%;color:#e2e2e2;font-size:14px; margin-top: -30px;}
.footer .down{padding:10px 0; font-size:12px;color:#9c9c9c;background: #3a3a3a;overflow: hidden;float: left;width: 100%;margin-top: 40px;line-height: 32px;}
.footer .down a{font-size:12px;color:#9c9c9c;}
.footer .down a:hover{color:#fff}
.footer .link{float:left;margin-right: 20px;width:120px;border:1px #9c9c9c solid;padding:2px 10px;font-size:14px;color:#9c9c9c;line-height: 23px;position: relative;}
.footer .icon-angle-down:before{ float:right; margin:5px 0 0 20px;transition: all .4s ease-in-out;}
.footer .link span a{ display: block; color:#666;font-size:12px; padding:5px 0;}
.footer .link span{ display: none; position: absolute;top:-22px;left:0;width:100%;padding:10px 0; text-align: center;background: #fff;border: 1px #ddd solid;}
.footer .link:hover span{ display: block;}
.footer .link span a:hover{  background: #ddd}
.footer .icon-angle-down:hover:before{transform:rotate(180deg);}