@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}



.titis{height:130px;text-align: center;background: url(../images/tit222.png) no-repeat center bottom;}
.titis h2 {color: #333333;height:57px;line-height:57px;font-size:48px;}
.titis h2 a {color: #333333;}
.titis p{font:24px Arial, Helvetica, sans-serif;color: #184b9c;line-height:52px;height: 52px; font-weight:normal; letter-spacing:2px;}

.tit{ font:48px "Microsoft YaHei UI"; text-align:center; color:#333333; height:140px; font-weight:bold; background: url(../images/tit222.png) no-repeat center bottom;}
.tit a{ color:#333333;}
.tit em{ display:block; font-size:18px; padding:12px 0 0;font-weight:normal; color:#666;}
.tit i{ font:30px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#215295; display:block;}


/**/
.yinz{ height:750px; padding-top:72px;overflow:hidden;}
.yinz h2{ height:125px; background:url(../images/yinz_d.png) no-repeat center bottom; font:46px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#1843a9;}
.yinz h2 em{ display:block; font:22px "Microsoft Yahei"; color:#333; position:relative; margin-top:10px;}
.yinz h2 em:before{ content:""; position:absolute; top:30%; left:0; width:402px; height:13px; background:url(../images/line1.png) no-repeat;}
.yinz h2 em:after{content:""; position:absolute; top:30%; right:0; width:402px; height:13px; background:url(../images/line2.png) no-repeat;}
.yinz p{ width:992px; margin:10px auto 0; height:77px; font:16px "Microsoft Yahei"; line-height:26px; color:#666; text-align:center;}
.yinz h3{ width:685px; height:515px; overflow:hidden; float:left; background:url(../images/yinz_bg.jpg) no-repeat left top; margin-left:-28px;}
.yinz h3 img{ display:block; width:633px; height:466px; padding:22px 0 0 30px;}
.yinz1{ width:670px; float:right;margin-top:22px;}
.yinz1 h4{ height:60px; overflow:hidden; background:#f5f5f5; border-left:5px solid #1843a9; font:26px "Microsoft Yahei"; font-weight:bold;color:#1843a9; line-height:60px; overflow:hidden; padding-left:40px; margin-bottom:20px;}
.yinz1 span{ display:block; font:16px "Microsoft Yahei"; line-height:34px; height:34px; color:#666; padding-left:40px; background:url(../images/yinz_arr.png) no-repeat left center;}
.yinz2{ position:relative; margin-top:20px;}
.yinz1 li{ width:180px; float:left; margin-right:15px;}
.yinz1 li img{ display:block; width:180px; height:179px;border:1px solid #eee; box-sizing:border-box;}
.yinz1 li em{ display:block; font:16px "Microsoft Yahei"; height:50px; line-height:50px; overflow:hidden; text-align:center; color:#666;}
.yinz_arr1{ width:45px; height:24px; background:#1843a9; font:20px "宋体"; text-align:center; line-height:24px; color:#fff; position:absolute; top:75px; left:-18px;}
.yinz_arr2{ width:45px; height:24px; background:#1843a9; font:20px "宋体"; text-align:center; line-height:24px; color:#fff; position:absolute; top:75px; right:-18px;}

.cpbj{height: 300px;background: url(../images/cp_bg.png) no-repeat center top;}
/* -- 产品—1 -- */
.cp_1{height: 920px;background: url(../images/cpbj01.jpg) no-repeat center bottom;padding-top: 50px;}

.c_1{height: 841px;background: url(../images/c_10bg.png) no-repeat center;}

.cpt1{position: relative;height: 420px;width:560px;float:left;margin-top: 41px;margin-left: 43px;}
.cpt1 .cpt1_con{float:left;}
.cpt1 .tempWrap{width:560px !important;}
.cpt1 .cpt1_con a{height: 390px;width:560px;display: block;overflow: hidden;}
.cpt1 .cpt1_con a img{height: 390px;width:561px;display: block;transition: all 0.3s linear 0s;}
.cpt1 .cpt1_con a:hover img{transform: scale(1.05);}
.cpt1 .pageState{font-size: 18px;color: #ffffff;display: block;width: 10%;position: absolute;bottom: 27px;right: 25px;}
.cpt1 .pageState span{font-size: 38px;color: #3e58c9;font-weight: bold;display:inline-block;}

.c_1 .c_01{height:305px;float: left;width: 798px;margin-left: 40px;}
.c_1 .c_01 h3{height: 64px;margin:60px 0 30px 0px;background:url(../images/c_01.png) no-repeat left;}
.c_1 .c_01 h3 em{font-size: 34px;color:#333333 ;display: block;font-weight:bold;line-height:32px;padding-left:0px;padding-top: 18px;}
.c_1 .c_01 h3 em i{font-weight: normal;padding-left:10px;}
.c_1 .c_01 p{font-size: 15px;color: #333333;display: block;line-height:32px ;}

.c_1 .case_btn{height: 42px;margin-top: 24px;text-align: center;float: right; border: 1px solid #ee0000; border-radius: 0px; overflow: hidden; box-sizing: border-box;}
.c_1 .case_btn a{display: inline-block;width: 105px;height:42px;line-height:42px;font-size: 16px;color: #4c4c4c;}
.c_1 .case_btn .zx{background: #ee0000;color: #fff;}

.c_1 .ct_1{float: left;margin-top: 39px;height: 313px;margin-left:43px;}
.c_1 .ct_1 ul li{float: left;height: 313px;margin-right:12px;}
.c_1 .ct_1 ul li img{height:265px ;width: 270px;display: block;}
.c_1 .ct_1 ul li h4 span{font-size:16px ;color:#333 ;display: block;line-height:16px;font-weight: normal;text-align: center;padding-top: 15px;}
.c_1 .ct_1 ul li h4 span a{font-size:16px ;color:#4c4c4c ;display: block;}
.c_1 .ct_1 ul li:last-child{ margin-right:0;}


/* -- 产品—2 -- */
.cp_2{height: 868px; padding-top:26px;}
.c_2{height: 841px;background: url(../images/c_10bg.png) no-repeat center;}

.c_2 .c_02{height:458px;float: left;width: 798px;margin-left: 47px;}
.c_2 .c_02 h3{height: 64px;margin:76px 0 30px 0px;background:url(../images/c_02.png) no-repeat left;}
.c_2 .c_02 h3 em{font-size: 34px;color:#333333 ;display: block;font-weight:bold; line-height:32px;padding-left:10px;padding-top: 18px;}
.c_2 .c_02 h3 em i{font-weight: normal;padding-left:10px;}
.c_2 .c_02 p{font-size: 15px;color: #333333;display: block;line-height:32px ;}

.c_2 .case_btn{height: 42px;margin-top: 54px;text-align: center;float: right; border: 1px solid #cc0000; border-radius: 9px; overflow: hidden; box-sizing: border-box;}
.c_2 .case_btn a{display: inline-block;width: 105px;height:42px;line-height:42px;font-size: 16px;color: #4c4c4c;}
.c_2 .case_btn .zx{background: #ff0000;color: #fff;}

.cpt2{position: relative;height: 420px;width:560px;float:right;margin-top: 43px;margin-right: 42px;}
.cpt2 .cpt2_con{display: flex;justify-content: center;align-items: center;}
.cpt2 .tempWrap{width:560px !important;}
.cpt2 .cpt2_con a{height: 390px;width:500px;display: block;overflow: hidden;}
.cpt2 .cpt2_con a img{height: 390px;width:500px;display: block;transition: all 0.3s linear 0s;}
.cpt2 .cpt2_con a:hover img{transform: scale(1.05);}
.cpt2 .pageState{font-size: 18px;color: #ffffff;display: block;width: 10%;position: absolute;bottom: 27px;right: 25px;}
.cpt2 .pageState span{font-size: 38px;color: #3e58c9;font-weight: bold;display:inline-block;}

.c_2 .ct_2{float: left;margin-top: 37px;height:313px;margin-left:43px;}
.c_2 .ct_2 ul li{float: left;height:313px;margin-right:5px;}
.c_2 .ct_2 ul li a img{height:265px ;width:270px;display: block;}
.c_2 .ct_2 ul li h4{width:275px;text-align: center;}
.c_2 .ct_2 ul li h4 span{font-size:16px ;color:#4c4c4c ;display: block;line-height:16px;font-weight: normal;text-align: center;padding-top: 15px;}
.c_2 .ct_2 ul li h4 span a{font-size:16px ;color:#4c4c4c ;display: block;}
.c_2 .ct_2 ul li:last-child{ margin-right:0;}



/* -- 产品—3 -- */
.cp_3{height:921px;background: url(../images/cp_bg1.jpg) no-repeat center top;}
.c_3{height:841px;background: url(../images/c_1bg.png) no-repeat center;}

.cpt3{position: relative;height: 420px;width:560px;float:left;margin-top: 41px;margin-left: 43px;}
.cpt3 .cpt3_con{display: flex;align-items: center;margin-top: 100px;}
.cpt3 .tempWrap{width:560px !important;}
.cpt3 .cpt3_con a{height: 200px;  margin-left: 20px;width:200px;display: block;overflow: hidden;}
.cpt3 .cpt3_con a img{height: 200px;width:200px;display: block;transition: all 0.3s linear 0s;}
.cpt3 .cpt3_con a:hover img{transform: scale(1.05);}
.cpt3 .pageState{font-size: 18px;color: #ffffff;display: block;width: 10%;position: absolute;bottom: 27px;right: 25px;}
.cpt3 .pageState span{font-size: 38px;color: #3e58c9;font-weight: bold;display:inline-block;}

.c_3 .c_03{height:305px;float: left;width: 798px;margin-left:58px;}
.c_3 .c_03 h3{height: 64px;margin:76px 0 30px 0px;background:url(../images/c_03.png) no-repeat left;}
.c_3 .c_03 h3 em{font-size: 32px;color:#333333 ;display: block;font-weight:bold; line-height:28px;padding-left:80px;padding-top: 15px;}
.c_3 .c_03 h3 em i{font-weight: normal;padding-left: 10px;}
.c_3 .c_03 p{font-size: 15px;color: #333333;display: block;line-height:32px ;}

.c_3 .case_btn{height: 42px;margin-top: 34px;text-align: center;float: right; border: 1px solid #cc0000; border-radius: 9px; overflow: hidden; box-sizing: border-box;}
.c_3 .case_btn a{display: inline-block;width: 105px;height:42px;line-height:42px;font-size: 16px;color: #4c4c4c;}
.c_3 .case_btn .zx{background: #ff0000;color: #fff;}

.c_3 .ct_3{float: left;margin-top: 39px;height: 313px;margin-left:43px;}
.c_3 .ct_3 ul li{float: left;height: 313px;margin-right:12px;}
.c_3 .ct_3 ul li img{height:265px ;width: 270px;display: block;}
.c_3 .ct_3 ul li h4 span{font-size:16px ;color:#4c4c4c ;display: block;line-height:16px;font-weight: normal;text-align: center;padding-top: 15px;}
.c_3 .ct_3 ul li h4 span a{font-size:16px ;color:#4c4c4c ;display: block;}
.c_3 .ct_3 ul li:last-child{ margin-right:0;}
/**/
.jic{ position: relative; height: 675px; width: 1380px; margin: 0 auto; }
.jic_l{ overflow: hidden; width: 568px; margin-top: 17px;}
.jic_l h3{ line-height: 100%; padding-top: 82px; font-size: 42px; color: #1a1a1a;font-weight: normal;background:url(../images/j_l.png) no-repeat; }
.jic_l h3 i{ display: block; font-weight: bold; padding-top: 14px;}
.jic_l h3 span{ display: block; font-size: 20px; color: #333333; line-height: 100%; padding-top: 22px; padding-bottom: 39px;background:url(../images/j_l2.png) no-repeat left bottom; margin-bottom: 22px;}
.jic_l p{ height: 167px; font-size: 16px; color: #333333; width: 519px; line-height: 30px;}
.jic_l ul li{ line-height: 100%; padding-bottom: 16px; margin-bottom: 40px; border-bottom: 1px solid #dcdcdc; overflow: hidden; cursor: pointer;}
.jic_l ul li span{ display: inline-block; float: left; color: #ccc; font-size: 22px; font-family: Bahnschrift; line-height: 100%; padding-right: 50px; position: relative;}
.jic_l ul li span:before{ position: absolute; content: ""; left: 23px; height: 1px; background: #ccc; top: 7px; width: 40px;}
.jic_l ul li i{ display: inline-block; float: left; line-height: 100%; color: #1a1a1a; font-size: 18px;}
.jic_l ul li.on{ border-bottom: 1px solid #ee0000;}
.jic_l ul li.on span{color: #ee0000;}
.jic_l ul li.on span:before{ background: #ee0000;}
.jic_l ul li.on i{color: #ee0000;}
.jic_r{ width: 707px; padding-right: 34px; margin-right: -34px; padding-top: 24px;background:url(../images/j_r.png) no-repeat right 0;}
.jic_r ul li{ position: relative;}
.jic_r ul li b{ display: block; overflow: hidden; border-radius:10px; height: 428px; margin-bottom: 39px;}
.jic_r ul li b img{ width: 707px;}
.jic_r ul li i{ display: block; font-weight: bold; color: #ee0000; font-size: 22px; padding-bottom: 12px;}
.jic_r ul li i span{ font-size: 16px; padding-left: 9px;}
.jic_r ul li em{ display: block; font-size: 16px; color: #333333; line-height: 30px; position: relative; z-index: 55;}
.jic_r ul li strong{ display: inline-block; position: absolute; right: 0; top:458px; color: #eff4f3; font-size: 132px; font-family: Bahnschrift; line-height: 100%; font-weight: normal;}
/**/

.koub{ overflow: hidden; padding-top:70px; height: 963px; margin-bottom:83px;background:url(../images/newbg.jpg) no-repeat center 0;box-sizing: border-box;}
.koub h2{ margin-bottom: 25px;}
.zhs_lis ul li{ float: left; width: 228px; margin-right: 15px; position: relative; padding-bottom: 2px;}
.zhs_lis ul li:after{ position: absolute; content: ""; left: 0; bottom:0; background: #178572; width:0; height:2px; transition: 0.2s;}
.zhs_lis ul li img{ width: 228px;}
.zhs_lis ul li i{ display: block; overflow: hidden; height: 128px;}
.zhs_lis ul li span{ display: block; height: 41px; line-height: 41px; text-align: center; font-size: 16px; color: #333333;}
.zhs_lis ul li:last-of-type{ margin-right: 0;}
.zhs_lis ul li.cur:after{ width: 100%;}
.zhs_lis ul li.cur i{ box-shadow: 0 0 15px rgba(0,0,0,0.25);}

.zhs_onw{ overflow: hidden;background:url(../images/c_bg1.png) repeat-x 0 44px; height: 508px;}
.zhs_onw dt{ float: right; font-size: 0; line-height: 0; overflow: hidden; margin-right: 35px; border-radius: 8px; }
.zhs_onw dt img{ width:750px;}
.zhs_onw dd{ float: left; padding:84px 0 0 54px; width:307px; color: #fff;}
.zhs_onw dd h4{ padding-bottom: 26px;}
.zhs_onw dd h4 a{ color: #fff; font-size: 22px; line-height: 34px;}
.zhs_onw dd p{ font-size: 16px; line-height: 27px; letter-spacing: 1px;margin-bottom: 14px;}
.zhs_onw dd em a{ display: block; width: 139px; height: 48px; line-height: 48px; background: #ffffff; border-bottom-right-radius:13px; font-size: 15px; color: #ee0000; text-align: center;}
/**/
    /**/
.why{height: 180px; padding: 54px 0 0;font-family:"Microsoft Yahei";font-size: 16px;line-height: 26px;color: #333;text-align: center;}
	.til01{text-align: center;color: #111;font-size:44px;line-height:56px;font-family: "Microsoft Yahei";clear: both;display: block;height:121px;white-space: nowrap; }
.til01 span{color: #666;display: block;font-size:20px;line-height:33px;font-weight: normal;background:url(../images/tit22.png) no-repeat bottom center; height:50px;}
.til01 a{color: #111;}
	/*产品展示左边*/	
.w14 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei";}
.gd{ margin:10px 0; padding-bottom:50px; background:url(../images/abrands0.png) no-repeat center bottom;}
.gd h3.title1{ height:66px; background:url(../images/pro000.png) no-repeat 15px 5px; position:relative; font-size:30px; line-height:32px; padding-left:75px;  font-weight: bold;color: #000; border-bottom: 1px solid #eee;}
.gd h3.title1 p{font-size: 16px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title1 span{background:url(../images/top_tel00.png) no-repeat left center; padding-left:40px; margin-left:430px; color:#000;}
.gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:14px; padding-bottom:10px;}

.gd .tabg{ width:489px; box-shadow: 0px 1px 10px 1px #ccc; margin-top:10px; background:#f7f7f7;  border-bottom:1px solid #cfcfcf; float:right; overflow:hidden;}
.gd .chanpin{ width:900px;  float: left; }
.gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.metTab h3.metTabIn {   background-color: #184b9c;color: #fff; border: 1px solid #f7f7f7; border-radius:0px;}
.metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.metTab .metConIn{  display:block; }
.metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:27px; text-align:left; margin:10px auto;}

.chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.chanpin ul li { width: 29%; padding: 5px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
.chanpin ul li img{   border: 0px solid #eee; }
.chanpin ul li a .imgauto { width: 100%;  height: 255px;}
.chanpin ul li a span { display: block; margin-top: 8px; margin-bottom:5px; text-align: center; font-size: 16px; color:#000;}
.chanpin ul li:nth-child(2n) { margin-right: 0;}
.chanpin ul li:hover { border: 1px solid #e6e6e6;}
.chanpin ul li:hover img { opacity: .6;}
.chanpin ul li:hover span { color: #036aac;}	
/*产品展示右边*/	
.R-gd{ margin:10px 0; padding-bottom:50px;  background:url(../images/abrands.png) no-repeat center bottom;}
.R-gd h3.title1{ height:66px; background:url(../images/pro000.png) no-repeat 15px 5px; position:relative; font-size:30px; line-height:32px; padding-left:75px;  font-weight: bold;color: #000; border-bottom: 1px solid #eee;}
.R-gd h3.title1 p{font-size: 16px;color: #b4b4b4;text-transform: uppercase;}
.R-gd h3.title1 span{background:url(../images/top_tel00.png) no-repeat left center; padding-left:40px; margin-left:430px; color:#000;}
.R-gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:14px; padding-bottom:10px;}

.R-gd .R-tabg{ width:489px; box-shadow: 0px 1px 10px 1px #ccc; margin-top:10px; background:#f7f7f7;  border-bottom:1px solid #cfcfcf; float:left; overflow:hidden;}
.R-gd .R-chanpin{ width:900px;  float: right; }
.R-gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.R-metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.R-metTab h3.metTabIn {   background-color: #184b9c;color: #fff; border: 1px solid #f7f7f7; border-radius:0px;}
.R-metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.R-metTab .metConIn{  display:block; }
.R-metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.R-metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:27px; text-align:left; margin:10px auto;}

.R-chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.R-chanpin ul li { width: 29%; padding: 5px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
.R-chanpin ul li img{   border: 0px solid #eee; }
.R-chanpin ul li a .imgauto { width: 100%;  height: 255px;}
.R-chanpin ul li a span { display: block; margin-top: 8px; margin-bottom:5px; text-align: center; font-size: 16px; color:#000;}
.R-chanpin ul li:nth-child(2n) { margin-right: 0;}
.R-chanpin ul li:hover { border: 1px solid #e6e6e6;}
.R-chanpin ul li:hover img { opacity: .6;}
.R-chanpin ul li:hover span { color: #036aac;}	
	/*产品展示*/




.w138 { width:1380px; margin:0 auto; font-family:"Microsoft Yahei";}
.w13 { width:1300px; margin:0 auto; font-family:"Microsoft Yahei";}

/*产品展示*/
.protil{height: 82px;line-height: 47px;}
.protil ul{float: right;}
.protil li{float: left;border: solid 1px #d0d0d2;margin-left: -1px;width: 149px;font-size: 16px;text-align: center;}
.protil li a{display: block;color: #666;}
.protil li.cur,.protil li:hover{border-color: #173399;}
.protil li.cur a,.protil li a:hover,.protil li:hover a{display: block;color: #fff;font-weight: bold;background: #173399;}

.tab3{width: 1500px; padding-top:60px;}
.tab3 .tit33{height: 80px;text-align: center;}
.tab3 .tit33 h2 {height: 65px;line-height: 65px;font-size:38px;color: #000;}
.tab3 .tit33 h2 a{color: #000;}
.tab3 .tit33 p{height: 59px;line-height: 59px;font-size:18px;color: #333333}
.tab3 .tit33 p a{color: #fff;margin-right: 24px;padding:8px 30px; background-color:#333;}
.tab3 .tit33 p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background-color:#177b71;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden; margin-top:10px;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/




.pro_ct{padding-top:77px;height: 840px;overflow: hidden;position: relative;}
.pro_ct .tit{height: 160px;text-align: center;}
.pro_ct .tit h2 {height: 85px;line-height: 85px;font-size:42px;color: #333333;background:url(../images/ico1.jpg) no-repeat center bottom;}
.pro_ct .tit h2 a{color: #333;}
.pro_ct .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.pro_ct .tit p a{color: #333333;margin-right: 24px;padding-left:11px;background: url(../images/ico2.png) no-repeat left center;}
.pro_ct_nr{background: url(../images/pro_b2.jpg) no-repeat center top;height: 720px;background-size:100% 100%;}
.pro_ct_a{position: relative;height:720px}
.pro_ct_nr dl{width:1200px;margin:0 auto;}
.pro_ct_nr dt{font-size:0;line-height: 0;width:960px;overflow: hidden;float:right;margin-right:-360px;}
.pro_ct_nr dt img{width:960px;height:720px;}
.pro_ct_nr dd{float:left;width:503px;padding-top:100px;}
.pro_ct_nr dd h4{font-size:22px;color: #333333;line-height: 34px;font-weight: normal;}
.pro_ct_nr dd h4 span a {display: block;height: 42px;line-height: 42px;font-size:30px;color: #333333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_ct_nr dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:24px;height: 122px;overflow: hidden;}
.pro_ct_nr dd em a{font-size:16px;color: #c30d23;padding-right:35px;background: url(../images/pro_ico1.png) no-repeat right;height: 22px;line-height: 22px;}
.pro_ct_nr dt{float:right;margin-right:-360px;margin-left:0;}
.pro_ct_nr dd{float:left;}
.pro_j3,.pro_j4{position: absolute;top:529px;}
.pro_j3{left:1%;}
.pro_j4{right:1%;}
.pro_ct_t{margin-left:-600px;}



/**/

/*解决方案*/
.plan{clear: both;position: relative;z-index:2;overflow: hidden; height: 846px;background:#f2f2f2;padding-top: 45px;overflow:hidden;}
.plan h2{display: block; position: relative;height: 170px;font-size:42px;color:#000;font-weight: bold;text-align: center;}
.plan h2 em{display: block;font-size:20px;color:#666666;padding-top: 6px;}
.plan h2:before{content: "";position: absolute;width:72px;height: 3px;background: #ee0000;left:50%;margin-left: -36px; top:120px;}
.plan_t{position: absolute;left:510px;top:500px;}
.plan .plan_t li{float: left;width:12px;height: 12px;background: #fff;border-radius: 50%;margin-right: 10px;}
.plan .plan_t .cur{background: #ee0000;width:36px;}

.plan .u_ljt,.plan .u_rjt{position: absolute; width:50px;height: 100px;z-index: 1452;}
.plan .u_ljt{background:rgba(0,0,0,.3) url(../images/ljt2.png) no-repeat center 30px;left:0;top:220px;}
.plan .u_rjt{background:rgba(0,0,0,.3) url(../images/rjt2.png) no-repeat center 30px;right:0;top:220px;}
.plan .u_ljt:hover{background:#ee0000 url(../images/ljt2.png) no-repeat center 30px;}
.plan .u_rjt:hover{background:#ee0000 url(../images/rjt2.png) no-repeat center 30px;}



.plan_c .tempWrap{overflow: visible !important;}
.plan_c dl{width: 1200px;position: relative;margin-right: 22px;height: 688px;}
.plan_c dt{width: 1200px;height: 543px;overflow: hidden;}
.plan_c dt img{width: 1000px;display: block;height: 543px;transition: all 0.3s linear 0s; padding-left:100px;}
.plan_c dl:hover dt img{transform: scale(1.1);}

.plan_c dd{padding: 26px 0 0 40px;position: relative;}
.plan_c h3 a{display: block; height: 40px; line-height: 40px; font-size:24px;font-weight: bold;color:#333333;}
.plan_c p{ font-size:16px;line-height: 52px;color:#636262;}
.plan_c span{position: absolute;right: 0;top:24px;width:190px;height: 103px;background:url(../images/anmore.jpg) no-repeat 32px 0;padding: 52px 0 0 40px;font-size: 16px;color:#636262;box-sizing: border-box;}
.plan_c span a{color:#636262;}
.plan_c span:before{content: "";position: absolute;width:1px;height: 90px;background: #e2e2e2;left:0;top:7px;}

/**/
.ys{ }
.ys .tit{ padding-top: 100px;}
.ys_t{ margin-top: 50px;}
.ys_t li{ float: left;margin-right: 138px;height: 81px;box-sizing: border-box;}
.ys_t li:last-child{ margin-right: 0;}
.ys_t li i{ overflow: hidden;width: 62px;height: 40px;display: block;float: left;margin-top: 4px;}
.ys_t li i img{width: 62px;height: 40px;display: block;transition:all 0.5s;}
.ys_t li.cur,.ys_t li.on{ border-bottom: 4px solid #0545a7;box-sizing: border-box;}
.ys_t li.cur img:nth-child(1),.ys_t li.on img:nth-child(1){ margin-top: -40px;}
.ys_t li span{ display: block;float: left;padding-left: 18px;}
.ys_t li span b{ display: block;font-size: 22px;color: #333;line-height: 22px;}
.ys_t li span em{ display: block;font-size: 22px;line-height: 22px;color: #333333;padding-top: 6px;}

.ys_con{ position: relative;}
.ys_s{margin-left: -1280px !important;}
.ys_con .tempWrap{overflow: visible !important;}
.ys_con dl.cur dd{display: block;}
.ys_con dl.cur dt img{opacity: 1;}

.ys_con dl{width: 1200px; float: left;margin-right: 80px;position: relative;height: 584px;}
.ys_con dt{ background: #000;display:block; width:1200px; height:584px;}
.ys_con dt img{display:block; width:1200px; height:584px;opacity: 0.6;}
.ys_con dl dd{position: absolute;right: 0;bottom:46px;height: 362px;padding: 0px 36px 0 40px;box-sizing: border-box;overflow: hidden;width: 410px;background: rgba(255,255,255,0.85);overflow: visible;display: none;}
.ys_con dl dd h4{ display: block;width:151px;height:151px;background:rgba(1,90,170,1);border-radius:20px 0px 20px 0px;padding: 0 20px;position: absolute;box-sizing: border-box;left: -105px;top:-105px;}
.ys_con dl dd h4:after{ position: absolute;left: 20px;bottom: 30px;width:48px ;height: 1px;background: #fff;content: "";}
.ys_con dl dd h4 i{ display: block;font-size: 58px;line-height: 58px;color: #fff;font-weight: bold;font-family: Arial;padding-top: 32px;}
.ys_con dl dd h4 span{ display: block;font-size: 16px;line-height: 16px;color: #fff;padding-top: 22px;text-transform: uppercase;font-weight: normal;text-align: right;}

.ys_con dl dd h3{ height: 123px;border-bottom: 1px solid #b5b5b5;display: block;font-weight: normal;margin-bottom: 15px;}
.ys_con dl dd b{ display: block;font-size: 26px;color: #333;line-height: 26px;padding-top: 41px;}
.ys_con dl dd em{ display: block;font-size: 26px;line-height: 26px;color: #333333;padding-top: 8px;}
.ys_con dl dd p{ font-size: 14px;line-height: 24px;color: #666666;padding-left: 18px;background: url(../images/ys_dian.jpg) no-repeat 0 9px;margin-bottom: 9px;letter-spacing: 1px;}
.ys_con .prev{ position:absolute; left:-50px; top:275px; width:24px;height:38px; z-index: 100;cursor: pointer;background: url(../images/zprev.png) no-repeat center;}
.ys_con .next{ position:absolute; right:-50px; top:275px;  width:24px;height:38px; z-index: 100;cursor: pointer;background: url(../images/znext.png) no-repeat center;}
.ys_con .prev:hover{ background: url(../images/zprevh.png) no-repeat center;}
.ys_con .next:hover{ background: url(../images/znexth.png) no-repeat center;}


.xad{ height: 350px;background: url(../images/xad_bg.jpg) no-repeat center;}
.xad h2{ display: block;font-size:36px;line-height: 30px;color: #fff;padding-top: 32px;font-weight: bold;letter-spacing: 1px;padding-top: 72px;padding-bottom: 32px;transition:all 0.5s;}
.xad h3{ display: block;font-size:24px;line-height: 36px;color: #fff;font-weight: normal;width: 310px;height: 86px;text-align: center;border-top: 2px solid #ffffff;border-bottom: 2px solid #fff;padding-top: 4px;box-sizing: border-box;transition:all 0.5s;}
.xad p{ display: block;font-size:20px;line-height: 44px;color: #fff;padding-top: 42px;}
.xad p a{ display: block;width: 132px;height: 44px;line-height: 44px;color: #fff;text-align: center;font-size: 18px;background: #ee0000;border-radius: 22px;float: left;margin-right: 32px;transition:all 0.5s;}
.xad p span{ transition:all 0.5s;display:block;float:left;}
.xad h2:hover,.xad h3:hover,.xad p a:hover,.xad p span:hover{   -webkit-transform: translate(0,-8px);transform: translate(0,-8px);}
/*客户见证*/
.jz{background:#f2f2f2;padding: 70px 0 0;height: 600px;overflow: hidden;}
.jz_t{font-size: 40px;color: #333;background:url(../images/jz_tbg.gif) no-repeat center 10px;line-height: 40px;text-align: center;height: 90px;overflow: hidden;}
.jz_t a{color: #333;}
.jz_t i{color: #024c96;padding-left: 10px;}
.jz_t span{display: block;font-size: 22px;color: #666;font-weight: normal;padding: 5px 0 0;}
.jz_m{margin-top: 40px;}
.jz_m dl{width: 26.23%;float: left;position: relative;margin-left: 0.5%;height:300px;}
.jz_m dl dt{width: 100%;line-height: 0;overflow: hidden;}
.jz_m dl dt img,.news01 dl dt img{width: 100%;height:400px;  border-radius:3rem 3rem 3rem 0;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.jz_m dl dt img:hover,.news01 dl dt img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.jz_m dl dd{width: 95%;height: 80px;position: absolute;top: 99%;left: 0%;background:rgba(255,255,255,0.9);z-index: 10;padding: 0 0 0 5%;}
.jz_m dl dd h5{height: 30px;line-height: 30px;overflow: hidden;padding: 15px 0 0;}
.jz_m dl dd h5 a{font-size: 20px;color: #333;}
.jz_m dl dd p{padding-top:8px;font-size: 14px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:66%;}
.jz_m dl dd span{display: block;width: 90px;height: 80px;background: #184b9c;position: absolute;top: 0;right: 0;}
.jz_m dl dd span img{width: 90px;height: 80px;}
.jz_m dl:hover dd span{background: #ee0000;}
/**/
.liu{ height: 282px;background: #f7f7f7;}
.liu h3{display:block;font-size: 30px;color: #333;line-height: 30px;font-weight: bold;text-align: center;padding-top: 60px;}
.liu ul{ margin-top: 40px;}
.liu li{float: left;width: 66px;text-align: center;position: relative;margin-right: 75.7px;}
.liu li:after{position: absolute;width: 18px;height: 14px;background: url(../images/cess_dian.png) no-repeat center;content: "";right: -50px;top: 32px;}
.liu li:last-child{overflow: hidden;margin-right: 0;}
.liu li span{ display:block;width:66px; height:50px;  text-align: center;margin:0 auto;  position:relative;}
.liu li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;margin: 0 auto;}
.liu li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;margin: 0 auto;}
.liu li span em img,.liu li span i img{ display: block;width: 66px;height: 50px;}
.liu li:hover span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.liu li:hover span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.liu li p{font-size: 16px;color: #333333;line-height: 16px;padding-top: 19px;text-align: center;}
.liu li:hover p,.liu li:hover i{color: #015aaa;}

/**/
.new{ height:895px; width:1380px; margin:0 auto;}
.tit2{ height:65px; font:24px "Microsoft YaHei UI"; font-weight:bold; color:#000; line-height:65px;}
.tit2 a{ display:block; color:#000;}
.tit2 a:hover{ color:#ee0000;}
.tit2 em{ font:14px "Microsoft YaHei UI"; color:#000; float:right; line-height:65px;}
.dy{ height:470px; margin-top:25px; border-bottom:1px solid #999999;}
.dy dl{ width:501px; overflow:hidden; float:left;}
.dy dt{ width:501px; height:282px; overflow:hidden;}
.dy dt img{ display:block; width:501px; height:282px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dd h3 a{ display:block; font:18px "Microsoft YaHei UI"; color:#000; padding:18px 0 8px;}
.dy dd h3 a:hover,.dy li span a:hover{ font-weight:bold; color:#ee0000;}
.dy dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#999999;}
.dy ul{ width:826px; float:right; border-top:1px solid #999;}
.dy li{ height:106px; padding-top:24px; border-bottom:1px dashed #ccc;}
.dy li:last-child{ border:0;}
.dy li em{ display:block; width:80px; float:left; font:50px Arial, Helvetica, sans-serif; color:#000; font-weight:bold;}
.dy li em i{ display:block; font:14px "Microsoft YaHei UI"; color:#999;}
.dy li span{ display:block; width:723px; float:right;}
.dy li span a{ display:block;font:18px "Microsoft YaHei UI"; color:#000; padding:8px 0 12px; font-weight:bold;}
.dy li span i{ font:14px "Microsoft YaHei UI"; color:#999; display:block;}

.baike dl{ height:115px; width:648px; padding:10px 20px 10px 10px; background:#f2f2f2; margin-right:18px;}
.baike dt{ width:206px; height:115px; float:left; overflow:hidden;}
.baike dt img{ display:block;width:206px; height:115px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.baike dd{ width:414px; float:right; margin-top:6px;}
.baike dd h3 a{ display:block; font:18px "Microsoft YaHei UI"; line-height:46px; color:#000;}
.baike dd p{font:14px "Microsoft YaHei UI"; color:#999; line-height:24px;}
.baike dl:hover{ background:#fcdb00;}
.baike dl:hover dd p{ color:#000;}
.baike dl:hover dt img,.dy dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

/* 走进 */



.about{ height:767px; overflow:hidden; background:url(../images/about_bg.gif) repeat-x center top;}
.about .w138{ position:relative;}
.about dl{ height:660px;}
.about dt{ width:1109px; height:660px; float:right; margin-right:-360px; overflow:hidden; position:relative;}
.about dt img{ display:block;width:1109px; height:660px;}
.about dd{ width:595px; float:left; margin-top:83px;}
.about dd .tit{text-align:left; margin-bottom:32px;}
.about dd .tit em{ padding:20px 0 25px;}
.about dd .tit em:before{ top:76px; left:0; margin:0;}
.about dd p{ width:520px; font:16px "Microsoft YaHei UI"; line-height:28px; color:#000; margin-bottom:52px;}
.about ul{ width:710px; height:215px; padding:40px 0 0 40px; background:#184b9c; border-radius:3rem 3rem 3rem 0;overflow:hidden; position:absolute; top:447px;}
.about li{ width:223px; height:175px; float:left; background:#fff; position:relative; text-align:center; font:20px "Microsoft YaHei UI"; font-weight:bold; color:#000; overflow:hidden;}
.about li:before{ content:""; position:absolute; top:30px; right:0; width:1px; height:116px; background:#ccc;}
.about li b{ display:block; width:76px; height:76px; margin:27px auto 6px;}
.about li b img{display:block; width:76px; height:76px;}
.about li em{ display:block; font:12px "Microsoft YaHei UI"; color:#989898; text-transform:uppercase; line-height:20px;}
.about li:hover,.about li:hover em{ color:#184b9c;}
.about li:hover img{-webkit-animation:hvr-buzz-out 1.2s linear;animation:hvr-buzz-out 1.2s linear;}





@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }