/*homeA*/
*{box-sizing:border-box}
.homeA{padding:50px 0 40px 0; 
    /* background: url(../images/homeabg.jpg) no-repeat center; */
}
.leftNav{ width:240px; background: #fff;padding-bottom:20px; box-shadow: 0 3px 10px 3px #eee;}
.leftNav h2{width:100%;padding:20px 0 20px 50px; height:106px;font-size:26px;color:#Fff; background: url(../images/title_01.png) no-repeat left;}
.leftNav h2 span{ display: block; font-size:14px; color:#fff}
.leftNav ul{margin:0px; padding:0px 0 20px 0; }
.leftNav ul li{}
.leftNav ul li h3{line-height:60px; background: url(../images/line_01.png) no-repeat bottom center;}
.leftNav ul li h3 a{margin-left:10px; font-size:16px;color:#007fcb; padding-left:0px;
     /* background: url(../images/arrow_01.jpg) no-repeat left;  */
    }
.leftNav ul li .sonNavContent{padding:10px 0 0 0}
.leftNav ul li .sonNavContent a{ display: block; margin-left:70px; line-height:35px;color:#333;padding-left:10px; font-size:15px; background: url(../images/arrow_02.png) no-repeat left;}
.leftNav ul li .sonNavContent a:hover{ color:#007fcb}
.leftNav ul li h3.active a{color:#f60}
.leftNav ul li .sonNavContent a.active{color:#f60}
.homeA .right{width:952px;}
.homeA .list-six a{margin:0 0 15px 15px; border:1px #bbb solid }
.homeA .list-six a img{ width:300px; height:220px;padding:0px;}
.homeA .down{}
.homeA .down img{width:100%;height:305px;}
.list-six a{ position: relative; display: inline-block; margin:0 0 35px 35px; background: #fff; overflow: hidden;border:1px #ddd solid; float:left; }
.list-six h4.one{color:#333; text-align: center;padding:10px 0}
.list-six a .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(0,102,153,0.7)}
.list-six a img{ width:280px; height:200px; display:block; padding:20px;}
.list-six a .box h4.two{ color:#fff;font-size:14px;  margin:10px 0 0 0}
.list-six a .box img{ display: block; margin: auto; height:auto;width:auto;}
.list-six a:hover .box{ opacity: 1;top:0}
.list-six a:hover h4.one{ opacity: 0;}
.list-six a:hover .rightDown span{   border-bottom: 35px solid #e0791d;}
.list-six .rightDown span{
	 position:absolute; bottom:0;right:0;    /* -webkit-animation-fill-mode: both; */
    /* animation-fill-mode: both; */
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-bottom: 35px solid #007fcb;
    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;}
.list-six .rightDown b{ 	 position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}
/*.homeB*/
.homeB{ margin:50px 0}
.homeB .bg{ float:left; width:100%; background:url(../images/homebbg.jpg) no-repeat center;}
.homeB .box{ float:left; width:600px;height:300px;height:515px;padding:10px 50px;}
.homeB .box h3{color:#007fcb; font-size:26px;font-weight: bold; margin:20px 0}
.homeB .box p{font-size:13px; color:#555;line-height:25px; margin:20px 0 10px 0}
.homeB .box span{color:#007fcb;}
.homeB .box em{ margin:0 5px 0 0; font-style:normal;color:#007fcb;}
.homeB .box img{ display: block; }
.homeB .one{padding:20px 20px 0 100px}
.homeB .two{padding:20px 90px 0 40px}
.homeB .two img{margin-left:-38px;}
.homeB .three{padding:20px 20px 0 100px}
.homeB .four{padding:20px 90px 0 40px}
/*.homeC*/
.homeC{padding:50px 0; background: url(../images/homecbg.jpg) no-repeat center;}
.homeC .bin{ position:relative;float:left; width:100%; margin:0 0 15px 0}
.homeC .bin .con{ position: absolute; left:563px; top:40px; z-index:99}
.homeC .bin p{color:#333; font-size:15px; padding:50px 50px 0 50px}
.homeC .bin .left{ float:left; width:593px;background:#007fcb }
.homeC .bin .left p{float:left;width:350px;color:#fff}
.homeC .bin .left img{float:right; width:240px;}
.homeC .bin .right{ float:right; width:593px; background:#fff}
.homeC .bin .right p{float:right;width:350px;color:#333}
.homeC .bin .right img{float:left;width:240px;}
/*.homeD*/
.homeD{}
.homeD {margin:50px auto;}
.homeD .picScroll-left{ width:1220px;margin:30px 0 0 -17px;  position:relative;    }
.homeD .picScroll-left .hd{   }
.homeD .picScroll-left .hd .prev,.homeD .picScroll-left .hd .next{ position: absolute; top:100px; display:block;  width:40px; height:40px;  overflow:hidden;
			 cursor:pointer; background:#000;z-index: 99999;}
.homeD .picScroll-left .hd .prev{ left:-10px; background:#00529C url(../images/prev_ico.png) no-repeat center }
.homeD .picScroll-left .hd .next{ right:-20px; background:#00529C url(../images/next_ico.png) no-repeat center}
.homeD .picScroll-left .hd .prev:hover{  background:#dd9322 url(../images/prev_ico.png) no-repeat center }
.homeD .picScroll-left .hd .next:hover{  background:#dd9322 url(../images/next_ico.png) no-repeat center}
.homeD .picScroll-left .hd ul li.on{ background-position:0 0; }
.homeD .picScroll-left .bd{ /*padding:10px;*/  overflow: hidden;  }
.homeD .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.homeD .picScroll-left .bd ul li{ width:310px; float:left; _display:inline;  text-align:left;border-right:dashed 1px #bbb ;   }
.homeD .picScroll-left .bd ul li img{ width:273px; height:214px; display:block;  margin:auto }
.homeD .picScroll-left .pageState{ display: none;}
.homeD .picScroll-left .bd ul li .box{ padding:0 20px;}
.homeD .picScroll-left .bd ul li .box p{color:#666; font-size:12px;margin:0 0 20px 0}
.homeD .picScroll-left .bd ul li .box h4{color:#007fcb; font-size:18px;margin:15px 0}
.homeD .picScroll-left .bd ul li .effect_two{width:273px;height:214px; margin: auto;}
.homeD .picScroll-left .bd ul li a:hover .box .icoBoxOne{ background: url(../images/ico_05h.png) no-repeat center; color:#fff}
.homeD .picScroll-left .bd ul li a:hover .box p{color:#00529C}
/*.homeE*/
.homeE{ margin:50px 0 70px 0;}
.homeE .container{ background: #fff; padding:30px 40px; }
.homeE .tone{ float:left; width:100%;padding-top:30px; padding-bottom: 30px; border-bottom: 1px #ddd solid;}
.homeE .tone .video{width:408px; height: 257px; float: left;}
.homeE .tone .video video{width:100%;height: 100%;}
.homeE .tone img{ float:left; width:408px;}
.homeE .tone .frame{ float:right;width:670px;}
.homeE .tone .frame h4{ font-size:18px;color:#333}
.homeE .tone .frame p{ color:#666; font-size:13px; margin:20px 0;line-height:25px;}
.homeE .tone .frame a{ float:left; margin-top:25px; color:#fff; background: url(../images/ico_05h.png) no-repeat center}
.homeE .down{ float:left; width:100%;margin:20px 0 0px 0;}
.homeE .picScroll-left{ width:1130px;margin-left:-10px;  position:relative;    }
.homeE .picScroll-left .hd{   }
.homeE .picScroll-left .hd .prev,.homeE .picScroll-left .hd .next{ position: absolute; top:55px; display:block;  width:40px; height:40px;  overflow:hidden;
			 cursor:pointer; background:#000;z-index: 99999;}
.homeE .picScroll-left .hd .prev{ left:-15px; background:#007fcb url(../images/prev_ico.png) no-repeat center }
.homeE .picScroll-left .hd .next{ right:-15px; background:#007fcb url(../images/next_ico.png) no-repeat center}
.homeE .picScroll-left .hd .prev:hover{  background:#dd9322 url(../images/prev_ico.png) no-repeat center }
.homeE .picScroll-left .hd .next:hover{  background:#dd9322 url(../images/next_ico.png) no-repeat center}
.homeE .picScroll-left .hd ul li.on{ background-position:0 0; }
.homeE .picScroll-left .bd{ /*padding:10px;*/  overflow: hidden;  }
.homeE .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.homeE .picScroll-left .bd ul li{ width:226px; float:left; _display:inline;  text-align:left;  }
.homeE .picScroll-left .bd ul li img{ width:214px; height:143px; display:block;  margin:auto }
.homeE .picScroll-left .pageState{ display: none;}
.homeE .picScroll-left .bd ul li h4{color:#333; font-size:14px; text-align: center; line-height: 30px;}
.homeE .picScroll-left .bd ul li .effect_two{width:214px;height:143px; margin: auto;}
.homeE .picScroll-left .bd ul li a:hover h4{color:#00529C}
/*.homeF*/
.homeF{margin:50px 0}
.homeF .tabPanel{}
.homeF .tabPanel .tone{ float:left;width:100%; text-align: center;}
.homeF .tabPanel .tone b{line-height:30px;padding:10px 0;margin:0 20px; border-bottom:1px #ddd solid ; color:#2e2e2e; font-size:24px;  cursor: pointer;}
.homeF .tabPanel .tone b span{color:#cccccc; font-size:20px;text-transform: Uppercase;}
.homeF .tabPanel .tone b.hit{color:#007fcb;border-bottom:1px #007fcb solid ;}
.homeF .tabPanel .tone b:hover{color:#007fcb;}
.homeF .tabPanel .pane{ display: none;}
.homeF .tabPanel .down{ float:left;width:100%; margin:50px 0 20px 0}
.homeF .tabPanel .down .left{ position:relative;float:left; width:500px;}
.homeF .tabPanel .down .right{float:right;width:680px;}
.homeF .tabPanel .down .right a{ float:left;display: block; border-bottom: dashed 1px #ddd;padding:20px 0;}
.homeF .tabPanel .down .right b{ float:left; width:100px;  text-align:center;font-size:42px; color:#007fcb}
.homeF .tabPanel .down .right b span{ display:block;color:#999;margin:5px 0 0 0; font-size:12px;}
.homeF .tabPanel .down .right .frame{ float:left; width:510px;margin:0 0 0 10px;}
.homeF .tabPanel .down .right .frame h4{ color:#333; font-size:14px; }
.homeF .tabPanel .down .right .frame p{ color:#7a7a7a;margin:5px 0 0 0; font-size:12px; line-height:22px;}
.homeF .tabPanel .down .right em{float:left;margin:30px 0 0 30px; color:#bbb; border:1px #bbb solid; text-align: center; width:20px;height:20px; font-style: normal;}
.homeF .tabPanel .down .right a:hover em{background: #007fcb;color:#fff;border:1px #007fcb solid; }
.homeF .tabPanel .down .right a:hover h4{color:#007fcb}
.homeF .tabPanel .down .right a:hover p{color:#007fcb}
.homeF .tabPanel .down .rightDown{position: absolute;right:0; bottom:0;padding:115px 0 0 0; text-align:center;width:165px; height:162px;color:#fff; font-size:13px; background: url(../images/bgopa01.png) no-repeat center; }
/*rack*/
.rack{ float:left;width:100%; margin:20px 0}
.rack .left{ /*background: #f1f1f1;*/}
.rack .lefter ul{border:1px #ddd solid}
.rack .righter .list-six{float:left;margin-top:20px; width:965px; margin-left:-28px;}
.rack{}
.rack .righter{ width:930px;}
/*left_contact*/
.left_contact{margin:30px 0 0 0;padding:18px;color:#555; font-size:13px; line-height:23px;border: 1px #ddd solid;}
.left_contact img{ margin:0 0 5px 0}
.left_contact .box{}