﻿@charset "utf-8";
/* CSS Document */
/*banner*/
#flashs { overflow:hidden; width:100%; height:550px;position:relative}
#flashs .btn{ overflow:hidden; width:100%; height:20px; text-align:center; position:absolute; left:0; bottom:10px;}
#flashs .btn span{ display:inline-block; width:20px; height:20px; background:url(../images/banner_btn.png) no-repeat right center; margin:0 5px;}
#flashs .btn span{ *display:inline}
#flashs .btn span.on{ background-position:left}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}

/*search*/
.search { overflow:hidden; width:100%; height:40px; padding:18px 0; border-bottom:1px solid #f9f9f9;    background: #f3f3f3;}
.search p{ line-height:40px; float:left; font-size:13px; color:#8b8b8b;}
.search p a{ color:#8b8b8b}
.search p a:hover{ color:#333}
.search .sbox { overflow:hidden; width:373px; height:40px; background-color:#0166da; float:right}
.search input{ display:block; float:left; width:308px; height:38px; margin:1px; border:none; outline:none; line-height:38px; font-size:13px; color:#b1b1b1; padding:0 10px;}
.search span{ display:block; width:43px; height:40px; float:right; background:url(../images/search.png) no-repeat center; cursor:pointer}

/*实力*/
.shili { width:1190px; margin:60px auto; position:relative; z-index:10}
.shili .menu{ overflow:hidden; width:100%; height:190px; margin-bottom:15px;}
.shili .menu li{ float:left; width:25%; *width:297px; height:180px; overflow: hidden}
.shili .menu .icon{ display:block; width:125px; height:125px; margin:0 auto; margin-bottom:10px; position:relative}
.shili .menu .icon img{ display:block; position:absolute; left:0; top:0}
.shili .menu h4{ text-align:center; margin-bottom:5px; font-size:18px; font-weight:normal}
.shili .menu h4 a{ color:#484848;}
.shili .menu em{ display:block; text-align:center; font-size:12px; color:#cdcdcd; text-transform:uppercase;}
.shili .menu .icon01{ background:url(../images/shili01.png) no-repeat center top;}
.shili .menu .icon02{ background:url(../images/shili02.png) no-repeat center top;}
.shili .menu .icon03{ background:url(../images/shili03.png) no-repeat center top;}
.shili .menu .icon04{ background:url(../images/shili04.png) no-repeat center top;}
.shili .menu img.ibg02{ display:none; animation:ibg02 5s linear infinite;}
@keyframes ibg02{
	0%{ transform:rotate(0deg)}
	100%{ transform:rotate(360deg)}
	}
.shili .menu li.cur img.ibg01{ display:none}
.shili .menu li.cur img.ibg02{ display:block}
.shili .menu li.cur .icon{ background-position:bottom}
.shili .menu li.cur a{ color:#0166da; font-weight:bold}
.shili .slbox{ display:none; overflow:hidden; width:100%; height:256px; padding-top:9px; position:absolute; left:50%; top:200px; margin-left:-600px;}
.shili .slbox .sl_s{ display:block; position:absolute; left:135px; top:0}
.shili .slWin{ overflow:hidden; width:1152px; height:218px; position:relative; background-color:#595656; border-radius:5px; position:relative; border:19px solid #595656;}
.shili .slWin ul{ overflow:hidden; position:absolute;}
.shili .slWin li{ float:left; width:268px; height:218px; margin:0 10px;}
.shili .slWin li img{ display:block; margin:10px auto; border:5px solid #fff;}
.shili .slWin li span{ display:block; text-align:center; font-size:13px; color:#fff;}
.shili .slWin li a{ display:block; text-decoration:none}

/*pro*/
.pro { overflow:hidden; width:1190px; margin:0 auto; margin-bottom:60px;}
.pro .title{ overflow:hidden; width:100%; text-align:center; position: relative; margin-bottom:40px;}
.pro .title span{ display:block; text-transform:uppercase; font-weight:lighter; font-size:38px; color:#dad9d9;}
.pro .title .pzy{ font-weight:normal; margin:5px 0; font-size:22px;}
.pro .title .pzy a{ color:#000;}
.pro .title .sc{ display:block; width:196px; height:26px; text-align:center; line-height:26px; font-size:13px; color:#fff; position:relative; z-index:1; background-color:#0166da; margin:0 auto; border-radius:3px;}
.pro .title i{ display:block; width:100%; height:1px; background-color:#d9d9d9; position:absolute; left:0; bottom:13px;}
.pro .menubox{ overflow:hidden; width:1188px; border:1px solid #d9d9d9; border-bottom:none; margin-bottom:26px;}

.Iproduct{
	width: 100%;
	overflow:hidden;
	padding: 20px 0;
    background:#f4f4f4;
}
.Iproduct_content{
	width: 1200px;
	margin:0 auto;
	overflow:hidden;
}
.Iproduct_left{
	width: 262px;
	overflow:hidden;
	    background: #f5f5f5;
	float:left;
}

.Iproduct_left_loop{
	width: 100%;
	border-top: 1px solid #e6e6e6;
	overflow:hidden;
}
.Iproduct_18333{
	font-size: 18px;color:#333;
}
.Iproduct_left_loop .Iproduct_18333{
	    width: 100%;
    height: 45px;
    line-height: 45px;
    text-indent: 68px;
    position: relative;
    transition: 0.4s;
    border-bottom: 1px #c6c6c6 dashed;
}
.Iproduct_left_loop:hover .Iproduct_18333{
    background:#0166da;
    color:#fff;font-weight: 900;
}
.Iproduct_left_loop:hover .Iproduct_18333 .Iproduct_icon{
    color:#fff;
}
.Iproduct_icon{
    position: absolute;right: 33px;top: 30px;
    line-height: 8px;
    text-indent: 0px;
    font-size: 36px;color: #999;
    transition:0.4s;
}
.Iproduct_icon:nth-child(2){
    right: 38px;
}
.Iproduct_left_two{
	overflow:hidden;
    padding-bottom: 0px;
}
.Iproduct_left_two .Igreet_16333{
	display:block;
    text-indent: 35px;
    margin-top: 22px;
    border-left: 4px solid transparent;
    transition:0.4s;
}
.Iproduct_left_two .Igreet_16333:hover{
    border-left: 4px solid #0166da;
    color:#0166da;
}


.Iproduct_right{
	width: 917px;
	float:right;
	/*background: url(../images/test.jpg) top;*/
}
.Iproduct_22333{
    font-size: 22px;color:#333;
}
.Iproduct_right .Iproduct_22333{
    border-left: 4px solid #0166da;
    text-indent: 11px;
}




.Iproduct_right_total{

}
.Iproduct_right_loop{
    width: 280px;
	float: left;
	margin-top: 22px;
	position: relative;	
}
.Iproduct_right_loop:not(:nth-child(3n)){
	margin-right: 22px;
}
.Iproduct_right_pic{
	width: 100%;    height: 254px;
    float:left;
    overflow:hidden;
}
.Iproduct_right_pic img{
    width: 100%;
	height:254px;
    display:block;
    margin:0 auto;
    transition:0.3s;
}
.Iproduct_right_loop:hover .Iproduct_right_pic img{
    transform:scale(1.1, 1.1);
}
.Iproduct_right_loop .Ikeyword_14333{
	width: 100%;height: 41px;line-height: 41px;text-align: center;
	background: #e5e5e5;
    float:left;
    transition:0.3s;
}
.Iproduct_right_loop:hover .Ikeyword_14333{
    color:#fff;
    background:#0166da;
}


/*实力厂家*/
.changjia { overflow:hidden; width:100%; height:649px; background:url(../images/cj.jpg) no-repeat center;}


/*对比*/
.duibi { overflow:hidden; width:100%; padding-bottom:50px; background:url(../images/duibi_bg.png) repeat-y center top;}
.duibi .top{ overflow:hidden; width:100%; height:160px; background:url(../images/duibi_top.png) no-repeat center top; text-align:center}
.duibi .top .pzy{ font-size:28px; color:#27282d; margin-top:35px;}
.duibi .top b{ font-size:50px;}
.duibi .top span{ color:#0166da;}
.duibi .top p{ font-size:14px; color:#c1c1c1; text-transform:uppercase}
.duibi .dbbox{ overflow:hidden; width: 1190px; margin:0 auto; position:relative}
.duibi .dbbox .vs{ display:block; position:absolute; left: 50%; margin-left: -91px; top: 160px;}
.duibi .dbbox h3{ float:left; font-size:28px; color:#fff;}
.duibi .dbbox p{    width: 276px;
    text-align: justify;
    float: left;
    font-size: 18px;
    color: #fff;
    /* margin-top: 10px; */
    line-height: 28px;}
.duibi .dbbox .wen{ overflow:hidden; width: 430px; float: right; margin-top:25px; /* padding-right: 90px; */}
.duibi .dbbox .wen .vide{ display:block; border:18px solid; border-radius:15px; margin-bottom:50px; overflow:hidden;}
.duibi .dbbox .wen01 .vide1{ border-color:#5bc377} 
.duibi .dbbox .wen02 .vide2{ border-color:#717171} 
.duibi .dbbox .wen01{ /* margin-left: 202px; */ margin-right:130px; float: left;}

/*合作*/
.hezuo { overflow:hidden; width:1190px; margin:60px auto;}
.hezuo .pzy{ text-align:center; margin-bottom:5px; font-size:28px;}
.hezuo .pzy a{ color:#27282d;}
.hezuo .pzy b{ color:#0166da;}
.hezuo span{ display:block; text-align:center; font-size:14px; color:#c1c1c1; font-weight:lighter; margin-bottom:50px; text-transform:uppercase}
.hezuo .hzbox{ overflow:hidden; width:100%; height:170px; position:relative; margin-bottom:20px;}
.hezuo .hzbox ul{ overflow:hidden; position:absolute}
.hezuo .hzbox li{ float:left; width:223px; height:170px; margin-right:18px;}
.hezuo .hzbox li img{ display:block; border:4px solid #f8f8f8;}
.hezuo .hzbox li em{ display:block; text-align:center; font-size:13px; color:#333; margin-top:15px;}
.hezuo .hzbox li a{ display:block; text-decoration:none}
.hezuo .btn { overflow:hidden; width:168px; margin:0 auto; height:40px; position:relative;}
.hezuo .btn i{ display:block; width:100%; height:1px; background-color:#bebebe; position:absolute; left:0; top:50%;}
.hezuo .btn b{ display:block; width:40px; float:left; position:relative; z-index:1; height:40px; margin-right:2px; cursor:pointer}
.hezuo .btn .btn01{ background:url(../images/hezuobtn01.jpg) no-repeat center top; margin-left:44px;}
.hezuo .btn .btn02{ background:url(../images/hezuobtn02.jpg) no-repeat center top;}
.hezuo .btn b:hover{ background-position:bottom}

/*优势*/
.pr{ position:relative;}
.pa {
    position: absolute;
}
.ys_bg { background:url(../images/ys_bg.gif) no-repeat center 0 #f7f7f7;     height: 1568px; }
.ys_top { padding:70px 0 0 640px;}
.ys_pic01 { top:-27px; left:0;}
.ys_pic02 { top:795px; right:-48px;}

.ys_con p { position:absolute; top:155px; left:700px;}
.ys_con p a b { display:block; font-size:28px; color:#0166da;    margin-top: 14px;}
.ys_con p span { display:block; font-size:14px; color:#666; line-height:26px; width:500px; padding:14px 0 0;}
.ys_con p span em{ color:#0166da;font-size:16px; font-weight:bold;}
.ys_con .ys_p02 { top:486px; left:700px;}
.ys_con .ys_p03 { top:820px; left:0;}
.ys_con .ys_p04 { top:1090px; left:0;}

/*about*/
.Idsf{
    width: 100%;
    overflow:hidden;
}
.Idsf_content{
    width: 1200px;height: 100%;
    margin:0px auto 0;
    overflow: hidden;
}
.Idsf_content .timg{    margin: 35px auto 30px;
    display: block;}

.Idsf_pic{
    float: left;
    width: 510px;height: 450px;
}
.Idsf_word{
       float: right;
    width: 690px;
    overflow: hidden;
    height: 450px;
    background: #f9f9f9;
}
.Idsf_72ddd{
    font-size: 72px;color:#074790;
}
.Idsf_word .Idsf_72ddd{
margin: 1% auto auto 9%;
letter-spacing: 7px;
}
.Idsf_36333{
    font-size: 36px;color:#333;
}
.Idsf_word .Idsf_36333{
margin: -3% auto auto 9%;
}
.Idsf_word_bottom{
       margin: 40px 40px 0px 40px;
    overflow: hidden;
  
    /* background: #074790; */
    word-wrap: break-word;
    word-break: break-all;
}
.Idsf_word_bottom .Inav_16fff{
      font-size: 28px;
    color: #2c2c2c;    margin-bottom: 16px;
}

.Idsf_word_bottom .Inav_16fff span{    font-size: 14px;
    color: #666;
    text-indent: unset;
    text-transform: uppercase;
    padding-left: 8px;}
.Idsf_word_bottom .Idsf_14fff {
    font-size: 16px;
    line-height: 36px;
    letter-spacing: .2px;
    color: #666;
}

/*风采*/
.fc{height: 480px;overflow: hidden; width: 1340px; margin: 0 auto;}

.fc_h{overflow: hidden; width: 1200px; margin: 0 auto; height: 135px; background: url(../images/fc_hb.gif) no-repeat center 75px; }
.fc_h ul{ width: 150px; margin: 55px auto 0; height: 40px; overflow: hidden;}
.fc_h ul li{ float: left; width: 149px; height: 40px; overflow: hidden; margin-right: 20px;}
.fc_h ul li a{ background: #fff; display: inline-block; width: 147px; height: 38px; overflow: hidden; border: 1px solid #dcdcdc; font-size: 16px; line-height: 38px; color: #333; font-weight: normal; text-align: center;border-radius: 40px;}
.fc_h ul li a:hover ,.fc_h .cur a{ width: 149px; height: 40px; border: 0; background: #0166da; color: #fff; line-height: 40px; text-decoration: none;}
.fc_h .nobot{ margin-right: 0;}

.fc_con{ height: 392px; overflow: hidden;}

.fc_con em{ display: block; width: 35px; height: 75px; overflow: hidden; margin-top: 85px;}
.fc_con em a{ display: block; width: 35px; height: 75px; overflow: hidden;}
.fc_con .e01{ margin-right: 35px;}
.fc_con .e01 a{ background: url(../images/jt.jpg) no-repeat left top;}

.fc_con .e02 a{ background: url(../images/jt01.jpg) no-repeat left top;}

.fc_con .fc_n { width:1200px; overflow:hidden;}
.fc_con ul li{ margin-right: 15px; float: left; width: 288px; overflow: hidden; line-height: 0;}
.fc_con ul li img{    width: 280px;
    height: 254px;
    border: 4px solid #e3e3e3;}
.fc_con ul li span{ font-weight: bold; display: block; font-size: 16px; line-height: 52px; text-align:left; height:52px; overflow:hidden;border-bottom: 1px solid #e6e6e6;}
.fc_con ul li p{ font-size:14px; height:28px; line-height:28px; overflow:hidden; margin-top:5px;}
.fc_con .nobot{ margin-right: 0;}


/*news*/
.news {    overflow: hidden;
    width: 1200px;
    margin: 40px auto;
    margin-bottom: 50px;}
.news .newsleft{ overflow:hidden; width:778px; height:488px; background-color:#f6f6f6; float:left;}
.news .menu{ overflow:hidden; width:100%; height:58px; padding-bottom:7px; margin-bottom:25px;}
.news .menu li{ float:left; width:385px; height:54px; border:2px solid #0166da; text-align:center; line-height:54px; font-size:18px; color:#1b1b1b; background-color:#fff; position:relative}
.news .menu li a{ display:block; text-decoration:none;}
.news .menu li img{ display:none; position:absolute; left:50%; margin-left:-6px; bottom:-9px;}
.news .menu li.cur{ background-color:#0166da; font-weight: bold}
.news .menu li.cur a{ color:#fff;}
.news .menu li.cur img{ display:block}
.news .listbox { overflow:hidden; width:100%; height:385px; position:relative}
.news .list{ overflow:hidden; width:100%; height:100%;}
.news .list dl{ overflow:hidden; width:735px; margin:0 auto; height:166px; margin-bottom:25px;}
.news .list dt{ float:left; width:236px; height:153px; border:6px solid #fff;}
.news .list dd{ overflow:hidden; float:right; width:470px;}
.news .list h3{ font-size:14px; margin:14px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .list h3 a{ color:#1b1b1b;}
.news .list p{ font-size:13px; line-height:22px; color:#585657; height:88px; overflow:hidden; text-align:justify}
.news .list ul{ overflow:hidden; width:735px; margin:0 auto}
.news .list li{ overflow:hidden; width:100%; height:50px; margin-bottom:15px; background-color:#fff;}
.news .list li .time{ width:70px; height:50px; background-color:#0166da; float:left; overflow:hidden; text-align:center; color:#fff; line-height:50px;}
.news .list li .time span{ display:block; font-size:20px; font-family:Arial; margin-top:3px;}
.news .list li .time em{ display:block; font-size:12px; font-family:Arial;}
.news .list li a{ display:block; line-height:50px; font-size:13px; float:left}
.news .list li .title{ width:530px; margin-left:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#585657;}
.news .list li .more{ float:right; text-transform:uppercase; color:#c1c1c1; margin-right:20px;}
.news .list li:hover a.title{ color:#7baf10;}
.news .newsright { overflow:hidden; width:379px; height:488px; background-color:#f6f6f6; float:right}
.news .newsright h3{ font-weight:normal; padding:0 20px; width:339px; height:58px; background-color:#0166da; line-height:58px; overflow:hidden;}
.news .newsright h3 a{ text-decoration:none; color:#fff;}
.news .newsright h3 b{ float:left; font-size:18px;}
.news .newsright h3 span{ float:left; font-size:12px; font-family:Arial; margin-left:5px; line-height:65px;}
.news .newsright h3 em{ font-size:13px; float:right; text-transform:uppercase}
.news .wenda { overflow:hidden; width:340px; height:395px; margin:0 auto; margin-top:20px; position:relative}
.news .wenda ul{ overflow:hidden; width:100%; position:absolute}
.news .wenda li{ overflow:hidden; height:139px; border-bottom:1px dotted #ddd; margin-bottom:12px;}
.news .wenda li h5{ font-weight:normal; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:30px; background:url(../images/news_wen.jpg) left center no-repeat; line-height:24px; margin-bottom:18px;}
.news .wenda li p{ padding-left:30px; background:url(../images/news_da.jpg) no-repeat left top; font-size:13px; line-height:22px; color:#585657; height:88px; overflow:hidden; text-align: justify}

/*link*/
.link { overflow:hidden; position:relative; width:1190px; margin:0 auto; margin-bottom:50px;}
.link h3{ position:absolute; left:0; top:0}
.link ul{ overflow:hidden; float:right; width:965px; padding:15px 125px 35px 35px; border:1px solid #c4c4c4}
.link li{ float:left; margin:5px 15px; font-size:13px; white-space:nowrap; }
.link li a{ color:#333}
.link .rk{ display:block; position:absolute; right:0; bottom:0; width:100px; height:26px; background:url(../images/link_rk.png) no-repeat center;}


.c3{width:1920px;position:relative;left:50%;margin-left:-960px;background:url(../images/c3.jpg) no-repeat center;height:526px;overflow:hidden;margin-top:7px;}
.c3_con{width:1188px;margin:0 auto;padding-top:45px;}
.c3tt{font-size:30px;text-align:center;color:#0166da;}
.jianjie{display:block;text-align:center;margin-top:10px;color:#666666;font-size:14px;line-height:24px;}


.ser_con{width:1188px;margin:0 auto;}
.ser_con li{float:left;margin-left:26.5px;margin-right:26.5px;padding-bottom:15px;_display:inline;}
.ser_con li a.img{width:64px;transition:all 0.8s;transform:scale(1,1);margin:0 auto;}
.ser_con li a.img img{width:112px;height:76px;margin-left: -29px;}
.ser_con li h3{margin-top:15px;}
.ser_con li a{color:#5a5a5a;font-size:16px;font-weight: bold;text-align:center;display:block;}
.ser_con li span{text-align:left;width:157px;margin:0 auto;margin-top:30px;display:block;color:#5a5a5a;font-size:14px;line-height: 27px;
}
.ser_con li a.img{display:block;}
.ser_con li a.img:hover{border-color:#bc1a3a;}
.ser_con li:hover a.img{transition:all 0.8s;transform:scale(-1,1)}


.picScroll-left{ overflow:hidden; position:relative;  margin-top:35px;width: 1243px;}
.picScroll-left .hd{ overflow:hidden;  }

.picScroll-left .hd ul{text-align: center;margin-top: 10px;}
.picScroll-left .hd ul li{display: inline-block;border-radius: 10px; width:42px; height:10px; overflow:hidden; margin:0 2px;font-size: 0; cursor:pointer; background:#0166da; }
.picScroll-left .hd ul li.cur{background:#d01620;}
