/*通用样式*/
*{ padding:0px; margin:0px;}
body{ font-size:14px; }
a{ text-decoration:none}
ul, li, dl, dd, dt, ol, form, input, p {margin: 0px; padding: 0px; list-style-type: none;}
img{ border:none;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 100%;}
.clearfix { *zoom : 1;}
.fl{ float:left;}
.fr{ float:right;}
.l{ float:left;}
.r{ float:right;}
.mar_top{ height:10px; line-height:0px; font-size:0}
.mar_top12{ height:12px; line-height:0px; font-size:0}
.mar_top2{ height:20px; line-height:0px; font-size:0}
.mar_top5{ height:50px; line-height:0px; font-size:0}
.mar_top7{ height:70px; line-height:0px; font-size:0}
.mar_top25{ height:25px}
.wrap{ width:1220px; margin:0 auto; } /*默认宽度*/

/*头部样式*/
.top {background-image: url(../images/top_bg.png); background-repeat: no-repeat; background-position: center top; height: 128px; position: fixed; top: 0px; width: 100%; z-index: 999}
.top_width{ width:1260px; margin:0 auto}
.logo{ padding-top:20px; width:380px;}
.nav ul{ width:875px; overflow:hidden;}
.nav ul li{ width:125px; font-size:18px; float:left; line-height:18px; text-align:right}
.nav ul li a{ color:#5a5a5a;}
.nav ul li a:hover{ color:#0c5ec2;}
.top_con{ height:25px;}
.top_con ul li{ float:right; line-height:25px; margin-left:20px;  position: relative; font-size:16px; color:#0c5ec2}
.top_con ul li img{vertical-align:middle;}
.top_con_txt{ color:#0c5ec2; font-size:20px; font-weight:bold;}
.top_con_txt span{ font-size:14px; font-weight:normal;}
.none {width: 150px; height: 150px;  background: rgba(255, 255, 255, 1); position: absolute; top:30px; left:-62px; z-index:999; display: none }
.top_con ul li:hover .none{ display: block; text-align:center; line-height:150px;}
.fu01 {height: 3550px; background-color:#FFFFFF}


/*首页关于我们*/
.i_about{ height:663px; background-image:url(../images/i_jj_bg.jpg); background-position:center center; overflow:hidden}
.i_about_width{ width:1130px; margin:0 auto; text-align:center; font-size:24px;}
.i_about_txt{ text-indent:2em; color:#0c5ec2; line-height:40px}
.i_about_topimg{ padding-top:90px; padding-bottom:50px}
.container03{}
.container03 ul{}
.container03 ul li{display:inline-block;width:49%;text-align:center; border-right:rgba(255,255,255,0.2) 1px solid; position:relative; box-sizing: border-box;}
.container03 ul li:after{ content:""; position:absolute; right:-3px; top:0; width:3px; height:0; background:#fff; transition:0.6s}
.container03 ul li:nth-child(1){ transition-delay:0.3s}
.container03 ul li:nth-child(2){ transition-delay:0.6s}
.container03 ul li:nth-child(3){ transition-delay:0.9s}
.container03 ul li:nth-child(4){ transition-delay:1.2s}
.container03 ul li:last-child{ border:none}
.container03 ul li:last-child:after{ display:none}
.container03 ul li .icon{ display:inline-block; text-align:left}
.container03 ul li h4{}
.container03 ul li h4 span{font-size: 14px;color: #fff;display:  inline-block;margin-right: 24px;vertical-align: top;position: relative;}
.container03 ul li h4 span font{display:inline-block;width:24px;height:24px;background:#2a4b59;border-radius:50%;line-height: 24px;text-align: center;}
.container03 ul li h4 span font:before{content:"";position:absolute;top:50%;left:50%;margin-left: -18px;margin-top: -18px;width:34px;height:34px;border:#2a4b59 1px dashed;border-radius: 50%;transition:1.2s;}
.container03 ul li h4 span.counter{font-size: 64px;color: #0c5ec2; margin-top: 0;font-family:Arial, Helvetica, sans-serif;letter-spacing: -4px; font-weight:bold}
.container03 ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.container03 ul li h5{font-size: 15px;color: #ffffff;margin-bottom: 8px;padding-left: 5px;}
.container03 ul li h6{font-size: 20px;color: #3a4a63; margin:0; padding-top:0px;}
.container03 ul li:hover h4 span font:before{ transform:rotate(360deg)}
.container03 ul li:hover:after{ height:100%}


/*主页产品样式*/
.i_cpbg{ background-image:url(../images/i_cp_bg.jpg); height:954px; background-repeat:no-repeat; background-position:center top; overflow:hidden}
.i_cp_topimg{ padding-top:80px; padding-bottom:80px}
.i_cp_width{ width:1090px; height:603px; margin:0 auto; overflow:hidden;}
.i_cp_left{ width:238px; height:601px; border:1px solid #dcdcdc; overflow:hidden; background-color:#FFFFFF}
.i_cp_left_title{ background-image:url(../images/d2.jpg); width:196px; margin:0 auto; background-repeat:no-repeat; background-position:left top; border-bottom:1px solid #e9e9e9; height:56px;}
.i_cp_l_wenzi{ font-size:18px; color:#4c556f; padding-left:40px; line-height:18px; height:18px;}
.i_cp_l_wenzi2{ font-size:12px; color:#4c556f; padding-left:40px;}
.i_cp_fenleilist{ padding-top:10px}
.i_cp_fenleilist ul li{ height:54px; background-image:url(../images/cp04.png); background-repeat:no-repeat; background-position:25px center; line-height:54px; font-size:18px}
.i_cp_fenleilist ul li:hover{ background-image:url(../images/d6.jpg); height:54px; background-position:0 center;}
.i_cp_fenleilist ul li a{ color:#0C59B1; padding-left:50px;}
.i_cp_con{ width:814px; height:603px; overflow:hidden}
.i_cp_con ul{ width:843px;}
.i_cp_con ul li{ width:252px; float:left; margin-right:29px; margin-bottom:13px; height:295px; background-color:#f6f6f6}
.i_cp_con ul li:hover{ width:252px; height:295px; background-color:#175eae}
.i_cp_true_width{ width:230px; margin:0 auto; text-align:center; padding-top:10px}
.i_cp_true_width_title a{ font-size:19px; color:#666666;}
.i_cp_con ul li:hover .i_cp_true_width_title a{ font-size:19px; color:#fff;}
.i_cp_true_width_more{ border:1px solid #e3e3e3; background-color:#f6f6f6; width:128px; height:36px; text-align:center; line-height:36px; font-size:14px; margin:0 auto}
.i_cp_true_width_more a{ color:#555}

/*主页新闻样式*/
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.container05{position:relative;overflow:hidden;height: 820px; background-color:#ffffff;}
.container05 .left{position:absolute;top:0;bottom:0;left:0;right:50%;background: url(../images/news_bg.jpg) left top no-repeat;background-attachment:fixed;}
.container05 .left .box{width:600px;text-align: left;}
.container05 .left .box h2{ margin-bottom:38px; font-weight:normal;}
.container05 .left .box .title{ margin-bottom:55px; width:382px; background:none; height:auto; margin-top:0;}
.container05 .left .box .title .l h3{font-size: 26px;color: #fff;margin-bottom: 6px; position:relative; font-weight:normal;}
.container05 .left .box .title .l h5{font-size:14px;color:#ffffff;text-transform: uppercase; font-weight:normal; margin:0}
.container05 .left .box .title .r{padding: 30px 0 0;}
.container05 .left .box .title .r a{font-size:14px;color:#ffffff; position:relative}
.container05 .left .box .title .r a span{ position:relative; transition:0.36s}
.container05 .left .box .title .r a:before{content:"";position:absolute;right: -12px;top: -16px;background:url(../images/container05_yuan.png) center no-repeat;width:35px;height:35px;z-index: 0;}
.container05 .left .box ul li{ padding:20px 0}
.container05 .left .box ul li a .time{display:inline-block;width:75px;border-right:rgba(255,255,255,.1) 1px solid;vertical-align: top; position:relative}
.container05 .left .box ul li a .time:after{content:"";position: absolute;width:3px;height:0;background:#ffffff;right: -2px;top: 0;transition: 0.9s;}
.container05 .left .box ul li a .time h3{font-size:48px;color:#fff;font-weight:bold;margin-bottom: 10px;transition:0.9s ease; line-height:1;}
.container05 .left .box ul li a .time h6{font-size:14px;color:#fff;display: inline-block;transition:0.9s ease; font-weight:normal; line-height:1; margin-top:0}
.container05 .left .box ul li a .con{width:400px;display:inline-block;padding-left: 30px;}
.container05 .left .box ul li a .con h5{font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease; font-weight:normal; line-height:1;}
.container05 .left .box ul li a .con p{ font-size:12px; line-height:20px; color:rgba(255,255,255,.6); height:40px; overflow:hidden; transition:0.9s ease}
.container05 .right{ width:50%}
.container05 .right ul li a{display: table;font-size:0;overflow:hidden;width: 100%;}
.container05 .right ul li a .img{width:50%;display: table-cell; overflow:hidden}
.container05 .right ul li a .img img{ width:100%}
.container05 .right ul li a .con{width:50%;display: table-cell;background: #f6f7f7;position:relative;z-index: 100;}
.container05 .right ul li a .con:before{ content:""; position:absolute; top:0; width:0; right:0; height:100%; background:#a40001; transition:0.9s ease}
.container05 .right ul li a .con:after{content:"";position:absolute;right: -20px;border-left:#f6f7f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;}
.container05 .right ul li:last-child a .con:after{content:"";position:absolute;right: 100%;border-right: #f6f7f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;border-left: none;}
.container05 .right ul li a .con .table{position:absolute;top:0;bottom:0;left:0;right:0;height: 410px;}
.container05 .right ul li a .con .time{display:inline-block;margin-bottom: 2rem;}
.container05 .right ul li a .con .time h3{font-size:30px;color:#218093;margin-bottom: 15px; transition:0.9s ease; font-weight:normal;}
.container05 .right ul li a .con .time h6{font-size:12px;color:#333333; text-transform:uppercase;padding-bottom: 25px;border-bottom:#1a4996 1px solid;display: inline-block; transition:0.9s ease; font-weight:normal; margin:0}
.container05 .right ul li a .con_li{ padding:0 8%}
.container05 .right ul li a .con_li h5{font-size:16px;color:#242424;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease; font-weight:normal;}
.container05 .right ul li a .con_li p{ font-size:14px; line-height:28px; color:#666666; overflow:hidden; margin-bottom:1rem; transition:0.9s ease}
.container05 .right ul li a .con_li h3 img{ transition:0.9s ease; overflow:hidden; width:auto}
.container05 .right ul li a .con_li h3 .img02{ transform:scaleX(0); width:0}
.container05 .left .box ul li a:hover .time:after{ height:100%}


/*主页案例样式*/

.i_case_bg{ height:835px; overflow:hidden; background-image:url(../images/case_bg.jpg); background-position:center center;}
.i_case_title{ padding-top:50px;}
.i_case_list{ width:1640px; margin:0 auto; overflow:hidden}
.i_case_list ul{ width:1648px;}
.i_case_list ul li{ width:404px; margin-right:8px; float:left;}
.i_case_list ul li a{ font-weight:bold; font-size:18px; color:#0c5ec2; line-height:40px;}
.i_case_list_li_xiaozi{ color:#999999; font-size:13px;}
.i_case_more{ width:290px; height:58px; border:1px solid #d2d2d2; line-height:32px; text-align:center; margin:0 auto; background-color:#FFFFFF; font-size:40px; color:#999999}
.i_case_more:hover{ background-color:#0c5ec2; width:290px; height:58px; border:1px solid #0c5ec2; line-height:32px; text-align:center; margin:0 auto;}
.i_case_more:hover a{ color:#FFFFFF}


/*底部样式*/
.foot{ height:279px; background-image:url(../images/foot_bg.jpg); background-position:center center; background-repeat:no-repeat}
.foot_width{ width:1280px; margin:0 auto; height:180px; overflow:hidden}
.foot_width_part1{ width:400px; height:180px;}
.foot_width_part1_width{ width:300px; margin:0 auto}
.foot_width_part1_txt1{ font-size:26px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding-top:35px;}
.foot_width_part1_txt1 span{ font-size:16px;}
.foot_width_part1_txt2{ font-size:16px; color:#FFFFFF; padding-top:15px;}
.foot_width_part2{ width:570px; height:180px;}
.foot_width_part3{ width:310px; height:180px;}
.toot_copy{ border-top:1px solid #7e7e7e; width:1280px; margin:0 auto; color:#acaaaa; text-align:center; padding-top:15px}
.toot_copy img{vertical-align:middle; padding-left:20px;}
.toot_copy a{ color:#acaaaa}
.foot_width_part2_dh{ background-image:url(../images/foot_icon.png); background-repeat:no-repeat; background-position:left top; border-bottom:1px solid #7e7e7e; width:450px; height:38px; color:#FFFFFF}
.foot_width_part2_dh span{ padding-left:40px; line-height:38px; font-size:15px}
.foot_lanmu{ height:60px; overflow:hidden}
.foot_lanmu ul li{ line-height:60px; float:left; margin-right:20px;}
.foot_lanmu ul li a{ color:#c4c6cb; font-size:16px}
.foot_cplanmu{ width:520px; overflow:hidden}
.foot_cplanmu ul li{ margin-right:20px; float:left; margin-bottom:10px;}
.foot_cplanmu ul li a{ color:#FFFFFF}

/*二级样式*/
.i_cpbg2{ background:#ecf4f7 url(../images/er_cp_bg.jpg) no-repeat center top; min-height:1080px; overflow:hidden}
.i_cp_con2{ width:814px; background-color:#FFFFFF}
.i_cp_con2 ul{ width:843px;}
.i_cp_con2 ul li{ width:252px; float:left; margin-right:29px; margin-bottom:13px; height:295px; background-color:#f6f6f6}
.i_cp_con2 ul li:hover{ width:252px; height:295px; background-color:#175eae}
.i_cp_width2{ width:1090px; margin:0 auto; overflow:hidden;}
.i_cp_con2 ul li:hover .i_cp_true_width_title a{ font-size:19px; color:#fff;}
.er_case_list{ width:1228px; margin:0 auto; overflow:hidden}
.er_case_list ul{ width:1236px;}
.er_case_list ul li{ width:404px; margin-right:8px; float:left; margin-bottom:50px}
.er_case_list ul li a{ font-weight:bold; font-size:18px; color:#0c5ec2; line-height:40px;}
.er_case_list_li_xiaozi{ color:#999999; font-size:13px;}
.xx_title{ text-align:center; font-size:36px; padding-bottom:20px; border-bottom:1px solid #e7e7e7}
.honors{ background-image:url(../images/er_about_zizhi_bg.jpg); height:638px; overflow:hidden}
.honor{ position:relative; width:80%; margin:0 auto;}
.honor .hd{}
.honor .hd a{ display:block; position:absolute; top:50%; margin-top:-44px; width:2.4%;}
.honor .next{ right:0;}
.honor .prev{ left:0;}
.honor .bd{ width:92%; margin:0 auto;}
.honor .bd ul{ overflow:hidden;}
.honor .bd ul li{ float:left; width:25%;}
.honor .bd ul li a{ margin:0 5%; display:block;}
.er_about_txt{ font-size:16px; color:#333; text-align:left}
.er_about_txt p{ text-indent:2em; margin-top:20px; line-height:30px}
.er_about{ min-height:580px; background-image:url(../images/i_jj_bg.jpg); background-position:center center; overflow:hidden;background-size:cover; padding-bottom:50px;}
.about_wenhua{ width:1204px; margin:0 auto; overflow:hidden}
.about_wenhua ul{ width:1224px}
.about_wenhua ul li{ width:286px; margin-right:20px; float:left}
.about_wenhuatitle{ text-align:center; color:#5f5f5f; font-size:25px; padding-top:15px}
.about_wenhuacon{ text-align:center; color:#7c7c7c; font-size:14px; padding-top:5px}
.con_title{ font-size:40px; color:#333; border-bottom:1px solid #d2d2d2; padding-bottom:15px}
.con_jj{ font-size:16px; line-height:30px; color:#999999; padding-top:10px}
.con_body{ color:#666}
.con_body h1, h2{ display:inline}
.con_body h1{ font-size:48px; font-family:Arial, Helvetica, sans-serif; color:#0956b0}
.shfw_bg{ background-image:url(../images/shfw_bg.jpg); height:969px; overflow:hidden}
.shfw_title{ background-image:url(../images/shfw_title.png); height:91px; background-position:left center; background-repeat:no-repeat; line-height:91px; font-size:32px; padding-left:60px; color:#6296d6; font-weight:bold}
.shfw_title span{ color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:40px}
.shfw_t1{ text-indent:2em; line-height:26px; color:#6296d6;}
.shfw_t2{text-indent:2em; line-height:26px; color:#6296d6; font-size:18px; padding-top:30px}
.er_news_list ul li{ border-bottom:1px dashed #CCCCCC; margin-bottom:30px}
.news_title a{ font-size:20px; color:#333333}
.news_jj{ color:#555; line-height:24px; padding-top:10px}
.news_time{ text-align:right; color:#999999; padding-bottom:20px; padding-top:30px}

/*分页样式*/
.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}