@charset "utf-8";
@import url(reset.css);
/** 主体样式表 By 博 */

/*========== 翻页公用 ==========*/
.pages { height:auto; padding:30px 0px 0px 0px; text-align:center; clear:both; font-family:Arial; width:100%; margin:0px;}
.pages a,.pages span { display:inline-block; width:auto; height:30px; line-height:30px; padding:0px 10px; margin:0px 2px; color:#666; background-repeat:no-repeat; text-align:center; font-size:14px; background:#e9e9e9;}
.pages a {}
a.page:hover{ background-position:0px -38px;  background:#ff5567; color:#fff; }
span.page { background-position:0px -38px; background:#ff5567; color:#fff;}
.pagesSh { height:28px; padding:40px 0px 40px 0px; text-align:center; clear:both; font-family:Arial;}
.pagesSh a, .pagesSh b { display:inline-block; height:22px; line-height:22px; padding:3px 9px; margin:0px 3px; color:#717171; text-align:center;}
.pagesSh a { border:1px solid #d9d9d9;}
.pagesSh a:hover { border:1px solid #ab8832;}
/*========== 翻页公用 ==========*/


body{font-family:"微软雅黑","宋体"; font-size:14px; color: #333;  background:#fff; text-align:justify; -webkit-text-size-adjust:none; height:auto; }
a {color:#333;transition:400ms ease all;}
a:hover{ color: #00c0ff;transition:800ms ease all;}
/** 定义HTML body **/


.bo-row{width: 100%; max-width: 100%; position:relative;}
.bo-container {-webkit-box-sizing: border-box;box-sizing: border-box;margin-left: auto;margin-right: auto;padding-left: 0rem;padding-right: 0rem;width: 100%;max-width: 1200px;}
.bo-container:after, .bo-container:before {content: " ";display: table;}
.bo-container:after {clear: both;}
.bo-container>.bo-b {width: auto;margin-left: 0rem;margin-right: 0rem;}
.bo-b{margin: 0 auto;width: 100%;clear: both;}
.bo-b:after, .bo-b:before {content: " ";display: table}
.bo-b .bo-b {margin-left: 0rem;margin-right: 0rem;width: auto}
.bo-b-fixed {max-width: 1000px}
[class*=bo-lg-] {width: 100%;padding-left: 0.1rem;padding-right: 0.1rem;float: left;position: relative;display: inline-block;}
[class*=bo-lg-]+[class*=bo-lg-]:last-child {float: right;}
[class*=bo-lg-]+[class*=bo-lg-].bo-lg-end {float: left;}
/** 定义 bo-row bo-container bo-b  **/


@media only screen and (min-width:641px) {
[class*=bo-lg-] {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
}
[class*=bo-lg-pull-] {left: auto}
[class*=bo-lg-push-] {right: auto}

.bo-lg-1 {width: 8.33333333%}
.bo-lg-2 {width: 16.66666667%}
.bo-lg-3 {width: 25%}
.bo-lg-4 {width: 33.33333333%;}
.bo-lg-5 {width: 41.66666667%}
.bo-lg-6 {width: 50%}
.bo-lg-7 {width: 58.33333333%}
.bo-lg-8 {width: 66.66666667%}
.bo-lg-9 {width: 75%}
.bo-lg-10 {width: 83.33333333%}
.bo-lg-11 {width: 91.66666667%}
.bo-lg-12 {width: 100%}
.bo-lg-pull-0 {right: 0}
.bo-lg-pull-1 {right: 8.33333333%}
.bo-lg-pull-2 {right: 16.66666667%}
.bo-lg-pull-3 {right: 25%}
.bo-lg-pull-4 {right: 33.33333333%}
.bo-lg-pull-5 {right: 41.66666667%}
.bo-lg-pull-6 {right: 50%}
.bo-lg-pull-7 {right: 58.33333333%}
.bo-lg-pull-8 {right: 66.66666667%}
.bo-lg-pull-9 {right: 75%}
.bo-lg-pull-10 {right: 83.33333333%}
.bo-lg-pull-11 {right: 91.66666667%}
.bo-lg-push-0 {left: 0}
.bo-lg-push-1 {left: 8.33333333%}
.bo-lg-push-2 {left: 16.66666667%}
.bo-lg-push-3 {left: 25%}
.bo-lg-push-4 {left: 33.33333333%}
.bo-lg-push-5 {left: 41.66666667%}
.bo-lg-push-6 {left: 50%}
.bo-lg-push-7 {left: 58.33333333%}
.bo-lg-push-8 {left: 66.66666667%}
.bo-lg-push-9 {left: 75%}
.bo-lg-push-10 {left: 83.33333333%}
.bo-lg-push-11 {left: 91.66666667%}
.bo-lg-offset-0 {margin-left: 0}
.bo-lg-offset-1 {margin-left: 8.33333333%}
.bo-lg-offset-2 {margin-left: 16.66666667%}
.bo-lg-offset-3 {margin-left: 25%}
.bo-lg-offset-4 {margin-left: 33.33333333%}
.bo-lg-offset-5 {margin-left: 41.66666667%}
.bo-lg-offset-6 {margin-left: 50%}
.bo-lg-offset-7 {margin-left: 58.33333333%}
.bo-lg-offset-8 {margin-left: 66.66666667%}
.bo-lg-offset-9 {margin-left: 75%}
.bo-lg-offset-10 {margin-left: 83.33333333%}
.bo-lg-offset-11 {margin-left: 91.66666667%}

/* 中屏幕 -md-*/
@media (max-width: 1025px) {
.bo-md-1 {width: 8.33333333%}
.bo-md-2 {width: 16.66666667%}
.bo-md-3 {width: 25%}
.bo-md-4 {width: 33.33333333%;}
.bo-md-5 {width: 41.66666667%}
.bo-md-6 {width: 50%}
.bo-md-7 {width: 58.33333333%}
.bo-md-8 {width: 66.66666667%}
.bo-md-9 {width: 75%}
.bo-md-10 {width: 83.33333333%}
.bo-md-11 {width: 91.66666667%}
.bo-md-12 {width: 100%}
.bo-md-pull-0 {right: 0}
.bo-md-pull-1 {right: 8.33333333%}
.bo-md-pull-2 {right: 16.66666667%}
.bo-md-pull-3 {right: 25%}
.bo-md-pull-4 {right: 33.33333333%}
.bo-md-pull-5 {right: 41.66666667%}
.bo-md-pull-6 {right: 50%}
.bo-md-pull-7 {right: 58.33333333%}
.bo-md-pull-8 {right: 66.66666667%}
.bo-md-pull-9 {right: 75%}
.bo-md-pull-10 {right: 83.33333333%}
.bo-md-pull-11 {right: 91.66666667%}
.bo-md-push-0 {left: 0}
.bo-md-push-1 {left: 8.33333333%}
.bo-md-push-2 {left: 16.66666667%}
.bo-md-push-3 {left: 25%}
.bo-md-push-4 {left: 33.33333333%}
.bo-md-push-5 {left: 41.66666667%}
.bo-md-push-6 {left: 50%}
.bo-md-push-7 {left: 58.33333333%}
.bo-md-push-8 {left: 66.66666667%}
.bo-md-push-9 {left: 75%}
.bo-md-push-10 {left: 83.33333333%}
.bo-md-push-11 {left: 91.66666667%}
.bo-md-offset-0 {margin-left: 0}
.bo-md-offset-1 {margin-left: 8.33333333%}
.bo-md-offset-2 {margin-left: 16.66666667%}
.bo-md-offset-3 {margin-left: 25%}
.bo-md-offset-4 {margin-left: 33.33333333%}
.bo-md-offset-5 {margin-left: 41.66666667%}
.bo-md-offset-6 {margin-left: 50%}
.bo-md-offset-7 {margin-left: 58.33333333%}
.bo-md-offset-8 {margin-left: 66.66666667%}
.bo-md-offset-9 {margin-left: 75%}
.bo-md-offset-10 {margin-left: 83.33333333%}
.bo-md-offset-11 {margin-left: 91.66666667%}
}

/* 小屏幕 -sm-*/
@media only screen and (max-width:641px) {
.bo-sm-1 {width: 8.33333333%}
.bo-sm-2 {width: 16.66666667%}
.bo-sm-3 {width: 25%}
.bo-sm-4 {width: 33.33333333%}
.bo-sm-5 {width: 41.66666667% }
.bo-sm-6 {width: 50%}
.bo-sm-7 {width: 58.33333333%}
.bo-sm-8 {width: 66.66666667%}
.bo-sm-9 {width: 75%}
.bo-sm-10 {width: 83.33333333%}
.bo-sm-11 {width: 91.66666667%}
.bo-sm-12 {width: 100%}
.bo-sm-pull-0 {right: 0}
.bo-sm-pull-1 {right: 8.33333333%}
.bo-sm-pull-2 {right: 16.66666667%}
.bo-sm-pull-3 {right: 25%}
.bo-sm-pull-4 {right: 33.33333333%}
.bo-sm-pull-5 {right: 41.66666667%}
.bo-sm-pull-6 {right: 50%}
.bo-sm-pull-7 {right: 58.33333333%}
.bo-sm-pull-8 {right: 66.66666667%}
.bo-sm-pull-9 {right: 75%}
.bo-sm-pull-10 {right: 83.33333333%}
.bo-sm-pull-11 {right: 91.66666667%}
.bo-sm-push-0 {left: 0}
.bo-sm-push-1 {left: 8.33333333%}
.bo-sm-push-2 {left: 16.66666667%}
.bo-sm-push-3 {left: 25%}
.bo-sm-push-4 {left: 33.33333333%}
.bo-sm-push-5 {left: 41.66666667%}
.bo-sm-push-6 {left: 50%}
.bo-sm-push-7 {left: 58.33333333%}
.bo-sm-push-8 {left: 66.66666667%}
.bo-sm-push-9 {left: 75%}
.bo-sm-push-10 {left: 83.33333333%}
.bo-sm-push-11 {left: 91.66666667%}
.bo-sm-offset-0 {margin-left: 0}
.bo-sm-offset-1 {margin-left: 8.33333333%}
.bo-sm-offset-2 {margin-left: 16.66666667%}
.bo-sm-offset-3 {margin-left: 25%}
.bo-sm-offset-4 {margin-left: 33.33333333%}
.bo-sm-offset-5 {margin-left: 41.66666667%}
.bo-sm-offset-6 {margin-left: 50%}
.bo-sm-offset-7 {margin-left: 58.33333333%}
.bo-sm-offset-8 {margin-left: 66.66666667%}
.bo-sm-offset-9 {margin-left: 75%}
.bo-sm-offset-10 {margin-left: 83.33333333%}
.bo-sm-offset-11 {margin-left: 91.66666667%}
}


/*=========导航=========*/
.top{width: 100%;height: 130px;position: fixed;z-index: 999;box-shadow: 0 0 25px rgba(102,102,102,.8);}
.top1{width: 100%;height: 30px;line-height: 30px;text-align: right;background: #666;}
.top1 span{font-size: 12px;color: #fff;padding-right: 20px;}
.top1 span a{color: #fff;}
.top1 span a:hover{color: #015fa0;}

.top2{width: 100%;height: 100px;line-height: 100px;position: relative;}
.top2 .logo{width: 20%; position: absolute;top: 0px;left: 0px;}
.top2 .logo img{width: 100%;max-width: 180px;}
.top2 .menu{width: 75%;float: right;}
.top2 .menu .top_ul{width: 100%;}
.top2 .menu .top_ul li{width: 12.5%;display: block;float: left;line-height:100px;height: 100px; position: relative;overflow: hidden;text-align: center;}
.top2 .menu .top_ul li:before{content: '';width: 100%;height: 00%;position: absolute;left: 0; top:50%;background: #015fa0;z-index: -1;
transition: all .5s;}
.top2 .menu .top_ul li:after{content: '';width: 100%;height:00%;position: absolute;right: 0; bottom:50%;background: #015fa0;z-index: -1;transition: all .5s;}
.top2 .menu .top_ul li:hover:before,.top2 .menu .top_ul li:hover:after{height: 100%;transition: all 1s;}
.top2 .menu .top_ul li a{width: 100%;line-height: 100px;height: 100px; padding: 0 10px;font-size: 14px;}
.top2 .menu .top_ul li.dq{background: #015fa0;}
.top2 .menu .top_ul li.dq a{background: #015fa0;color: #fff;}
.top2 .menu .top_ul li:hover a,.top2 .menu .top_ul li.dq a.dq1{color: #fff;transition: all 1s;}


/*=========banner==========*/
.banner_top{padding-top: 130px;}


/*=========solution==========*/
.solution{width: 100%;}
.title{ width: 100%;text-align: center;position: relative;text-transform: uppercase;padding: 60px 0;}
.title:before{content:'';width: 90%; height: 1px;background: #999;position: absolute;top:50%;left: 50px;padding: 0 20px;z-index: -1;}
.title .t1{letter-spacing: 10px;font-weight: 500;font-size: 12px;color: #666; line-height: 30px;height: 30px;overflow: hidden;}
.title .t2{width: 300px;margin: auto; background: #104a9e;color: #fff;height: 50px;line-height: 50px;font-size: 18px;margin-top: 10px;}
.title .t2 .point{color: #e52c26; }
.title .t3{color: #666;margin-top: 20px;}

.so_ul{width: 100%;}
.so_ul li{width: 100%;height: 365px;border: 1px solid #ddd;overflow: hidden;}
.so_ul li a .so_font{width: 50%;height: 100%; float: left;padding:80px 100px 100px 80px;text-align: center;position: relative; }
.so_ul li a .so_font .so_case{width: 100%;position: absolute;top: 20%;left: 0px;background: #fff;z-index: 11;transition: all .5s;
padding: 0 40px;}
.so_ul li a:hover .so_font .so_case{top:40%;transition: all .5s;}
.so_ul li a .so_font .so_case h2{height: 30px;line-height: 30px;overflow: hidden; font-size: 24px;color: #104a9e;}
.so_ul li a .so_font .so_cont{height: 60px;font-size: 16px;color: #666; line-height: 30px;overflow: hidden; text-align: center;margin-top: 40px;overflow: hidden;}
.so_ul li a .so_font .so_bot{position: absolute;bottom: 20%;left: 48%;transition: all .5s;}
.so_ul li a:hover .so_font .so_bot{bottom: 75%;left: 48%;transition: all .5s;}

.so_ul li:nth-child(2n) a .so_font{padding-top: 20px; float: right;text-align: center; position: relative;}
.so_ul li:nth-child(2n) a .so_font .so_case{width: 100%;position: absolute;top: 40%;left: 0px;background: #fff;
	                                        z-index: 11;transition: all .5s;}
.so_ul li:nth-child(2n) a:hover .so_font .so_case{top: 20%;}
.so_ul li:nth-child(2n) a .so_font .so_bot{position: absolute;bottom: 75%;left: 48%;transition: all .5s;
	                                       transform: rotateX(180deg);}
.so_ul li:nth-child(2n) a:hover .so_font .so_bot{transform: rotateX(180deg);bottom: 20%;}

.so_ul li a .so_img{width: 50%;height: 100%; float: left;background-image: url(../images/so1.jpg);overflow: hidden;}
.so_ul li a .so_img img{width: 100%;transform: scale(1.1);transition: all .5s;}
.so_ul li a:hover .so_img img{transform: scale(1);transition: all .5s;}

.so_bt{width: 100%;background: url(../images/so331.png) center top no-repeat;height: 165px;margin-top: 35px;padding: 30px 0;text-align: center;position: relative;}
.so_bt .bt2{background: url(../images/so32.png);position: absolute;top: 0px;width: 100%; height: 100%;z-index:-1;
	animation: move 500s infinite linear alternate;}
@keyframes move{
    100%{background-position: 500% 0;}
}
.so_bt .bt1 h2{font-size: 44px;height: 60px;line-height: 50px;}
.so_bt .bt1 p{font-size: 36px;height: 50px;line-height: 40px;}
.bt1 h2,.bt1 p{overflow: hidden; font-weight: bold;color: #fff;text-shadow: 0 0 1px rgba(240,126,0,0.3),2px  0   1px #583208,  0   2px  1px #E8C498,  2px  1px  1px #F07E00,  1px  2px  1px #E8C498,  2px  2px  1px #986F48,3px  1px 1px #583208,  1px 3px  1px #E8C498,  3px  2px  1px #F07E00,  2px  3px  1px #E8C498,  3px  3px  1px #986F48,
4px  2px 1px #583208,  2px 4px  1px #E8C498,  4px  3px  1px #F07E00,  3px  4px  1px #E8C498,  4px  4px  1px #986F48,
20px 8px 8px rgba(0,0,0,0.5);}

/*=========product==========*/
.product{width: 100%;}
.multipleColumn .hd{ overflow:hidden;  height:30px; background:#e5e5e5;margin-top: 10px; position: relative;}
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:25px; height:25px; float:right; overflow:hidden;cursor:pointer;line-height: 25px;margin-top: 2px;}
.multipleColumn .hd .prev{background-image: url("../images/left2.jpg");background-size: 100%; position: absolute;top: 0px;left: 43%;}
.multipleColumn .hd .next{background-image: url("../images/right2.jpg");background-size: 100%;position: absolute;top: 0px;right: 43%;}
.multipleColumn .hd ul{ width: 30px;margin: auto; overflow:hidden; zoom:1; margin-top:10px; zoom:1;}
.multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#666; border-radius: 5px;}
.multipleColumn .hd ul li.on{ background:#015a9e;  }
/*.multipleColumn .hd .block{width: 58px;text-align: center;margin: auto;}*/

.multipleColumn .bd{width: 100%; height:380px; overflow:hidden; }
.multipleColumn .bd ul{width: 100%;height:380px;overflow:hidden; zoom:1; margin-bottom:10px;}
.multipleColumn .bd ul li{width: 24%;height:185px;margin: 0.5%; float:left; _display:inline; overflow:hidden; text-align:center; position: relative;}
.multipleColumn .bd ul li .pic{width: 100%; text-align:center;}
.multipleColumn .bd ul li .pic a img{ width: 100%;  display:block;transition: all .5s ease; }
.multipleColumn .bd ul li .pic a:hover img{ transform:scale(1.1) rotate(-5deg);transition: all .5s ease;}

.multipleColumn .bd ul li .pic a .pic1{width: 100%;height: 0%;position: absolute;top:0%;background: rgba(0,0,0,.6);}
.multipleColumn .bd ul li .pic a:hover .pic1{height: 100%;transform: all .5s;}
.multipleColumn .bd ul li .pic a .pic1 img{width: 50px;height: 50px;position: relative; top:15%;left: 40%; opacity: 0;transition: all -0.5s;}
.multipleColumn .bd ul li .pic a:hover .pic1 img{transform: scale(1);transform: rotate(45deg);top:15%;left: 40%;opacity: 1;transition: all 0.5s;}
.multipleColumn .bd ul li .pic a .pic1 h2{color:#e5e5e5;font-size: 20px;height: 30px;line-height: 30px;margin-top: 20px;opacity: 0;}
.multipleColumn .bd ul li .pic a:hover .pic1 h2{opacity: 1;}

.button{margin: 60px auto; width: 180px;display: block; height: 50px;text-align: center;border:2px solid #666;line-height: 50px;position: relative;}
.button:before,.w_top a.wt:before{content:'';width: 0px;position: absolute;top: 0px;left: 0px; height: 2px;background: #104a9e;transition: all .5s ease;}
.button:after,.w_top a.wt:after{content:'';width: 0px;position: absolute;bottom: 0px;right: 0px; height: 2px;background: #104a9e;transition: all .5s ease;}
.button:hover:before,.button:hover:after,.w_top a.wt:hover:before,.w_top a.wt:hover:after{width: 100%;transition: all .5s ease;}
.button:hover{border: 2px solid #105a9e;background: #105a9e;color: #fff;transition:  all .5s ease;}

/*=========news==========*/

.news{width: 100%;}

.n_cont .n_img{width:225px;height:205px;float: left; background: #e5e5e5;border: 1px solid #fff;}
.n_cont .n_img .ng{width: 200px;height: 185px;margin:10px auto; overflow: hidden;}
.n_cont .n_img .ng img{width: 100%;height: 100%; transform: scale(1.1);transition: all .5s;}
.n_cont .n_img:hover img{transform: scale(1);transition: all .5s;}
.n_cont .ul_n{width: 80%;float: right;height: 220px;}
.n_cont .ul_n li{width: 50%;float: left;height: 100px;margin: 5px 0;transition: all 1s;}
.n_cont .ul_n li:hover{box-shadow: 0 0 15px rgba(94,94,94,.5);transition: all 1s;}
.n_cont .ul_n li a .ul_d{width: 20%;float: left; height: 100px;padding-top: 20px; text-align: center;}
.n_cont .ul_n li a .ul_d h2{font-size: 36px;color: #015a9e;font-weight: 600;height:40px;line-height: 40px;overflow: hidden;transition: all 1s;}
.n_cont .ul_n li a:hover .ul_d h2{color: #666;transition: all 1s;}
.n_cont .ul_n li a .ul_d p{font-size: 20px;color: #666;line-height: 30px;height: 30px;overflow: hidden;transform: all 1s;}
.n_cont .ul_n li a .ul_f{width: 80%;height: 100px; float: left;border-left: 1px solid #e5e5e5;padding: 10px;position: relative;}
.n_cont .ul_n li a .ul_f:before{content: '';width: 2px;height: 0px;position: absolute;bottom: 0px;left: 0px;background: #015a9e;transition: all 1s;}
.n_cont .ul_n li a:hover .ul_f:before{height: 100%;transition: all 1s;}
.n_cont .ul_n li a .ul_f h2{color: #666;height: 20px;line-height: 20px;overflow: hidden;transition: all 1s;}
.n_cont .ul_n li a .ul_f .ul_c{margin-top: 15px;font-size: 12px;height: 40px;line-height: 20px;overflow: hidden;transition: all 1s;}
.n_cont .ul_n li a:hover .ul_f .ul_c,.n_cont .ul_n li a:hover .ul_f h2,.n_cont .ul_n li a:hover .ul_d p{color: #015a9e;transition: all 1s;}


/*=========why==========*/
 
.why{width: 100%;}

.w_top{width: 100%;text-align: center;padding: 150px  0 90px;border: 1px solid #0005FF;}
.w_top h2{font-size: 48px;color: #fff;height: 50px;line-height: 50px;overflow: hidden;}
.w_top p{font-size: 24px;color: #fff;height: 25px;line-height: 25px;margin: 20px 0 60px;}
.w_top a.wt{padding: 10px 25px;border: 2px solid #fff;color: #fff;transform: all .5s;position: relative;}
.w_top a.wt:hover{background: #015a9e;border: 2px solid #015a9e;transform: all .5s;}

.why_ul{margin-top: 60px;padding-top: 50px;position: relative;}

.why_ul li{width: 47.5%;float: left;margin-bottom: 50px; padding: 45px 35px;background: #f5f5f5;color: #666;transition: all 1s ease;position: relative;}
.why_ul li:nth-child(2n){float: right;}
.why_ul li:hover,.why_ul li.wm{background: rgba(255,126,0,1.00);transition: all 1s ease;}
.why_ul li a h2{font-size: 20px;height: 25px;line-height: 25px;overflow: hidden;}
.why_ul li a .why_c{text-align: center;height: 40px;line-height: 20px;overflow: hidden;margin-top: 20px;transition: all 1s ease;}
.why_ul li:hover a h2,.why_ul li:hover a .why_c,.why_ul li.wm a h2,.why_ul li.wm a .why_c  {color: #fff;transition: all 1s ease;}
.why_ul li .deg1{width: 30px;height: 30px;background:url(../images/b1111.jpg);position: absolute;top: 0px;right: 0px;box-shadow: -2px 2px 1px rgba(0,0,0,.6);transition: all 1s ease;}
.why_ul li:hover .deg1,.why_ul li.wm .deg1{background: url(../images/b222.jpg);transition: all 1s ease;}
.why_ul .hr{width: 1px;height: 100%;background: #ff0004;position: absolute;top: 0px;left: 50%;transform: rotate(deg);}


/*=========exam case==========*/
.exam{padding-bottom: 80px;}

/* 多个左滚动 - 公用类  */
.leftLoop2{width: 100%;height: 350px; overflow:hidden; position:relative;} 
.leftLoop2 .bd2{width: 100%;height: 100%;padding: 0 50px 0 100px; overflow:hidden; zoom:1;}
/*.leftLoop2 .bd2 .picList li{width:25%;height: 100%;} */

.leftLoop2 .bd2 .picList li {width: 100%;position: relative;}
.leftLoop2 .bd2 .picList li .e_img{width: 750px;height: 380px;}
.leftLoop2 .bd2 .picList li .e_img img{width: 100%;}
.leftLoop2 .bd2 .picList li .e_font{width: 300px;height: 190px; position: absolute;top: 25%;right: 15px; background: rgba(30,81,156,.9);z-index: 2;padding: 20px;}
.leftLoop2 .bd2 .picList li .e_font .ec{border: 1px solid #e5e5e5 ;padding: 15px;color: #fff;position: relative;}
.leftLoop2 .bd2 .picList li .e_font .ec h2{font-size: 24px;height: 30px;line-height: 30px;overflow: hidden;}
.leftLoop2 .bd2 .picList li .e_font .ec .ep{margin-top: 20px; margin-bottom: 10px; height: 60px;line-height: 20px;overflow: hidden;}
.leftLoop2 .bd2 .picList li .e_font .ec .et{ position: absolute;bottom: -15px;right:5px; background:#1e519c;z-index: 2;font-size: 16px;height: 30px;line-height: 30px;overflow: hidden;padding: 0 10px;}

.leftLoop2 .hd{ overflow:hidden;  height:30px; background:#f4f4f4; } 
.leftLoop2 .hd .prev:hover{ background: url(../images/left1.jpg)} 
.leftLoop2 .hd .next:hover{ background: url(../images/right1.jpg)} 

.leftLoop2 .hd .prev{width:50px; height:50px;overflow:hidden;cursor:pointer; background:url("../images/left2.jpg") no-repeat;position: absolute;top: 45%;left: 50px;}

.leftLoop2 .hd .next{right: 87.5%;width:50px; height:50px;overflow:hidden;cursor:pointer;position: absolute;top: 45%;
	background:url("../images/right2.jpg");z-index: 3;} 

/*=========company==========*/
.company{width: 100%;}

#bbb {width:100%;overflow:hidden;height:185px;}
#bbbb {float:left;width:800%;}
#bbb1 {float: left;}
#bbb2 {float: left;}
.co_ul{margin:0;padding:0;}
.co_ul li {width:245px;height:165px;float:left;text-align: center;padding: 0 10px;}
.co_ul li a img{width: 100%;transition: all .5s ease;border: 1px solid #ccc;}
.co_ul li a:hover img{transform: scale(1.1);transition: all .5s ease;box-shadow:  0 0 15px rgba(94,94,94,.5); }

.link{width: 100%;background: #eee;height: 90px;margin-top: 60px;color: #105a9e;padding: 25px 0;}
.link .le{width: 8%;float: left;line-height: 25px;height: 25px;overflow: hidden;padding-left: 35px;}
.link .ri{width: 92%;float: left;line-height: 25px;height: 50px;overflow: hidden;padding-right: 35px;}
.link .ri span{padding-right: 23px;}
.link .ri span a{color: #105a9e;}

.com_tact{width: 100%;background: rgba(214,214,214,0.68);}
.com_bg{width: 100%;max-width: 1200px;margin: 0 auto;padding: 65px 0;}

.com_bg li.com_le{width: 40%;float: left;height: 100%;}
.com_bg li.com_mi{width: 25%;float: left;height: 100%;}
.com_bg li.com_ri{width: 35%;float: left;height: 100%;padding: 0 10px;}
.com_bg li .img_f{width: 38%;float: left;}
.com_bg li .need{width: 62%;float: left;}
.com_bg li .need h2{line-height: 30px;height: 30px;overflow: hidden;font-size: 20px;color: #000;}
.com_bg li .need p{line-height: 30px;height: 30px;overflow: hidden;color: #000;}
.com_bg li .need span{line-height: 20px;height: 20px;overflow: hidden;display: block;font-size: 12px;color: #444;}
.com_bg li .input{width: 250px; display: block;height: 30px;line-height: 30px;margin-bottom: 10px;font-size: 12px;background: rgba(214,214,214,0);border: 0px;border: 1px solid #a1a1a1;color: 444;box-shadow: 0;padding-left: 5px;}
.com_bg li textarea{width:350px;font-size: 12px;background: rgba(214,214,214,0);border: 0px;border: 1px solid #a1a1a1;color: 444;box-shadow: 0;padding-left: 5px;height: 120px;line-height: 20px;overflow: hidden;}
.com_bg li #kk{width: 80px;height: 25px;line-height: 25px;background: rgba(214,214,214,0);margin-top: 15px;border: 0;border: 1px solid #a1a1a1;}
.com_bg li .bon{width: 100%;margin-top: 15px;font-size: 12px;}
.com_bg li .bon button{width: 100px;height: 35px;text-align: center;border-radius: 0px;background: #105a9e;color: #fff;border-color: rgba(0,0,0,0);font-weight: 600;margin-right: 5px;}

/** 在线客服 E **/
.zaixian{position:fixed;width:50px;height:275px;left:0;top:270px;z-index:100;}
.zaixian ul li{width:50px;height:50px;float:left;position:relative; margin-bottom: 1px; }
.zaixian ul li .sidebox{position:absolute;width:50px;height:50px;top:0;left:0;transition:all 0.3s; border-top-right-radius:4px;border-bottom-right-radius:4px; background:#000; opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/50px "微软雅黑";overflow:hidden;}
.zaixian ul li .sidetop{position:absolute;width:50px;height:50px;top:0;left:0;transition:all 0.3s; border-top-right-radius:4px;border-bottom-right-radius:4px; background:#000; opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/50px "微软雅黑";overflow:hidden;}
.zaixian ul li .sidetop:hover{background:#042b56; opacity:1;filter:Alpha(opacity=100);}
.zaixian ul li .sideewm{position:absolute;width:50px;height:50px;top:0;left:0;transition:all 0.3s; border-top-right-radius:4px;border-bottom-right-radius:4px; background:#000; opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/50px "微软雅黑";}
.zaixian ul li .sideewm:hover{background:#042b56; opacity:1;filter:Alpha(opacity=100);}
.zaixian ul li .sideewm .sideewmimg{ position: absolute; left: 50px; top: -100px;}
.zaixian ul li img{float:left;}


/*===================================公共内页导航================*/

.content_hd{width: 100%;background: #f5f5f5;height: 75px;}
.content_hd .tent_ul{width: 100%;height: 75px;}
.content_hd .tent_ul li{width: auto;height: 75px;line-height: 75px; float: left;margin-right: 15px;  position: relative;text-align: center;}
.content_hd .tent_ul li:hover a,.content_hd .tent_ul li a.mo{color: #0358a5;}
.content_hd .tent_ul li:before{content: '';width: 0px;height: 2px;position: absolute;bottom: 0px;left: 0px;background: #0358a5;transition: all .5s ease;}
.content_hd .tent_ul li.ml:before{content: '';width: 100%;height: 2px;position: absolute;bottom: 0px;left: 0px;background: #0358a5;}
.content_hd .tent_ul li:hover:before{width: 100%;transition: all .5s ease;}

/*===================================公共面包屑================*/

.bread{width: 100%;background: #105a9e;height: 35px;line-height: 35px;}
.bread span{color: #fff;}
.bread span a{color: #fff;}
.bread span a:hover{color: #000;}
.bread span i{margin: 0 10px;font-weight: 0;}

/*===================================pages================*/

.pages a.pg,.pages a:hover{background: #015a9e;color: #fff;}

/*===================================推荐商品================*/

.groom{width: 250px;height: auto; float: right;}
.groom .gt{width: 100%;height: 45px;line-height: 45px;overflow: hidden;font-size: 18px;color: #fff;background: #015a9e;padding: 0 25px;margin-bottom: 25px;}
/* 通用图片列表_普通式 */ 
.piclist li{ width:100%;overflow: hidden;  } 
.piclist .pcl{ text-align:center; line-height:0px;background: #f5f5f5;border:1px solid #ccc;overflow: hidden;position: relative;} 
.piclist .pcl:hover{ border-color:#015A9E;}
.piclist .pcl .pcl_t{position: absolute;bottom: 0px;background: rgba(147,147,147,.8);height: 45px;width: 100%;line-height: 45px;color: #fff;transition: all .5s;}
.piclist .pcl:hover .pcl_t{background: #105a9e;transition: all .5s;}
.piclist .pcl img{ width:100%;height:auto; padding:2px; transition: all .5s;overflow: hidden;transform: scale(1.1);  } 
.piclist .pcl a:hover img{transition: all .5s;transform: scale(1);} 
.piclist .ma{height: 25px;}
 
/* 多个上滚动 - 公用类 */ 
.topLoop .bd ul{border: 1px solid #e5e5e5;overflow:hidden; zoom:1; } 

/*===================================下方滚动================*/

.vlp{margin-top: 60px;}
/* 多个左滚动 - 公用类 */ 
.leftLoop{ overflow:hidden; position:relative;  } 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:50px; height:50px;cursor:pointer;position: absolute;top: 38%;z-index: 1;}
.leftLoop .hd .prev{background:url("../images/back.png") no-repeat;left: 0;} 
.leftLoop .hd .next{ background:url("../images/more.png") no-repeat;right: 0;  } 
.leftLoop .bd1{ padding: 0 80px;height: 210px;overflow: hidden;} 
.leftLoop .bd1 ul{ overflow:hidden; zoom:1;} 
.leftLoop .bd1 ul li{ margin:0 10px; text-align:center; float:left;display:_inline;  } 



/*==================================================================================关于我们页=======*/
 
.about{padding: 65px 0;}
.about .about_f{width: 65%;float: left;color: #666;}
.about_f .about_tit{width: 640px; text-align: center;margin: auto;padding-bottom: 60px;position: relative;}
.about_f .about_tit:before{content:'';width: 100%;height: 1px;background: #afafaf;position: absolute;top: 20px;left: 0;z-index: -1;}
.about_f .about_tit h2{width: 380px; height: 40px;line-height: 40px;border: 1px solid #afafaf;margin: auto;background: #fff;}
.about_f .about_tit p{color: #666;margin-top :25px;}
.about_f .about_tit .abc{border: 1px solid #F90105;}

.about .about_img{width: 30%;float: right;}
.about_img .img_a{width: 100%;} 
 .img_a li{width: 320px;height: 200px;overflow: hidden;position: relative;margin-bottom: 30px;}
 .img_a li a .box1{width: 100%;overflow: hidden;}
 .img_a li a .box1 img{width: 100%;transition:  all .5s;}
 .img_a li a:hover .box1 img{transform: scale(1.1);transition:  all .5s;}
 .img_a li a .box2{width: 100%;height: 45px;position: absolute;bottom: 0px; background:rgba(0,0,0,.7);transition:  all .5s;}
 .img_a li a .box2 p{font-size: 16px;color: #fff;line-height: 45px;height: 45px;overflow: hidden; text-align: center;}
 .img_a li a:hover .box2{width: 100%;height: 200px;position: absolute;bottom: 00px;background:rgba(0,0,0,.7); transition:  all .5s;padding: 20px;}
 .img_a li a:hover .box2 p{transition:  all .5s;height: 200px;line-height: 150px; }
 .img_a li a .none{width: 280px;height: 160px;position: absolute;right: 20px;bottom: -120px; transition:  all .5s;}
 .img_a li a:hover .none{border: 1px solid #fff;bottom: 20px; transition:  all .5s;}

/*==================================================================================工程案例页=======*/

.case{padding: 45px 0 65px;}
.case .case_ul{width: 100%;}
.case_ul li{width: 100%; margin: 20px 0;}
.case_ul li .cl,.case_ul li .cr{width: 50%;float: left;overflow: hidden;}
.case_ul li:nth-child(2n) .cl,.case_ul li:nth-child(2n) .cr{width: 50%;float: right;overflow: hidden;}
.case_ul li .cl img{width: 100%;height: 350px; transform: scale(1.1);transition: all .5s;}
.case_ul li:hover .cl img{transform: scale(1);transition: all .5s;}
.case_ul li .cr {padding: 0 60px 10px;height: 350px; position: relative;}
.case_ul li .cr:before{content:'';width: 0;height: 0;background: rgba(1,90,158,.3);position: absolute;top:0px;right: 0px;transition: all .5s;z-index: -1;}
.case_ul li .cr:after{content:'';width: 0;height: 0;background: rgba(1,90,158,.3);position: absolute;bottom:0px;left: 0px;transition: all .5s;z-index: -2;}
.case_ul li:hover .cr:before,.case_ul li:hover .cr:after{width: 100%;height: 100%; transition: all .5s;cursor:Pointer;}
.case_ul li .cr h2{width: auto; font-size: 20px;color: #666;height: 75px;line-height: 75px;overflow: hidden;border-bottom:1px solid #015a9e;position: relative;}
.case_ul li:hover .cr h2{color: #fff;}
.case_ul li .cr .cr_f{height: 140px;line-height: 20px;margin-top: 20px;color: 999;overflow: hidden;margin-bottom: 25px;}
.case_ul li:hover .cr .cr_f{color: #fff;}
.case_ul li .cr .ca{padding: 5px 10px; border: 1px solid #015a9e;color: #015a9e;}
.case_ul li:hover .cr .ca{background: #015a9e;color: #fff;}



/*==================================================================================news_list=======*/

.news_list{padding: 65px 0;}
.news_list .nsl_ul{width: 100%;}
.nsl_ul li{width: 47.5%;float: left;padding: 15px;border: 1px solid #e5e5e5;background: #f8f8f8;margin-bottom: 20px; transition:  all .5s;}
.nsl_ul li:hover{width: 47.5%;float: left;padding-left: 25px;padding-right: 0px;box-shadow: 0 0 25px rgba(94,94,94,.5);transition:  all .5s;}
.nsl_ul li:nth-child(2n){margin-left: 5%;}
.nsl_ul li a .nsl_img{width: 150px;height: 140px;background: url("../images/a1.jpg") center no-repeat;float: left;overflow: hidden;transition:  all .5s;}
.nsl_ul li a:hover .nsl_img {box-shadow: 0 0 10px rgba(94,94,94,.5);transition:  all .5s;}
.nsl_ul li a .nsl_img img{width: 100%;transition:  all .5s;}
.nsl_ul li:hover a .nsl_img img{transform: scale(1.1);transition:  all .5s;}
.nsl_ul li a .nsl_font{width: 375px;float: left;padding: 20px;}
.nsl_ul li a .nsl_font .nsl_t{width: 100%;height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;color: #105a9e; font-weight: 600;}
.nsl_ul li a .nsl_font .nsl_c,.nsl_ul li a .nsl_font .nsl_d{width: 100%;line-height: 20px;overflow: hidden;color: #666;margin-top: 5px;}
.nsl_ul li a .nsl_font .nsl_c{height: 40px;}
.nsl_ul li a .nsl_font .nsl_d{height: 20px;}


/*==================================================================================news_det=======*/

.news_det{padding: 65px 0;}
.news_det .det_tit{text-align: center;}
.news_det .det_tit h2 {font-size: 24px;color: #666;line-height: 30px;height: 30px;overflow: hidden;margin-bottom: 20px;}
.news_det .det_tit span{color: #aaa;padding: 0 10px;line-height: 20px;height: 20px;overflow: hidden;}
.news_det .det_f{text-align: left; padding: 50px 0;color: #666;}
.news_det .det_f img{width: 100%;}
.news_det .dat_a{width: 100%;margin-top: 10px;}
.news_det .dat_a .left_a,.news_det .dat_a .right_a{width: 550px;line-height: 50px;height: 50px;overflow: hidden;border: 1px solid #aaa;padding: 0 30px;transition:  all .5s;}
.news_det .dat_a .left_a{float: left;}
.news_det .dat_a .right_a{float: right;}
.news_det .dat_a .left_a:hover,.news_det .dat_a .right_a:hover{border: 1px solid #105a9e;box-shadow: 0 0 10px rgba(16,90,158,.7);transition:  all .5s;}
.news_det .dat_a .left_a a,.news_det .dat_a .right_a a{color: #666;transition:  all .5s;}
.news_det .dat_a .left_a:hover a,.news_det .dat_a .right_a:hover a{color: #015a9e;transition:  all .5s;}

/*==================================================================================景观照明系统======*/

.view{padding: 65px 0;}
.view .view_ul{/*border: medium solid #F90105;*/}
.view .view_ul li{width: 25%;padding: 0 10px;float: left;transition: all .5s;margin-bottom: 50px;overflow: hidden;}
.view .view_ul li .top_v{width: 270px;height: 245px;position: relative;background: #f5f5f5; overflow: hidden;}
.view .view_ul li .top_v:before {content:'';width: 2px;height: 0px;position: absolute;bottom: 0px;left: 0px; background: #105a9e;transition: all .5s ease;z-index:1 }
.view .view_ul li .top_v:after {content:'';width: 2px;height: 0px;position: absolute;top: 0px;right: 0px; background: #105a9e;transition: all .5s ease;}
.view .view_ul li:hover .top_v:after,.view .view_ul li:hover .top_v:before{width: 2px; height: 100%;transition: all .5s ease;}
.view .view_ul li .top_v .box1{width: 0%;height: 2px;background: #105a9e;position: absolute;bottom: 0px;right: 0; transition: all .5s ease;}
.view .view_ul li .top_v .box2{width: 0%;height: 2px;background: #105a9e;position: absolute;top: 0px;left: 0; transition: all .5s ease;}
.view .view_ul li:hover .top_v .box1,.view .view_ul li:hover .top_v .box2{width: 100%;transition: all .5s ease;}

.view .view_ul li .top_v img{width: 100%;transition: all .5s;}
.view .view_ul li:hover .top_v img{transform: scale(1.1);transition: all .5s;}
.view .view_ul li .bom_v{width: 270px;height: 120px;background: #bfbfbf;padding: 10px;transition: all 1s;}
.view .view_ul li:hover .bom_v{background: #015a9e;transition: all 1s;}
.view .view_ul li .bom_v .tit_v{font-size: 14px;line-height: 20px;height: 20px;overflow: hidden;color: #fff;}
.view .view_ul li .bom_v .cont_v{font-size: 12px;height: 40px;line-height: 20px;overflow: hidden;margin: 10px 0;color: #fff;}
.view .view_ul li .bom_v .va{width: 80px;background: #015a9e;padding: 5px 10px;font-size: 12px;color: #fff;border-radius: 5px;}
.view .view_ul li:hover .bom_v .va{background: #fff;color: #015a9e;transition: all 1s;}
.view .view_ul li .bom_v .va:hover{color: #666;transition: all 1s;}

/*==================================================================================景观照明系统 det======*/

.view_cont{width: 75%;float: left;}
.view_cont .vt{width: 100%;font-size: 24px;color: #666; height: 25px;line-height: 25px;overflow: hidden;text-align: center;}
.view_cont .vc{margin-top: 40px;padding: 65px 0;border-top: 1px dashed #bcbcbc;}
.view_cont .vc .vc_img{width: 370px;height: 280px; background: #f5f5f5; float: left;}
.view_cont .vc .vc_img img{width: 100%;}
.view_cont .vc .vc_f{width:50%;height: 280px; float: right;line-height: 20px;color: #666;}
.view_cont .vc .vc_f h2{font-size: 18px;height: 20px;line-height: 20px;overflow: hidden;color: #666;margin-bottom: 30px;}
.view_cont .vp .vp_ul{height: 60px;line-height: 60px; border-bottom: 1px solid #c5c5c5;}
.view_cont .vp .vp_ul li{width: auto;display: block;float: left; padding: 0 30px;height: 60px;line-height: 60px;position: relative;margin-right: 5px;}
.view_cont .vp .vp_ul li a{font-size: 18px;color: #666;}
.view_cont .vp .vp_ul li:hover a,.view_cont .vp .vp_ul li.pl a{color: #015a9e;}
.view_cont .vp .vp_ul li:before{content:'';width: 0;height: 2px;background: #015a9e;transition: all .5s;position: absolute;bottom: 0px;left: 0px;}
.view_cont .vp .vp_ul li.pl:before{content:'';width: 100%;height: 2px;background: #015a9e;transition: all .5s;position: absolute;bottom: 0px;left: 0px;}
.view_cont .vp .vp_ul li:hover:before{width: 100%;transition: all .5s;}
.view_cont .vp .vp_c{margin-top: 40px; line-height: 20px;height: auto;color: #666;}
.view_cont .vp .vp_c .tab1{display: block;}
.view_cont .vp .vp_c .tab2{display: none;}
.view_cont .vp .vp_c .tab1 img,.view_cont .vp .vp_c .tab2 img{width: 100%;}

/*==================================================================================解决方案======*/

.solve{padding: 30px 0;}
.solve .solve_ul{width: 75%;float: left;}
.solve .solve_ul li{width: 100%;padding: 20px 0;padding-left: 20px; border-bottom: 1px dashed #666;}
.solve .solve_ul li:hover{background: #015a9e;}
.solve .solve_ul li a .sol_img{width: 260px;height: 157px; float: left;background: url(../images/sol.jpg)no-repeat; overflow: hidden;margin-top: 10px;}
.solve .solve_ul li a .sol_img img{width: 100%;transform: scale(1.1);transition: all .5s;}
.solve .solve_ul li:hover a .sol_img img{transform: scale(1);transition: all .5s;margin: 1px;}
.solve .solve_ul li a .sol_font{width:70%;float: left; padding-left: 30px;}
.solve .solve_ul li a .sol_font .sol_t{width: 100%;height: 30px;line-height: 30px;overflow: hidden;font-size: 18px;color: #015a9e;transition: all .5s;}
.solve .solve_ul li:hover a .sol_font .sol_t{color: #fff;transition: all .5s;}
.solve .solve_ul li a .sol_font .sol_d{width: 100%;height: 50px;line-height: 50px;overflow: hidden;color: #c6c6c6; border-bottom: 1px solid #d1d1d1;}
.solve .solve_ul li a .sol_font .sol_c{width: 100%;margin-top: 20px;color: #747474;height: 80px;line-height: 20px;overflow: hidden;transition: all .5s;}
.solve .solve_ul li:hover a .sol_font .sol_c{color: #c6c6c6;transition: all .5s;}
/*==================================================================================服务支持=======*/

.service{padding: 65px 0;}
.service .sve{padding: 0px 0 40px;}
.service .sve .sve_f{padding-left: 45px;font-size: 24px;color: #015a9e;line-height: 25px;height: 25px;overflow: hidden;}
.service .sve .sve_c{width: 100%;padding: 45px;color: #666;border:1px solid #015a9e;margin-top: 40px;border-radius: 20px;line-height: 25px;}

/*==================================================================================联系我们页=======*/

.contact{padding: 65px 0;}
.contact .cont_way{width: 100%;}
.cont_way h2{font-size: 24px;color: #105a9e;}
.cont_way p.co_p{color: #999;height: 30px;line-height: 30px;overflow: hidden;margin:5px 0 15px;}
.cont_way span.co_s{display: block;color: #666;height: 30px;line-height: 30px;overflow: hidden;}
.cont_way span img{width: 20px;height: 20px;}
iframe{width: 100%;height: 402px; border:  1px solid #040000;margin-top: 45px;}

/*=======bottom=====*/

.bottom{width: 100%;height: auto; padding: 20px 0; background: #666;overflow: hidden;}
.bottom .bom_ul{width: 100%;padding: 0 20px;padding-bottom: 20px;border-bottom: 1px solid #fff;}
.bottom .bom_ul li{width: 14.28%;float: left;padding-left: 15px;}
.bottom .bom_ul li p.blp{color: #fff;font-size: 16px; line-height: 30px;height: 30px;overflow: hidden;margin-bottom: 10px;font-weight: 500;}
.bottom .bom_ul li a{font-size: 12px; display: block;color: #fff;line-height: 30px;height: 30px;}
.bottom .bom_ul li a:hover{color: #015fa0;}
.bottom .bom_f{width: 100%;font-size: 12px;color: #fff;text-align: center;margin-top: 20px; height: 60px;line-height: 30px;overflow: hidden;}