@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
body{ font-size:14px;}
a{ color:#333; font-family:"微软雅黑"; text-decoration: none;}
ul{list-style-type:none;}
.ysj{width:1240px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

/* bannercss */
.slideBox{ width:100%; height:640px;clear:both;overflow:hidden; margin-top:0px; max-height:70vh; position:relative;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%;margin-left: -90px;  margin-top:600px; z-index:1; bottom:50px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul span li{ width:11px;}
.slideBox .hd ul li{ float:left; margin:0 6px; width:70px; height:10px;filter: Alpha(Opacity=70);opacity: 0.7; background:rgb(255 255 255 / 50%);  font-size:0; cursor:pointer;}
.slideBox .hd ul li.on{background:#004da0; filter: Alpha(Opacity=100);opacity: 1;}
.slideBox .banner{ position:relative; height:100%; z-index:0;}
.slideBox .banner li{ zoom:1; vertical-align:middle; height:640px; max-height:70vh;}
.slideBox .banner li a{ display:block; width:100%; height:640px;  max-height:70vh;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.absolute{ position:absolute;}
.web_widht{ width:1260px; margin:0 auto; position:absolute; padding-top:20px; text-align:center; left:0; right:0;}
.fast_nav{ height:85px; position:relative; margin-top:-85px; z-index:9;}
.fast_nav .back_hei{ width:100%; height:100%; left:0; top:0; background:#000;}
.fast_nav .web_widht{ z-index:10;}
/*banner结束*/

/*header-dingb*/
.dingb{ width:100%; height:35px; line-height:35px; background:#f4f4f4; border-bottom:1px solid #e7e7e7; color:#666666;}
.logo_top{ padding:15px 0 14px; overflow:hidden;}
.logo_top .logo{ line-height:0;}
.logo_top .logo img{ height:66px; margin-top:11px; max-width:800px;}
.logo_top .dianh{ text-align:right; padding-right:75px; background:url(../top_dianh.png) no-repeat center right; height:88px; padding-top:20px; box-sizing:border-box;}
.logo_top .dianh p{ font-size:16px;}
.logo_top .dianh h3{ font-size:24px; color:#004da0;}
.logo_top .ewm{ overflow:hidden; height:88px; margin-right:30px;}
.logo_top .ewm p{ height:88px;writing-mode: vertical-rl; float: left; padding-top:3px; margin-right:5px; color:#999999; box-sizing:border-box;}
.logo_top .ewm .tu{ width:88px; height:88px; background:#004da0; float: right;}
.logo_top .ewm .tu img{ width:100%; height:100%;}
.daoh{ background:#004da0; overflow:hidden; height:60px; line-height:60px;}
.daoh ul li{ float:left; font-size:16px;}
.daoh ul li a{ padding: 0 71px; display:block; color:#FFFFFF;}
.daoh ul li a:hover{ background:#02356c;}
.daoh ul li a.on{ background:#02356c;}

/*内容开始 搜索*/
.ss{/*background:#f0f0f0;*/line-height:75px; overflow:hidden; border-bottom:1px solid #e6e6e6;}
.search{width:1240px;margin:0 auto;}
.ss form{float:right;width:326px;line-height:38px; overflow:hidden;margin-top:20px;border:1px solid #EEEEEE;border-radius:30px; height:38px; box-sizing:border-box;}
.hotSearch{float:left;font-weight:normal;color:#333;}
#formsearch1{float:right;line-height:27px;margin-top:5px;}
.ssk{ width:280px; height:36px; line-height:37px; color:#666; box-sizing:border-box; padding-left:10px; float:left; outline:none; border:none;}
.ssan{ float:right; width:36px; height:36px; border: none;color:#FFF;background: url("../ssk.png") no-repeat center; background-color:#004da0; border-radius:50px; margin:0px 1px; cursor:pointer;}

/*标题*/
.tit{ text-align:center;}
.tit h3{ font-size:38px; color:#333;}
.tit h3 b{ color:#004da0;}
.tit p{ font-size:18px; line-height:38px; height:38px; background:url(../tit_x.png) no-repeat center; color:#999999; margin-top:0px;}
.tit p span{ margin:0 15px; color:#e3e3e3;}

/*产品中心*/
.chanp{ width:100%; padding-top:50px; padding-bottom:50px; margin-bottom:10px;}
.chanp .tit{ margin-bottom:40px;}
.chanp_hzs{ overflow:hidden;}
.cpfl_hzs{ width:264px; float:left; height:820px; background:#f1f1f1; margin-top:0px; padding: 0px 10px; box-sizing:border-box; margin-left:0px; border-bottom: 4px solid #0a51a2;}
.cpfl_hzs .tit_cp { width:100%; height:120px; color:#0a51a2; text-align:center; border-bottom:1px #FFF solid; box-sizing:border-box; text-transform:uppercase;}
.cpfl_hzs .tit_cp h5{ font-size:16px; padding-top:20px; font-weight:normal;}
.cpfl_hzs .tit_cp h3{ font-size:24px; padding:5px 0 5px;}
.cpfl_hzs .tit_cp p{ font-size:16px;}
.cpfl_hzs li{ height:50px; line-height:50px;/*border-bottom:dashed 1px #cccccc;*/ text-align: left; background:#FFFFFF; margin-bottom:20px;}
.cpfl_hzs li:last-child { border:none;}
.cpfl_hzs li a{ display:block; overflow:hidden;}
.cpfl_hzs li:hover{ background:#0a51a2; color:#FFF;}
.cpfl_hzs li:hover a{ color:#FFF;}
.cpfl_hzs li i{ width:5px; height:5px; background:#0a51a2; display:block; float:left; margin:23.5px;}
.cpfl_hzs li:hover i{ background:#FFFFFF;}
.cpfl_hzs li span{ float:left;}
.cpfl_hzs .cp_lx{ font-size:18px; text-align:center; line-height:44px; color:#333; box-sizing:border-box;}
.cpnr_hzs{ width:936px; float: right; height:455px; margin-top:5px; padding-left:28px; box-sizing:border-box; }
.cpnr_hzs li{ width:284px; margin-right:20px; float:left; margin-bottom:0px;}
.cpnr_hzs li:nth-child(3n){ margin-right:0;}
.cpnr_hzs li a{ display:block;}
.cpnr_hzs li .tu{width:100%;height:208px;border:1px solid #a7a7a7;box-sizing:border-box;overflow:hidden; transition:all ease 0.3s;}
.cpnr_hzs li .tu img{ width:100%; height:100%;transition:all ease 0.3s}
.cpnr_hzs li p{ width:100%; text-align:center; height:70px; line-height:70px;transition:all ease 0.3s}
.cpnr_hzs li:hover .tu{border:1px solid #0a51a2; }
.cpnr_hzs li:hover .tu img{transform: scale(1.1);}
.cpnr_hzs li:hover p{ color:#0a51a2;}
.cp_zq{ height:82px; width:936px; margin-bottom:10px;background:url(../images/cp_zq.jpg) no-repeat  bottom; background-position-y: 65px; margin-top:50px; box-sizing:border-box; padding-left:28px;}
.cp_zq b{ float:left; font-size:18px; width:112px; height:38px; line-height:38px; color:#FFFFFF; background:#0a51a2; text-align:center; border-radius:5px; margin-top:10px;}
.cp_zq a{ float:right; line-height:65px; font-size:16px; color:#0a51a2;}

/*优势*/
.ys_jb{ width:100%; height:580px; background:url(../ys_bg.jpg) no-repeat left top; background-color:#f4f4f4;}
.ys_jb .fr{float: right; width: 560px;}
.ys_jb .tit_ys{ width:100%; text-align: center;margin-top:50px;}
.ys_jb .tit_ys h3{font-size: 36px; color:#004da0;}
.ys_jb .tit_ys h5{font-size:18px;font-weight:normal; color:#666666;margin-top: 5px;}
.ys_jb .neir{width: 100%;margin-top: 30px;overflow: hidden; padding:10px;}
.ys_jb .neir li{width: 270px;height:180px; background-color: #FFF; padding:0 30px; box-sizing:border-box;overflow: hidden; float:left;margin: 0px 20px 20px 0px; text-align:center;}
.ys_jb .neir li:nth-child(2n){margin-right:0;}
.ys_jb .neir li:hover{ box-shadow:0px 0px 10px 0px rgb(0 0 0 /20%);}
.ys_jb .neir li span{ width: 100%;height: 56px;background: url(../ys_01.png) no-repeat center; margin-top: 25px; display: block; transition:all ease 0.1s;}
.ys_jb .neir li h3{ font-size:20px; color:#333; font-weight:normal; margin:10px 0 5px;}
.ys_jb .neir li p{ color:#999; font-size:12px; line-height:20px;}
.ys_jb .neir li:hover span{ background-image:url(../ys_01s.png);}
.ys_jb .neir li:hover h3{ color:#004da0; font-weight:bold;}
.ys_jb .neir li:nth-child(2) span{ background-image:url(../ys_02.png);}
.ys_jb .neir li:hover:nth-child(2) span{ background-image:url(../ys_02s.png);}
.ys_jb .neir li:nth-child(3) span{ background-image:url(../ys_03.png);}
.ys_jb .neir li:hover:nth-child(3) span{ background-image:url(../ys_03s.png);}
.ys_jb .neir li:nth-child(4) span{ background-image:url(../ys_04.png);}
.ys_jb .neir li:hover:nth-child(4) span{ background-image:url(../ys_04s.png);}

/*案例展示*/
.anl{ margin-top:60px; height:520px;}
.anl .tit{ margin-bottom:40px;}
.anl .scroll {width:1240px; position:relative;}
.anl .scroll_left,.scroll_right {	width:60px;height:60px;color:#fff;float:left;line-height:60px;text-align:center; margin-top:140px; position:absolute; cursor:pointer; font-family:"宋体"; font-size:34px; color:#b5b5b5; border:1px solid #bfbfbf; box-sizing:border-box;}
.anl .scroll_left{ left:-100px;}
.anl .scroll_right { right:-100px;}
.anl .scroll_left:hover{ background:#004da0; border:1px solid #004da0; color:#FFFFFF;}
.anl .scroll_right:hover{ background:#004da0; border:1px solid #004da0; color:#FFFFFF;}
.anl .pic {width:1240px;height: auto;float:left; margin:0 0px;}
.anl .pic ul {display:block;}
.anl .pic li {	float:left;	display:inline;	width:400px;text-align:center; margin-right:20px;}
.anl .pic li a{ display:block;}
.anl .pic li img{ width:400px!important; height: 333px; line-height:0; border:1px solid #dbdbdb; transition:all ease 0.3s;}
.anl .pic li:hover img{ border: solid 1px #004da0;}
.anl .pic li p{ font-size:16px; color:#333; line-height:40px;}
.anl .pic li:hover p{ color:#004da0;}

/*关于我们*/
.gy_noa{ height: auto;}
.gy_noa .gy_nr{ height:560px; box-sizing:border-box; background:url(../ab_bg.png) no-repeat bottom; padding-top:90px;}
.gy_noa .gy_nr .nr_fr{ width:580px; float:right; padding-right:15px;}
.gy_noa .gy_nr .nr_fr h3{ font-size:46px; color:#efefef; overflow:hidden; margin-bottom:15px;}
.gy_noa .gy_nr .nr_fr h3 b{ margin-right:20px; float:left; font-size:38px; color:#004da0;}
.gy_noa .gy_nr .nr_fr h3 span{ display:block; float:left; line-height:50px;}
.gy_noa .gy_nr .nr_fr h4{ font-size:18px; color:#333333; letter-spacing:8px; font-weight:normal; background:url(../ab_x.png) no-repeat left bottom; padding-bottom:30px;}
.gy_noa .gy_nr .nr_fr p{ font-size:14px; line-height:26px; text-indent:2em; color:#666666; margin-top:25px; text-align:justify;}
.gy_noa .gy_nr .nr_fr .gy_tb{ width:100%; height:120px; margin-top:25px;}
.gy_noa .gy_nr .nr_fr .gy_tb li{ width:110px; height:110px; text-align:center; border:1px solid #dfdfdf; box-sizing:border-box; float:left; margin-right:35px;}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover{ background:#004da0; border:1px solid #004da0;}
.gy_noa .gy_nr .nr_fr .gy_tb li .tu{ width:100%; height:66px; box-sizing:border-box; background:url(../gy_tb01.png) no-repeat center bottom;}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover .tu{ background-image:url(../gy_tb01_b.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li .zi{ width:100%; margin-top:5px;}
.gy_noa .gy_nr .nr_fr .gy_tb li a{ display:block; width:100%; height:100%; color:#666666;}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover a{ color:#FFFFFF;}
.gy_noa .gy_nr .nr_fr .gy_tb li:nth-child(2) .tu{ background-image:url(../gy_tb02.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover:nth-child(2) .tu{ background-image:url(../gy_tb02_b.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li:nth-child(3) .tu{ background-image:url(../gy_tb03.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover:nth-child(3) .tu{ background-image:url(../gy_tb03_b.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li:nth-child(4) .tu{ background-image:url(../gy_tb04.png);}
.gy_noa .gy_nr .nr_fr .gy_tb li:hover:nth-child(4) .tu{ background-image:url(../gy_tb04_b.png);}
.gy_noa .gdsz{ width:100%; background:#004da0; height:170px; padding:5px 0; box-sizing:border-box;}
.gy_noa .gdsz .ysj{ background:#FFFFFF; height:160px;}
.gy_noa .gdsz .ysj li{ width:300px; height:160px; box-sizing:border-box; background:url(../ab_gdx.png) no-repeat right center; float:left; text-align:center; padding:30px 0; color:#555555;}
.gy_noa .gdsz .ysj li:nth-child(4){ background:none;}
.gy_noa .gdsz .ysj li h3{ font-size:54px;}
.gy_noa .gdsz .ysj li h3 span{ font-size:14px;}

/*新闻中心*/
.xw_noa{ height:600px; padding-top:30px; box-sizing:border-box;}
.xw_noa .neir{}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {clear:both;*zoom:1;}
.show {	display:block!important;}
.ul_list li.active {}
.div_box .div_list {	display:none;}
.xwnr_noa{ margin:0; margin-top:40px; width:700px; float:left;}
.xwnr_noa .xw_dh{ width:130px; height: 420px; float:left; border-bottom:1px solid #e8e8e8; font-size:18px;}
.xwnr_noa .xw_dh li{ width: 100%; float:left; height: 209px; background:#b5b5b5; margin-bottom:2px; line-height:30px; text-align:center; border-bottom:solid 0px #d8d8d8; color:#666666; margin-right:30px; box-sizing:border-box; border-radius:0px; padding:5px; color:#343434; font-weight:normal; text-align:left; padding:32px 20px; cursor:pointer;}
.xwnr_noa .xw_dh li h3{ font-size:18px; font-weight: normal; color:#FFFFFF;}
.xwnr_noa .xw_dh li h5{ font-size:12px; font-weight:normal; text-transform:uppercase; color:#FFFFFF;}
.xwnr_noa .xw_dh a{font-size:14px; color:#FFFFFF; padding-top:0px; font-weight:normal; width:76px; height:24px; text-align:center; line-height:24px; box-sizing:border-box; border: 1px solid #FFFFFF; display:block; transition:all ease 0.3s; margin:auto; margin-top:10px;}
.xwnr_noa .xw_dh a:hover{background:#FFFFFF; color:#b5b5b5;}
.xwnr_noa .xw_dh li:nth-child(2n){ margin-right:0; margin-bottom:0;}
.xwnr_noa .xw_dh li.active{ color:#FFFFFF; background:#004da0; font-weight:bold;}
.xwnr_noa .xw_dh li.active a:hover{color:#004da0; background:#FFFFFF;}
.xwnr_noa .div_box{padding:30px 30px 0 0; border:1px solid #e5e5e5; border-left:none; box-sizing:border-box;width:570px; height:420px; float:right; padding-left:30px; box-sizing:border-box;}
.xwnr_noa .xw_nr{ width:100%; height:auto; overflow:hidden;}
.xwnr_noa .xw_nr .xw01{ padding-bottom:10px; overflow:hidden;}
.xwnr_noa .xw_nr .xw01 .tu{ width:224px; height:145px; line-height:0; float:left;}
.xwnr_noa .xw_nr .xw01 .tu img{ width:100%; height:100%;}
.xwnr_noa .xw_nr .xw01 .zi{ width:260px; float:right;}
.xwnr_noa .xw_nr .xw01 h5{ font-size:18px; font-weight: bold;}
.xwnr_noa .xw_nr .xw01 h3{ font-size:16px; color:#004da0; font-weight:bold; margin:10px 0 10px;}
.xwnr_noa .xw_nr .xw01 h3 span{ float:right; font-size:14px; color:#b8b8b8; font-weight:normal;}
.xwnr_noa .xw_nr .xw01 p{ font-size:14px; color:#666666; line-height:28px; text-indent:2em; text-align:justify;}
.xwnr_noa .xw_nr .xw02{/* list-style-type:square; padding-left:20px; */box-sizing:border-box; margin-top:0px;}
.xwnr_noa .xw_nr .xw02 li{ line-height:44px; color:#333333; border-bottom:1px solid #e5e5e5;}
.xwnr_noa .xw_nr .xw02 li:last-child{ border:none;}
.xwnr_noa .xw_nr .xw02 li span{ float:right;}
.xwnr_noa .xw_nr .xw02 li a{ display:block; color:#666666;}
.xwnr_noa .xw_nr .xw02 li:hover a{ color:#004da0;}
/*常见问题*/
.cjwt{ width:450px; height:420px; float:right; margin-top:40px; border:1px solid #e5e5e5; box-sizing:border-box; padding:15px 30px;}
.cjwt .xw_dh{ width:100%; height: auto; margin:0 auto; border-bottom:1px solid #e8e8e8; font-size:18px; overflow:hidden;}
.cjwt .xw_dh li{ width: auto; float:left; height: auto; line-height:30px; text-align:center; border-bottom:solid 0px #d8d8d8; color:#666666; margin-right:30px; box-sizing:border-box; border-radius:0px; cursor:pointer; padding:0px; color:#343434; font-weight:normal;}
.cjwt .xw_dh li.on{ font-size:16px; background:url(../xw_wttb.png) no-repeat;color:#004da0;font-weight:bold;}
.cjwt .xw_dh li.on span{ border-bottom:4px solid #004da0; display:block; float:left; width:45px; height:36px; margin-right:10px;}
.cjwt .xw_dh a{ float:right; font-size:14px; color:#333333; padding-top:5px;}
.cjwt .xw_dh a:hover{ color:#004da0;}
.cjwt_nr{ width:100%; height:330px; overflow:hidden; margin-top:10px;}
.cjwt_nr li{ padding:10px 0; height:115px; box-sizing:border-box; border-bottom:dashed 1px #EEEEEE;}
.cjwt_nr li .tu{ width:135px; float:left; margin-right:20px;}
.cjwt_nr li .zi{ float:left; width:380px; padding-top:10px; text-align:justify;}
.cjwt_nr li .zi h3{ font-size:16px; font-weight:bold; color:#004da0; margin:0px 0 10px;}
.cjwt_nr li .zi h3 b{ width:20px; height:20px; display:block; font-weight:normal; text-align:center;line-height:20px;background:#004da0; color:#FFFFFF; float:left; margin-right:10px;}
.cjwt_nr li .zi p{ font-size:14px; color:#666666; line-height:24px;}
.cjwt_nr li .zi p b{ width:20px; height:20px; display:block; font-weight:normal; text-align:center;line-height:20px;background:#333333; color:#FFFFFF; float:left; margin-right:10px;}
.cjwt_nr li .zi p span{ float:right; width:350px;}

/*商盟成员*/
.smcy { font-size:16px; color:#333333; margin-top:30px; line-height:50px;}
.smcy b{ font-size:18px; margin-right:15px; font-weight:bold;}
.smcy a{ margin-right:15px;}

/*底部*/
.footer_noa{ width:100%; height:370px; background:#333333; margin-top:50px; clear:both;}
.footer_noa ul{ padding-top:60px;}
.footer_noa ul li{ float:left;}
.footer_noa .db_ewm{ width:150px; margin-right:120px;}
.footer_noa .db_ewm .tu{ width:150px; height:150px; background:url(../ewm_bk.png) no-repeat;}
.footer_noa .db_ewm .tu img{ width:100%; height:100%;}
.footer_noa .db_ewm p{ font-size:18px; text-align:center; line-height:50px; color:#FFFFFF;}
.footer_noa .db_lx{ width:300px; float:left; margin-right:120px;}
.footer_noa .db_lx h3{ background:url(../db_lx_x.png) no-repeat left bottom; height:60px; margin-bottom:25px; font-size:26px; text-transform:uppercase; color:#FFFFFF;}
.footer_noa .db_lx h5{ font-size:18px; color:#FFFFFF; margin-bottom:15px; letter-spacing:1px;}
.footer_noa .db_lx p{ font-size:16px; line-height:36px; color:#FFFFFF; background:url(../db_lx01.png) no-repeat left center; padding-left:26px;}
.footer_noa .db_lx p:nth-child(4){ background-image:url(../db_lx02.png);}
.footer_noa .db_lx p:nth-child(5){ background-image:url(../db_lx03.png);}
.footer_noa .db_lx p:nth-child(6){ background-image:url(../db_lx04.png);}
.footer_noa ul li h3{ background:url(../db_lx_x.png) no-repeat left bottom; height:60px; margin-bottom:25px; font-size:26px; text-transform:uppercase; color:#FFFFFF;}
.footer_noa .db_dh{ width:200px; float:left; margin-right:0px;}
.footer_noa .db_dh a{ width:50%; float:left; text-align: left; color:#FFFFFF; margin-bottom:20px;}
.footer_noa .db_dh a:hover{ color:#2576cd;}
.footer_noa .db_dianh{ width:220px; height:250px; float:right; color:#FFFFFF; background:url(../db_dianh.png) no-repeat left; background-position:0 95px;}
.footer_noa .db_dianh h5{ margin-left:36px; font-size:14px; letter-spacing:5px; font-weight:normal; margin-bottom:5px;}
.footer_noa .db_dianh p{ margin-left:36px; font-size:22px;}
.footer_noa .db_dianh .zx{ background:url(../db_zx.png) no-repeat; width:130px; height:36px; line-height:32px; display:block; border:2px solid #FFFFFF; margin-top:15px; background-position:20px center; color:#FFFFFF; transition:0.3s all ease; text-align:center; padding-left:20px; font-size:14px; box-sizing:border-box; }
.footer_noa .db_dianh .zx:hover{background-color:#004da0;}
.bq_noa{ width:100%; height:66px; line-height:66px; background:#333333; border-top:1px solid #FFFFFF; color:#FFFFFF;}
.bq_noa a{ color:#FFFFFF;}
