/*banner*/

.banner {width:1000px;height:400px; position:relative; margin:0 auto;}
.banner_index{height:400;width: 1920px;overflow:hidden;position:absolute;top:0;left:-460px;}

.banner .btn{position: absolute;top:216px;width:50px;height:50px;	display: block;	z-index: 3;}
.banner .btnPre{background: url(../images/index_09.png)   no-repeat ;right:0;}
.banner .btnNext{background: url(../images/index_07.png) no-repeat;	left:0;}


.banner_wrap{height: 400px;  position:relative;}
.banner_index .banner_wrap li{width:1920px;height: 400px; float: left;}
.banner_index .banner_wrap li a img {margin:0 auto; display:block;height: 400px;}


@media screen and (min-width:1366px){
	
.banner .btnPre{background:  url(../images/index_09.png)   no-repeat ;right:-183px;}
.banner .btnNext{background: url(../images/index_07.png) no-repeat;	left:-183px;}

}

@media screen and (min-width:1920px){
.banner .btnPre{background: url(../images/index_09.png)   no-repeat ;right:-460px;}
.banner .btnNext{background: url(../images/index_07.png) no-repeat;	left:-460px;}

}



.center_a{ height:566px;padding-top:16px;} 
.center_a .ajjfa{ height:566px; width:223px; background:#018ae1 url(../images/index_36.png) repeat-x top; border-radius:5px; -webkit-border-radius:5px; float:left;}
.center_a .ajjfa h2{ text-align:center; line-height:60px; color:#fff;}
.center_a .ajjfa .anav{ width:210px; height:490px; margin:0 auto; background:#fff;border-radius:5px; -webkit-border-radius:5px;}
.ajjfa .anav a{ display:block; background:url(../images/index_37.png)  no-repeat center left;margin:0 10px; line-height:45px; border-bottom:dashed 1px #e5e5e5;padding-left:15px;}
.center_a .ajjfa .anav a:last-child{ line-height:30px; text-align:center; border-bottom:none; background:none; padding:0;}
.center_a .ajjfa .anav a:hover{color: #3f5ab1;}

.center_a .aproducts{ width:956px; float:right;}
.center_a .aproducts .tit1 span{ font-size:18px; display:block; width:123px; line-height:37px; float:left; background:#018ae1; color:#fff; text-align:center;}
.center_a .aproducts .tit1 a{ /*float:right; height:31px; width:31px;*/ display:block; overflow:hidden;}
.center_a .aproducts .tit1 a img{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.center_a .aproducts .tit1 a:hover img{ margin-top:-31px;}

.center_a .aproducts .tit1 { height:37px;}
.center_a .aproducts .tit2 { height:47px; border:solid 1px #e5e5e5;border-top:solid 2px #e5e5e5;margin-top:-2px; line-height:47px;}
.center_a .aproducts .tit2  a{padding:0 20px;}
.center_a .aproducts .tit2  a:hover{color: #3f5ab1;}

.aproductslist a { width:223px; display:block; border-bottom:solid 2px #8398d7; position:relative; float:left; margin-top:26px; margin-right:20px;}
.aproductslist a img{ width:223px; height:167px; display:block;}
.aproductslist a div{padding:3px 10px; line-height:20px; height:40px; background:#f5f5f5;}
.aproductslist a span{ width:0; height:2px; background:#063ead; position:absolute; bottom:-2px; transition:linear 0.5s;}
.aproductslist a:hover span{width:100%;}
.aproductslist a:nth-of-type(4n){ margin-right:0;}



.i-about{ height:964px;width:100%; background:url(../images/index_10.jpg) no-repeat center;margin-top:75px;}
.i-about .w-1200{	z-index: 2;	height: 964px;}
.i-about .w-1200 .list{	float: left;	width: 433px;	}
.i-about .w-1200 .list li{	width: 470px;	height: 72px;	margin-bottom:90px;}
.i-about .list span{display:block;float: left;width: 63px;height:65px; background:url(../images/index_33.png) no-repeat ;color: #fff;text-align: center;	font-size: 30px; font-weight:bold; line-height:55px;}
.i-about .list .intro{	float: right;	width: 395px;	font-weight: bold;	font-size: 16px;	line-height: 30px;	color: #333;}
.i-about .list h2{/*padding-right: 16px;*/	font-size: 30px;line-height: 42px;	color: #018ae1;}
.i-about .list .tit img{padding-top:14px;}
.i-about .list p{ font-size:18px; font-weight:normal;}
.i-about .img{	float: right; position:relative	}
.i-about .img span{	display: inline-block; position:absolute;width:119px;height:119px; border-radius:50%; -webkit-border-radius:50%; 
font-size: 24px;line-height:119px; background:#fff;	color: #3a57ae;	text-align: center; font-weight:bold; border:solid 1px #018ae1;	}
.i-about .img span:nth-of-type(1){ right:-20px; top:120px;}
.i-about .img span:nth-of-type(2){ right:-15px; top:300px;}
.i-about .img span:nth-of-type(3){ right:138px; top:417px;}

.i-CASE{ height:600px;}
.i-CASE .tit{ display:block; text-align:center; line-height:36px; padding-top:70px; font-size:24px; font-weight:bold; color:#666666}
.i-CASE .tit b{ color:#018ae1; font-size:36px;}



.rollBox{width:1200px; position:relative;}
.rollBox .wzCont{width:1199px;overflow:hidden;}
.rollBox .ScrwzCont{width:10000000px; overflow:hidden;}
.rollBox .wzCont .pic{width:223px;float:left;margin-top:10px; height:374px;margin-left:14px;}
.rollBox .wzCont .pic a{ background:#f5f5f5; text-align:center; line-height:30px; width:223px; height:167px;  margin-top:20px; display:block; float:left; position:relative;}
*+html .rollBox .wzCont .pic{width:1200px;float:left;}
.rollBox .wzCont .pic a img{ display:block; height:135px;}

.rollBox .wzCont a:link,.rollBox .wzCont a:visited{color:#626466;text-decoration:none;}
.rollBox .wzCont a:hover{color:#018ae1;text-decoration:underline;}
.rollBox #wzList1,.rollBox #wzList2{float:left;}

.i_WITNESSm{ height:762px; background:url(../images/index_11.jpg) no-repeat center;}
.i_WITNESSm .tit { padding-top:29px; height:75px;   line-height:31px; } 
.i_WITNESSm .tit span{ float:left; height:31px; line-height:31px; font-size:24px; color:#fff; font-weight:bold;}
.i_WITNESSm .tit span strong{ color:#aaaaaa;}






.i_WITNESS{ float:left; width:600px;}
.i_WITNESS ul{ clear: both;}
.i_WITNESS ul li{ height:140px;padding-top:15px; }
.i_WITNESS ul li .img{ display:block; float:left;width:191px; border:solid 4px #fff;}
.i_WITNESS ul li .wenzi{  float:right; width:380px;}
.i_WITNESS ul li .wenzi h3{ font-size:18px; color:#fff; line-height:40px;}
.i_WITNESS ul li .wenzi p{  color:#fff; line-height:25px;}
.i_WITNESS ul li .wenzi a{ font-size:12px; color:#063ead; display:block; background:#fff; width:64px; height:20px; line-height:20px; text-align:center; margin-top:10px;}

.i_video{width:525px; float:right;}
.videoa{ width:378px; height:271px; margin:0 auto; background:url(../images/index_51.png) no-repeat;}
.videoa span{ width:298px; height:206px; margin:0 auto;padding:32px 0; display:block; position:relative;}
.videoa span .dd{ display:block; position:absolute; top:103px;left:117px ;width:64px; height:64px; cursor:pointer;
animation-name: myfirst;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
 
}
.i_video ul { margin-top:25px;}
.i_video ul li{ float:left; width:197px; height:175px; line-height:40px; color:#fff; text-align:center; margin-lefT:43px; }
.i_video ul li a{ display:block; width:197px; height:135px;position:relative;border:solid 4px #fff;}
.i_video ul li a img{ display:block; width:197px; height:135px;}
.i_video ul li .ddd{ display:block; width:43px; height:42px; position:absolute; top:46px; left:77px;}
@keyframes myfirst
{
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);	
}
25%  {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);	
}
50%  {transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);	
}
75%  {transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);}
100%  {transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);}
}

/*修改*/
.TabADSmore{ float:right; height:31px; display:block; width:31px; overflow:hidden;}
.TabADSmore img{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.TabADSmore:hover img{ margin-top:-31px;}
/*修改结束*/

.iGuaranteem{ height:713px;}
.iGuaranteem .tit { padding-top:70px; height:85px;   line-height:30px; } 
.iGuaranteem .tit span{ float:left; height:30px; line-height:30px; font-size:24px; color:#aaa; font-weight:bold;}
.iGuaranteem .tit span b{ color:#018ae1; display:block;}

.TabADSmore{ float:right; height:31px; display:block; width:31px; overflow:hidden;}
.TabADSmore img{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.TabADSmore:hover img{ margin-top:-31px;}



.iGuaranteem .iaboutus{ width:272px; float:left;}
.iGuaranteem .iaboutus h2{ font-size:16px; color:#333; line-height:40px;}
.iGuaranteem .iaboutus  p{ font-size:14px; color:#666; line-height:25px;}
.iGuaranteem .iaboutus  p a{ font-size:14px; color:#018ae1;}
.iGuaranteem .iaboutus  p a:hover{ text-decoration:underline;}
.iGuaranteem .iGuarantee{ width:374px;padding:0 67px; float:left;}
.iGuaranteem .iGuarantee ul li{ height:74px; padding:15px; background:#f5f5f5;margin-bottom:16px;}
.iGuaranteem .iGuarantee ul li h3{ font-size:16px; line-height:30px; color:#666666; background:url(../images/index_37.png) no-repeat center left; padding-left:10px;}
.iGuaranteem .iGuarantee ul li a{ font-size:14px; color:#999999;}
.iGuaranteem .iGuarantee ul li a:hover{color: #3f5ab1;}
.iGuaranteem .inews{ width:420px; float:left;}

/* --[[ 标签页样式 ]]-- */
.TabADS{ height:37px; border-bottom: solid 1px #018ae1 ; padding-top:70px; }
.TabADS ul{height:37px;  list-style-type: none; }
.TabADS li{width:118px; float:left; height:37px; line-height:37px;color:#666666; cursor:pointer;  float:left; background:#e5e5e5;text-align:center;margin-right:5px; font-size:18px; font-weight:bold;}
.TabADS .TasADSOn{  color:#fff;  background:#018ae1;}
 
.TabADSCon{  margin-top:54px; }
.TabADSCon li{padding-bottom:22px; border-bottom:solid 1px #ccc; height:65px; margin-bottom:32px;}
.TabADSCon li span{ display:block; width:74px; height:65px; border-right:solid 1px #cccccc; font-size:48px; font-weight:bold; text-align:center; line-height:65px; color:#cccccc;float:left;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.TabADSCon li a{ display:block; float:right; width:325px;}
.TabADSCon li a h3{ font-size:16px;color: #666;}
.TabADSCon li a p{color:#999999;padding-top:5px;}
.TabADSCon li a:hover p,.TabADSCon li a:hover h3{color: #3f5ab1;}
.TabADSCon li:hover span{ color:#000;}
/*客服部分*/
.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;top:220px;}
.side_content{width:167px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:167px;overflow:hidden;}
.show_btn{width:0;height:144px;overflow:hidden;margin-top:50px;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn{background:url(../images/sidebar_bg.png) no-repeat;_background:url(../images/sidebar_bg.gif) no-repeat;}
.side_title{height:46px;}
.side_title{height:46px;}
.side_bottom{height:8px;}
.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}
.close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;}
.close_btn span{display:none;}
.side_center .qqserver p{text-align:left;padding:6px 0;margin:0;vertical-align:middle;}
.phoneserver {font-size:14px;text-align:center;}
.phoneserver p{padding:2px 0;_height:16px;margin:0;color:#666666;}
.msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:6px;padding:10px 0 3px 0;}
.msgserver a{background:url(../images/sidebar_bg.gif) no-repeat -119px -154px;padding:3px 0 3px 23px;}
.side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;}

/* green skin  */
.side_green .side_title{background-position:-333px 0;}
.side_green .side_center{background:url(../images/green_line.gif) repeat-y center;}
.side_green .side_bottom{background-position:-333px -60px;}
.side_green .close_btn{background-position:-44px -45px;}
.side_green .close_btn:hover{background-position:-65px -45px;}
.side_green .show_btn{background-position:-118px 0;}
.side_green .msgserver a{color:#1a7ac9;}
.side_green hr{border-bottom:1px solid #edf2e5;}
