@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);}

.header{ position: relative;padding:30px 0;height: 125px;}
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header .logo{}
.header .logo img{}
.header .nav{margin:20px 0 0 60px;}
.header .nav li{float: left;/* position: relative; */}
.header .nav li a.navAone{ position: relative; display: block; color:#333; font-size:16px; margin:0px 20px;padding-bottom: 51px;}
.header .nav li a.navAone:before{ content: ""; position: absolute; left:0;bottom:0; width: 0%;height:3px; background: #1183c7;transition: all .4s ease-in-out;}
.header .nav li a.navAone:hover:before,.header .nav li.active a.navAone:before{ width: 100%}
.header .nav li a.navAone:hover,.header .nav li.active a.navAone{ color:#1183c7; }
/*.header .nav li.drop-downHover a.navAone{ background:#1183c7;color:#fff}*/
.header .tel{margin:20px 30px 0 10px}
.header .tel em{ color:#333;font-size:20px;}
.header .tel .effect-lower-block{left:-180px;top:35px;transform-origin: 95% 0%;padding: 7px;width: 280px;font-size: 20px;text-align: center;background: #fff;color: #005197;}
.header .search{ position:relative;margin:20px 0 0 0;padding-bottom: 50px;}
.header .search em{display: block;width:20px;height:20px;font-size: 20px;color: #333;}
.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:75px;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:36px; text-align: center;line-height: initial;margin: 10px 0;}
.titleAx font{ display: block; color:#999999;font-size:12px}
.titleAx hr{ display: table; margin:5px auto 0; width:100px;height:30px; background: url(../images/line02.png) no-repeat center;border: none;}
.rack .titleAx{ margin: 10px 0 30px 0;}


/*==切换↓==*/
.tones{margin:30px 0;text-align: center;}
.tones li{ position: relative; display: inline-block; margin:0 5px;color:#666666;font-size:16px; padding:10px 45px;border:1px #ddd solid; background: #fff;z-index: 2;cursor: pointer;}
.tones li:before{ opacity: 0; content: ""; position: absolute; left:0; top:0;width:100%; height:100%; background: url(../images/liBg.jpg) no-repeat center;z-index: -1;transition: all .4s ease-in-out;}
.tones li.hit{ color:#fff}
.tones li.hit:before{ opacity: 1;}
.child_nav{margin-bottom: 30px;}
.child_nav a{padding: 10px 20px;background: #fff;color: #666;margin-right: 10px;}
.child_nav a:hover{ background: url(../images/liBg.jpg) no-repeat center;color: #fff;}
/*==产品↓==*/
.HomeProduct{ padding:60px 0 100px 0; background: #f4f4f4 url(../images/lineBG01.jpg) no-repeat center;}
.HomeProduct .tone{}
.HomeProduct .list{}
.list-product li{ float:left; width:400px; text-align: center;height: 390px;}
.list-product li a{ display: block; margin:0 5px 10px 5px;padding:0 0 30px 0; border:1px #eee solid; background: #fff;}
.list-product li h4{ color:#333;font-size:16px; margin-top:10px;}
.list-product li:hover a{border:1px #1183c7 solid}
.list-product li:hover h4{color:#1183c7}
.HomeProduct .picScroll-left{position: relative;height:382px}
.HomeProduct .picScroll-left .prev,.HomeProduct .picScroll-left .next{position: absolute; top:155px;left:-50px;font-size:25px;color:#838383;cursor: pointer; border:1px #838383 solid; border-radius:50%;width: 35px;line-height: 35px;text-align: center;}
.HomeProduct .picScroll-left .next{right:-50px; left:auto;}
.HomeProduct .picScroll-left .prev:hover,.HomeProduct .picScroll-left .next:hover{ border:1px #1183c7 solid;color:#1183c7}


/*==优势↓==*/
.HomeAdvantage{padding:50px 0 70px 0;}
.HomeAdvantage .list{margin-top: 60px;}
.HomeAdvantage .list .line{ position: relative; height:260px;width:1px; background: #dcdcdc;float: left;}
.HomeAdvantage .list .line:before,.HomeAdvantage .list .line:after{ content: ""; position: absolute; left:-2px;top:0;width:5px;height:5px;border-radius: 50%;; background: #dcdcdc;}
.HomeAdvantage .list .line:after{ top: auto; bottom:0;}
.HomeAdvantage .list li{float:left;width:298px;padding:0 40px;}
.HomeAdvantage .list li em{ display: block; width:100px;height:58px;margin: auto;text-align: center;}
.HomeAdvantage .list li h3{color:#1183c7;font-size:20px; text-align: center;margin: 15px 0 0 0;line-height: initial;}
.HomeAdvantage .list li h3 font{ display:block;color:#1183c7;font-size:14px;}
.HomeAdvantage .list li h3 hr{ display: block;width:20px;height:1px; margin:10px auto 0; background:#1183c7;border: none;}
.HomeAdvantage .list li p{ margin-top:20px;color:#666666;}


/*==解决方案↓==*/
.HomeApplication{padding:50px 0 70px 0; background: #f4f4f4 url(../images/lineBG02.jpg) no-repeat center;}
.HomeApplication .list{margin-top: 35px;}
.HomeApplication .list li{ position:relative;float:left;290px;margin:0 5px 10px 5px;width: 290px;}
.HomeApplication .list li .title{color:#fff;font-size:24px; text-align: center;line-height: initial;}
.HomeApplication .list li .title font{ display:block;color:#ddd;font-size:12px;}
.HomeApplication .list li .title hr{ display: block;width:20px;height:1px; margin:20px auto 0; background:#fff;border: none;}
.HomeApplication .list li .tit{ position: absolute; left:0;top:45%; text-align: center;width: 100%;}
.HomeApplication .list li .box{ opacity: 0;  position: absolute; left:0;top:0;padding:50px 30px; width:100%;height:100%; background: rgba(17,131,199,0.8);}
.HomeApplication .list li .box p{color:#fff;font-size:14px; text-align: center;margin: 20px 0;}
.HomeApplication .list li .box em{display: table; margin:auto; border-radius: 50%; color:#fff;width:35px;line-height:35px;font-size:20px;border: 1px #fff solid;text-align: center;}
.HomeApplication .list li:hover .tit{ opacity: 0}
.HomeApplication .list li:hover .box{ opacity: 1}


/*==首页关于我们↓==*/
.HomeAbout{padding:60px 0;background: #fff url(../images/lineBG03.jpg) no-repeat center;}
.HomeAbout .wx{color:#666666;font-size:14px;margin: 25px 0 10px 0;text-align: center;}
.HomeAbout .wx .more{ display:block; margin:20px auto 0;color:#1183c7;font-size:14px; }
.HomeAbout .wx .more:hover{color:#000}
.HomeAbout .picScroll-left{ position: relative;margin: 30px 0 0 0;}
.HomeAbout .picScroll-left .list{}
.HomeAbout .picScroll-left .list li{ float:left; width:300px;}
.HomeAbout .picScroll-left .list li a{ display: block; margin:0 5px;}
.HomeAbout .picScroll-left .list li h4{display: block; margin:10px 0 0 0;color:#666666;font-size:14px; text-align: center;}
.HomeAbout .picScroll-left .list li:hover h4{color:#1183c7}
.HomeAbout .picScroll-left .prev,.HomeAbout .picScroll-left .next{position: absolute; top:45%;left:-50px;font-size:25px;color:#fff;cursor: pointer; width: 35px;line-height: 35px;text-align: center; background: #cecece;}
.HomeAbout .picScroll-left .next{right:-50px; left:auto;}
.HomeAbout .picScroll-left .prev:hover,.HomeAbout .picScroll-left .next:hover{ background: #1183c7;}


/*==首页新闻↓==*/
.HomeArticle{ padding:50px 0 70px 0;background:#f4f4f4 url(../images/lineBG04.jpg) no-repeat center;}
.HomeArticle .list{margin-top: 40px;overflow: hidden;}
.HomeArticle .list li.one{width:600px; background: #fff;}
.HomeArticle .list li.one .box{padding:30px; background: #fff;}
.HomeArticle .list li.one span{color:#666666;font-size:14px;}
.HomeArticle .list li.one p{color:#666;font-size:14px;  line-height: 25px;margin-top: 20px;}
.HomeArticle .list li.one h4{ display: block;color:#333;font-size:18px;}
.HomeArticle .list li.one:hover h4{color:#1183c7}
.HomeArticle .list li.two{width:575px;margin-bottom:20px; background: #fff;}
.HomeArticle .list li.two h4{ color:#333;font-size:16px;margin-top: 15px;}
.HomeArticle .list li.two .pic{ float:left; width:190px; margin-right:20px;}
.HomeArticle .list li.two span{ display: block;margin:0px 0 10px 0; color:#666;font-size:12px;}
.HomeArticle .list li.two p{ color:#666666;font-size:14px;padding: 0 30px 10px 0;}
.HomeArticle .list li.two:hover h4{color:#1183c7}


/*==解决方案↓==*/
.SloveBox{}
.SloveBox .list{margin-top: 30px;}
.SloveBox .list li{ float:left; width:580px; margin:0 10px 20px 10px;padding:20px; background: #f4f4f4;}
.SloveBox .list li .pic{float:left; width:235px;height:235px;margin-right: 25px;}
.SloveBox .list li h4{color:#333333;font-size:24px;margin-top: 20px;}
.SloveBox .list li h4 font{ display: block;color:#999;font-size:12px;}
.SloveBox .list li h4 hr{ margin:10px 0 0 0; width:20px;height:1px; background: #1183c7;border: none;}
.SloveBox .list li p{color:#666666;font-size:14px;height:110px; padding:25px 20px 10px 0;}
.SloveBox .list li:hover{background:#1183c7}
.SloveBox .list li:hover h4,.SloveBox .list li:hover h4 font,.SloveBox .list li:hover p{color:#fff}
.SloveBox .list li:hover h4 hr{background:#fff}


/*==新闻↓==*/
.NewsListBox{padding-bottom: 0px;}
.NewsListBox .picScroll-left{margin: 30px 0 40px 0;}
.NewsListBox .picScroll-left li{}
.NewsListBox .picScroll-left li{width:600px; background: #fff;}
.NewsListBox .picScroll-left li a{ display: block;border: 1px #ddd solid;margin: 0 10px;}
.NewsListBox .picScroll-left li .box{padding:30px; background: #fff;}
.NewsListBox .picScroll-left li span{color:#666666;font-size:14px;}
.NewsListBox .picScroll-left li p{color:#666;height:70px;font-size:14px;  line-height: 25px;margin-top: 20px;}
.NewsListBox .picScroll-left li h4{ display: block;color:#333;font-size:18px;}
.NewsListBox .picScroll-left li:hover h4{color:#1183c7}
.NewsListBox .picScroll-left .spot{margin:25px 0 0 0; text-align: center;}
.NewsListBox .picScroll-left .spot li{ font-size:0px; display: inline-block; width:10px;height:10px; border-radius: 50%; margin: 0 5px;  background: #a0a0a0;} 
.NewsListBox .picScroll-left .spot li.on{ background:#1183c7;}
.NewsListBox .down{padding:30px 0 100px 0; background:#f4f4f4}
.NewsListBox .down .list{}
.NewsListBox .down .list li{ width:100%; margin:20px 0; padding:25px;background: #fff;overflow: hidden;}
.NewsListBox .down .list li .img{width:200px; margin-right:30px;}
.NewsListBox .down .list li span{color:#666666;font-size:14px;}
.NewsListBox .down .list li p{color:#666;font-size:14px;  line-height: 25px;margin-top: 15px;padding-right: 30px;}
.NewsListBox .down .list li h4{ display: block;color:#333;font-size:16px;margin-top: 10px;}
.NewsListBox .down .list li:hover h4{color:#1183c7}


/*==联系我们↓==*/
.ContactBox{}
.ContactBox .wor{overflow: hidden;}
.ContactBox .wor .titleAx{ margin-bottom: 40px}
.ContactBox .wor span{float:left; padding:20px 20px 20px 50px;color:#333333;font-size:14px;display: block;width:400px;height:200px;}
.ContactBox .wor span.x1{ background: url(../images/ico201.png) no-repeat left 30px;}
.ContactBox .wor span.x2{ background: url(../images/ico202.png) no-repeat left 30px;}
.ContactBox .wor span.x3{ background: url(../images/ico203.png) no-repeat left 30px;}
.ContactBox .wor span.x4{ background: url(../images/ico204.png) no-repeat left 30px;}
.ContactBox .wor span.x5{ background: url(../images/ico205.png) no-repeat left 30px;}
.ContactBox .wor span.x6{ background: url(../images/ico206.png) no-repeat left 30px;}
.comments{margin:70px 0 100px 0;}
.comments .titleAx{ }
.comments .frame{border:1px #ddd solid;padding:5px 15px;border-radius: 0px;}
.comments .frame b{color:#999999;font-size:14px;vertical-align: top;margin-right: 10px;}
.comments .frame b i{display:none;color:red;margin-right:5px;font-style: normal;}
.comments .mr{margin-right:1%;}
.comments .f-1{float:left;width:49.5%;margin-bottom: 10px;;line-height: 40px;/*! margin-right: 10px;*/}
.comments .f-1 b{display: block;float:left;margin-right: 10px;}
.comments .f-1 input{float:left;width:80%;/*height:100%;*/display: block;line-height: 40px;border: none;}
.comments .f-2{float:left;width:100%;line-height: 40px;}
.comments .f-2 textarea{height:150px;border: none;border: none;width: 80%;line-height: 40px;}
.comments .f-3{margin:20px 0;float: left;width: 100%;border: none;padding: 0 0px;}
.comments .f-3 b{display: block;margin-bottom:10px;}
.comments .f-3 input{float:left;width:150px;line-height: 40px;border:1px #e5e5e5 solid;padding: 0 10px;}
.comments .f-3 img{float:left;margin: 0 0 0 10px;height: 40px;}
.comments .submit,.comments .reset{float:left;margin-right:10px;padding:10px 10px;border-radius: 0px;font-size:18px;color:#fff;border:none;cursor: pointer;width: 150px;}
.comments .submit:hover,.comments .reset:hover{background: #333}
.comments .submit{background: #007cc2;}
.comments .reset{background: #d2d2d2;}


/*==关于我们↓==*/
.AboutBox{}
.AboutBox .titleAx{ }
.AboutBox .introduction{margin:0px 0 60px 0;}
.AboutBox .introduction .left{width:600px}
.AboutBox .introduction .right{width:550px;color:#333;font-size:14px;line-height:25px;}
.AboutBox .culture{padding:50px 0 70px 0; background: #f4f4f4;}
.AboutBox .culture .list{}
.AboutBox .culture .list li{float:left; width:290px; margin:0 5px; padding:40px 30px; background: #fff;height: 280px;}
.AboutBox .culture .list li em{ display: block; margin:auto; width:70px;height:70px}
.AboutBox .culture .list li h3{color:#333333;font-size:20px;text-align: center;margin-top: 15px;}
.AboutBox .culture .list li hr{ margin:13px auto; auto; border:none;display: block;width:15px;height:1px; background: #000;}
.AboutBox .culture .list li p{color:#333333;font-size:16px}
.AboutBox .ambient{position: relative;overflow: hidden;padding: 50px 0 60px 0;}
.AboutBox .ambient .bg img{}
.AboutBox .ambient .list{}
.AboutBox .ambient .list li.one{width: 600px;height: 467px;}
.AboutBox .ambient .list li.two{width: 290px;height: 228px;margin: 0 0 10px 10px;}
.AboutBox .ambient .list li{float:left;background: #eee;overflow: hidden;}
.AboutBox .ambient .list li .pic{height:100%}
.AboutBox .ambient .list li img{width:100%;height:100%;display: block;}
.AboutBox .ambient .list li a{position: relative;display: block;height: 100%;}
.AboutBox .ambient .list li h4{opacity:0;position: absolute;bottom: 0;left: 0;text-align:center;width: 100%;padding: 15px;color: #fff;font-size: 16px;background:#1f86c2;transition: all .4s ease-in-out;}
.AboutBox .ambient .list li:hover h4{ opacity: 1;}
.AboutBox .honor{padding: 60px 0 50px 0;background: #f4f4f4;}
.AboutBox .honor .picScroll-left{ position: relative;margin: 30px 0 0 0;}
.list-honor{}
.list-honor li{ float:left; width:300px;}
.list-honor li a{ display: block; margin:0 12px 20px 12px; border:1px #eee solid; text-align:center;background: #fff;padding: 30px 40px;}
.list-honor li h4{display: block; margin:20px 0 0 0;color:#666666;font-size:14px; text-align: center;}
.list-honor li:hover h4{color:#1183c7}
.AboutBox .honor .picScroll-left .prev,.AboutBox .honor .picScroll-left .next{position: absolute; top:45%;left:-50px;font-size:25px;color:#fff;cursor: pointer; width: 35px;line-height: 35px;text-align: center; background: #cecece;}
.AboutBox .honor .picScroll-left .next{right:-50px; left:auto;}
.AboutBox .honor .picScroll-left .prev:hover,.AboutBox .honor .picScroll-left .next:hover{ background: #1183c7;}
.AboutBox .job{padding:60px 0}
.AboutBox .job .sideMenu{}
.AboutBox .job .title{padding:25px 50px; background:#ebebeb;margin-top: 10px;text-align: center; cursor: pointer}
.AboutBox .job .sideMenu .on{ /*! border-top:1px #B00700 solid */}
.AboutBox .job .title b{color:#333;font-size:16px;float: left;}
.AboutBox .job .title span{color:#666;font-size:16px;padding: 0 50px;}
.AboutBox .job .title a{ display: block; float: right;color:#fff;font-size:14px; background: #999999;padding: 5px 20px;}
.AboutBox .job .title a:hover{ background: #1284c7}
.AboutBox .job .box{ /*! display: none; */color:#666;font-size:14px;padding:30px 50px; background:#fff;border: 1px #ddd solid;line-height: 25px;}
.AboutBox .job .box h3{margin:20px 0;color:#333333;font-size:16px;font-weight: bold;}


/*==底部===*/
.footer{padding: 60px 0 0 0;background: #262626;}
.footer .nav h3{color:#fff;font-size:14px;margin-bottom:17px;line-height: initial;}
.footer .nav h3 font{display: block; color:#999;font-size:12px;}
.footer .nav hr{margin-top:10px; width:10px;height:1px; background: #ddd;border: none;}
.footer .nav{}
.footer .nav li{display: table-cell;padding-right: 65px;}
.footer .nav li a{ display: block;color:#aaaaaa; line-height:20px;font-size:14px;padding:3px 0;}
.footer .nav li a:hover{color:#fff}
.footer .nav li .wx{color:#aaaaaa; line-height:20px;font-size:14px;display: block;line-height: 25px;}
.footer .right{padding:10px;color:#222222;font-size:16px; background: #fff;text-align: center;}
.footer .right img{ display:block; margin:auto; width:120px;}
.footer .down{padding:15px 0; background: #1b1a1a;margin-top: 50px;}
.footer .down a{color:#aaa;font-size:12px}
.footer .down a:hover{color:#fff}
.footer .down .left{color:#aaa;font-size:12px}
.footer .link{/*! margin-right: 20px; */width:80px;/*! padding:7px 20px; */font-size:12px;color:#888888;line-height: 23px;position: relative;}
.footer .icon-angle-down:before{ float:right; margin:2px 0 0 10px;font-size:18px;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);}