/*公共*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin:0; padding:0;color:#333;font-family:"微软雅黑"; font-size: 16px;}
body{font-size: 16px}
img { border:0; }
.clear{ clear:both; }
em,i{ font-style:normal}
a:hover { text-decoration:none; color:#e51e01;}
.w1200{ width:1200px; margin:0 auto}
.fl{ float: left;}
.fr{ float:right;}
.h30{height: 30px;}
.h60{height: 60px;}
.f14{font-size: 14px}
.f18{font-size: 18px}
.db{display: block;}
.dib{display: inline-block;}
ul,ul li{list-style: none;}
._act{background: #0f379e !important;color: #fff !important}
/*左右滚动*/
.syal{margin-top: 15px}
.syal li{float: left;margin-right: 20px;width: 200px;}
.syal li a{display: block;}
.syal li a img{display: block;width: 100%;}
.syal li a ol{color: #555;text-align: center;font-size: 16px;margin: 10px 0 0 0;}
/*上下滚动*/
.anliroll{height: 500px;overflow: hidden}
.anliroll li{float: left;width: 276px;margin-right: 20px;margin-bottom: 20px;}
.anliroll li a{display: block;overflow: hidden;font-size: 18px}
.anliroll li a img{width: 100%;display: block;transition: all .5s}
.anliroll li a ol{height: 40px; line-height: 40px;text-align: center;background: #2e7000;color: #fff}
.anliroll li a:hover img{transform: scaleX(1.2) scaleY(1.2);}
/*双排左右滚动*/
.product{width: 1200px;margin: auto;position: relative; height: 630px;}
.product a{display: block;float: left;}
.al_pic a{width: 380px;display: block;margin:20px 10px;position: relative;overflow: hidden}
.al_pic a img{width: 100%;transition: all .3s}
.al_pic a ol{height: 40px; line-height: 40px;text-align: center;color: #fff;position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0,0,0,0.7)}
.al_pic a:hover ol{background-color: rgba(207,0,24,0.7)}
.al_pic a:hover img{transform: scaleX(1.4) scaleY(1.4);}
/* focus_Box */
#focus_Box{position:relative;width:1200px;height:440px;margin:20px auto 0 auto;}
#focus_Box ul{position:relative;width:1200px;height:440px;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; border:10px solid #ffb400;}
#focus_Box li img{width:100%;height:100%;vertical-align:top; }
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat; left:-70px; top:205px;}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:-60px; top:205px;} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}



/*spt1*/
.sfl1{margin: 10px 0}
.sfl{width:250px;border:3px solid #27468e ;margin-top: -100px; z-index: 1;position: relative;}

.sfl h3{background: #27468e}
.sfl h3 img{padding: 30px 20px}
.sfl2{background: #27468e;color: #fff}
.sfl2 h4{color: #fff;height: 80px;line-height: 80px;text-align: center;font-size: 26px;}
.l_lx{padding: 0px 20px 20px 20px;color: #fff;line-height: 180%}
.l_lx p{color: #fff}


.lei span{position: absolute;left: 216px;top:-5px;z-index: 222;}
.lei span,.lei span a{display: block; background: #fff;margin-left: 2px}
.lei span a{width: 216px;}
.lei span a:hover{background: #ff0000;color: #fff}


#leftid li{height: 45px; line-height: 45px;margin:0 15px;position: relative}
#leftid li a{display: block;background: url(1_17.jpg); height: 46px;line-height: 46px; width: 216px;margin: 5px auto 0 auto;color: #fff;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
text-indent: 40px
}
#leftid li a:hover{background: url(1_14.jpg);text-indent: 30px}


.dlink{float: right;}
.dlink a{color: #fff;margin-right: 20px;padding: 15px 0;display: inline-block;}
.dlink a img{vertical-align: middle}
.dlink{border-bottom: 1px solid #1a7db6;margin-bottom: 20px}

.sfr{width:910px; }
.keysy{width:400px;height: 40px;background: #f0f0f0;border: 0}
.sysubmit{width: 100px;height: 40px;line-height: 40px;background: #27468e;color: #fff;border: 0}
.seach form{float: left;width:535px; }
.seach span{font-size: 14px;padding: 20px 0 0 0px;display: inline-block;width:370px; }
.seach span a{margin-right: 12px}
.seach{margin: 30px 0}


/*spt2*/
.spt2{background: #f5f5f5}
.spt2 h3{text-align: center;padding: 50px 0 30px 0;background: #fff}
.spt2_con{position: relative;overflow: hidden;height: 848px;}
.spt2_tit{background: #ededed;position: absolute;top: 65%;height: 304px;left: 0;right: 0;margin: auto;}

.spt2_pic a{position: absolute;top: 0;left: 0;height: 672px;width: 100%; }
.spt2_pic a:nth-of-type(1){background: url(1_22.jpg) center no-repeat;}
.spt2_pic a:nth-of-type(2){background: url(1_221.jpg) center no-repeat;}
.spt2_pic a:nth-of-type(3){background: url(1_222.jpg) center no-repeat;}
.spt2_pic h4{position: absolute;width: 35%;right: 0;top: 0;background-color: rgba(21,54,141,0.9);padding: 120px 0 0 50px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;height: 672px;}
.spt2_pic h4 i{display: block;color: #fff;font-size: 64px;font-weight: bold;position: relative;}
.spt2_pic h4 i:before{position: absolute;content: "";width: 200px;height: 2px;background: #86a1cc;top:-20px;}
.spt2_pic h4 b{display: block;color: #fff;font-size: 34px;font-weight: bold;margin: 10px 0}
.spt2_pic h4 em{font-size: 16px;color: #8ebaf7;display: block;margin-bottom: 60px;position: relative;}
.spt2_pic h4 em:before{position: absolute;content: "";width: 200px;height: 2px;background: #86a1cc;top:40px;}

.spt2_pic h4 p{line-height: 200%;font-size: 18px;color: #fff}
.spt2_tit span{display: inline-block;width:348px;margin-left: 40px;margin-top: 50px;border-right: 1px solid #d9d9d9;padding-right: 30px; }
.spt2_tit span b{margin: 20px 0;display: inline-block;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-weight: bold;
font-size: 18px
}
.spt2_tit span i{display: inline-block;width: 30px;height: 30px;border-radius: 50%;border:1px solid #ccc;text-align: center;line-height: 30px;float: right;margin-top: 10px;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.spt2_tit span:hover b{padding-left: 20px;font-weight: bold;color: #5b7cc4}
.spt2_tit span:hover i{background: #5b7cc4;color: #fff}

/*spt3*/
.spt3{padding: 80px 0;text-align: center;background: #f5f5f5;margin: 0 auto}
.spt3 h3{text-align: center;font-weight: bold;font-size: 36px;margin-bottom: 50px}
.spt3 h3 em{font-weight: normal;font-size:14px;color: #cccccc;display: block;margin-top: 12px }
.spt3 a{display: inline-block;width:285px;color: #666666;text-align: center; margin-left: 50px;border-right: 1px solid #ccc;padding-right: 30px}
.spt3 a:nth-of-type(3){border: none;}
.spt3 p{line-height: 180%;margin-top: 40px}

/*spt4*/
.spt4{background: url(1_34.jpg) top center no-repeat;height: 610px;}
.topwz{display: flex;}
.topwz span{flex: 1;padding-left: 30px;border-right: 2px solid #fff;margin-top: 80px}
.topwz span img,.topwz span b,.topwz span i{display: block;margin-top: 5px}
.topwz span b{font-size:28px;color: #fff;margin-bottom: 10px;}
.topwz span i{color: #fff}
.topwz span:nth-of-type(4){border: none;}
.spt4 h3{text-align: center;font-size:34px;font-weight: bold;margin-top:164px;color: #fff;margin-bottom:20px;  }
.sygswz{line-height: 200%;color: #fff;width: 800px;margin: 0 auto}
.sygswz p{color: #fff;width: 800px;}

/*spt5*/
.spt5{margin-top: 50px;overflow: hidden;}
.spt5 dl{width: 48%;margin-right: 2%;float: left;}
.spt5 dl dt{font-size: 32px;color: #000;margin-bottom: 15px;}
.spt5 dl dt a{width: 170px;position: relative;color: #000}
.spt5 dl dt a:before{content: "...";position: absolute;right: -55px;top: -5px;color: #ff0000}
.spt5 dl dd{width: 100%;height: 410px;background: #000}
.spt5 dl:nth-of-type(2) dd{background: #fff}
.spt5 dl dd img{width: 100%;margin-top: 30px}
.spt5 dl:nth-of-type(2){margin-right: 0}

/*spt6*/
.spt6{background: url(1_40.jpg) top center no-repeat ;height: 631px;margin: 50px auto 0 auto}

/*sypt7*/
.sypt7{background: url(1_41.jpg) top center no-repeat ;height: 713px;margin: 0px auto}
.sypt7 h3{text-align: center;font-size:36px;font-weight: bold;color: #fff ;padding-top: 80px;}
.sypt7 h3 em{display: block;margin-top: 15px;font-size: 26px;}


/*pt8*/
.pt8{margin-top: 50px;}


/*footer*/
.footer{background: #ededed;padding: 0px 0 0 0}
.footer1{background: #004a92;color: #fff;text-align: center;padding: 20px 0 20px 0;overflow: hidden;}
.footer1 span{float: left;}
.footer1 strong{float: right;color: #fff}
.footer1 strong a{color: #fff;margin-right: 15px}
.footer1 strong a img{padding-right: 5px}
.footer h3{background: #004a92;color: #fff;padding: 15px 0 15px 15px;font-size: 18px;font-weight: bold;}
.footer h3 img{vertical-align:middle;margin-right: 10px}


.f1{float: left;width: 58%;margin-right: 2%}
.f2{float: left;width: 40%;margin-right: 0}

.f2{margin-right: 0}
.f1 strong{font-weight: bold;}
.f1{line-height:160%}
.f1_q{background: url(1_56.jpg) right bottom no-repeat;margin: 30px 0}
.f2_1{margin-top: 40px;overflow: hidden;}
.f2_1 a{display: block;float: left;width: 48%;height: 45px;line-height: 45px;border-bottom: 1px solid #ccc;color: #555555;font-size: 16px;font-weight: bold;margin-left: 2%}
.f2 b{padding: 20px 0 0 20px;display: block;}




.pttit{text-align: center;font-size:34px;font-weight: bold; }
.pttit b{display: block;font-weight: normal;font-size: 16px;margin: 15px auto}
.pttit img{margin-bottom: 30px}






/*产品展示*/
.pnav{background: #f1f1f1;padding: 20px 0 0 0;margin-top: -50px}
.pnav ul{text-align: center;}
.pnav ul li {display: inline-block;margin: 0 10px;width: 150px;}
.pnav ul li a{display: block;transition: all .3s;}
.pnav ul li a img{border-radius: 50%;border:4px solid #ccc;transition:  1s;width: 150px;height: 150px;display: block}
.pnav ul li a p{text-align: center;font-size: 16px;color: #000;margin-top: 5px;height: 50px;}
.pnav ul li a:hover,._act{transform: translateY(-14px);}
.pnav ul li a:hover img,._act img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);border: 4px solid #166ae5}
.pnav ul li.hover a{transform: translateY(-14px);}
.pnav ul li.hover a img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg)}

._act img{border: 4px solid #166ae5 !important}
._act p{color: #166ae5 !important}


.lxfs{font-size:16px;line-height:190%;margin-bottom: 50px}
.lxfs h3{font-weight: bold;font-size: 28px}
.lxfs h4{color: #ff0000;font-size: 18px;margin-top: 10px}
.lxfs strong{font-weight: bold;}
.lxfs p{margin-top: 5px}
.lx_q{margin: 30px 0}

.news_l{overflow: hidden}
.news_l a{margin-right: 20px;position: relative;display: block;float: left;width: 23%}
.news_l a b{position: absolute;top: 0;left: 0;display: block;width:66px;height: 66px;background: #000;color: #fff;font-size: 26px;text-align: center;padding-top: 10px}
.news_l a b i{display: block;font-size: 12px}
.news_l a img{width: 100%;max-height: 220px;border: 1px solid #ccc}
.news_l a h3{font-size:18px;color: #3e3d3d;margin: 16px 0 5px 0;width: 98%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.news_l a p{color: #777777;line-height: 160%;height: 80px;overflow: hidden}
.news_l a:hover p,.news_l a:hover h3{color: #b8000e}
.news_l a:hover b{background: #d11f1f}

.sfr_tit{height: 56px;line-height: 56px;border-bottom: 1px solid #ccc;font-size: 26px;font-weight: bold}
.sfr_tit span{color: #ff0000;float: right;font-size: 20px;}

  .ny_news{padding: 10px 0 ;margin-bottom: 16px}
  .ny_news li a{height: 35px; line-height: 35px; display: block; border-bottom: 1px dotted #ccc; padding:0 20px;overflow: hidden}
  .yx_lx p{padding: 2px 5px; color: #000; line-height:180%;border-bottom: 1px dotted #ccc}

.yx_lx p:nth-of-type(1),.yx_lx p:nth-of-type(5),.yx_lx p:nth-of-type(3){border-bottom: 0;}


.yx_lx{padding: 10px 10px;margin-bottom: 16px;line-height: 200%}
  .sfl h4{ padding:0px 20px 0px 20px; font-size:22px; line-height:60px; text-align:center;  color:#ffffff; background:#0041a1;}


.lx_qq{float:right;width: 24%;height: 500px;text-align: left;font-size: 18px;margin-top: 90px}
.lx_qq a img{width: 100px;margin-top: 10px}
.lx_qq a{margin-bottom: 20px;display: block;}


.topC{margin: 0 auto;position: relative}
.logo{float: left;padding:20px 0 0 30px; }
._act3{background:#0f379e !important;color: #fff !important;border-top: 5px solid #ea8100 !important; }





.top_nav{height: 115px;line-height: 115px;width: 700px;float: left;margin-left: 120px;}
.top_nav ul li{float: left;}
.top_nav ul li a{color: #000;width: 100px;text-align: center;display: block;font-size: 16px; height: 115px;border-top: 5px solid #fff}
.top_nav ul li a:hover{background:#0f379e;color: #fff;border-top: 5px solid #ea8100}
.top_nav ul li ul{position: absolute;top: 115px;left: 0;z-index: 222;display: none;background-color: rgba(255,255,255,1);width: 100%;padding: 0 0 0 0%;}
.top_nav ul li ul a{display: block;float: left;width: 30%;padding: 15px 1%;height: 100px;margin: 20px 0}
.top_nav ul li ul a h3{width: 50%;float: left;text-align: left;color: #0f379e;font-size: 20px;}
.top_nav ul li ul a h3 p{color: #ccc}
.top_nav ul li ul a img{width: 20%;float: left;margin-right: 2%}
.top_nav ul li ul a:hover{background: #f2f2f2; border: 0;height: 100px; color: #fff !important}
.top_nav ._act3 h3{color: #fff !important}
.top_nav ul li ul .cplb{margin-left: 7%}


#morecp{width: 100%;}
#morecp a{width: 100%;background: #ff0000;display: block;color: #fff;height: 115px;line-height: 115px;transition: all .3s;padding: 0;margin: 0}
#morecp a:hover{background: #0f379e;color: #fff}


.tel{font-size: 20px;background: url(tel.jpg) left no-repeat; padding-left: 65px;width: 308px;margin-top: 20px;}
.tel b{display: block;font-size:28px;color: #0d73ca }




@media only screen and (max-width: 1600px) {
	.top_nav{margin-left: 2%;width:560px }
	.top_nav ul li a{width: 80px}
	.tel{width: 250px;font-size: 18px;padding-top: 10px}
	.tel b{font-size: 22px}
	
}

@media only screen and (max-width: 1370px) {
	.logo{float: left;padding:20px 0 0 10px; }
}


/*公共*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin:0; padding:0;color:#333;font-family:"微软雅黑"; font-size: 16px;}
body{font-size: 16px}
img { border:0; }
.clear{ clear:both; }
em,i{ font-style:normal}
a:hover { text-decoration:none; color:#e51e01;}
.w1200{ width:1200px; margin:0 auto}
.fl{ float: left;}
.fr{ float:right;}
.h30{height: 30px;}
.h60{height: 60px;}
.f14{font-size: 14px}
.f18{font-size: 18px}
.db{display: block;}
.dib{display: inline-block;}
ul,ul li{list-style: none;}
._act{background: #0f379e !important;color: #fff !important}
/*左右滚动*/
.syal{margin-top: 15px}
.syal li{float: left;margin-right: 20px;width: 200px;}
.syal li a{display: block;}
.syal li a img{display: block;width: 100%;}
.syal li a ol{color: #555;text-align: center;font-size: 16px;margin: 10px 0 0 0;}
/*上下滚动*/
.anliroll{height: 500px;overflow: hidden}
.anliroll li{float: left;width: 276px;margin-right: 20px;margin-bottom: 20px;}
.anliroll li a{display: block;overflow: hidden;font-size: 18px}
.anliroll li a img{width: 100%;display: block;transition: all .5s}
.anliroll li a ol{height: 40px; line-height: 40px;text-align: center;background: #2e7000;color: #fff}
.anliroll li a:hover img{transform: scaleX(1.2) scaleY(1.2);}
/*双排左右滚动*/
.product{width: 1200px;margin: auto;position: relative; height: 630px;}
.product a{display: block;float: left;}
.al_pic a{width: 380px;display: block;margin:20px 10px;position: relative;overflow: hidden}
.al_pic a img{width: 100%;transition: all .3s}
.al_pic a ol{height: 40px; line-height: 40px;text-align: center;color: #fff;position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0,0,0,0.7)}
.al_pic a:hover ol{background-color: rgba(207,0,24,0.7)}
.al_pic a:hover img{transform: scaleX(1.4) scaleY(1.4);}
/* focus_Box */
#focus_Box{position:relative;width:1200px;height:440px;margin:20px auto 0 auto;}
#focus_Box ul{position:relative;width:1200px;height:440px;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; border:10px solid #ffb400;}
#focus_Box li img{width:100%;height:100%;vertical-align:top; }
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat; left:-70px; top:205px;}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:-60px; top:205px;} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}



/*spt1*/
.sfl1{margin: 10px 0}
.sfl{width:250px;border:3px solid #27468e ;margin-top: -100px; z-index: 1;position: relative;}

.sfl h3{background: #27468e}
.sfl h3 img{padding: 30px 20px}
.sfl2{background: #27468e;color: #fff}
.sfl2 h4{color: #fff;height: 80px;line-height: 80px;text-align: center;font-size: 26px;}
.l_lx{padding: 0px 20px 20px 20px;color: #fff;line-height: 180%}
.l_lx p{color: #fff}


.lei span{position: absolute;left: 216px;top:-5px;z-index: 222;}
.lei span,.lei span a{display: block; background: #fff;margin-left: 2px}
.lei span a{width: 216px;}
.lei span a:hover{background: #ff0000;color: #fff}


#leftid li{height: 45px; line-height: 45px;margin:0 15px;position: relative}
#leftid li a{display: block;background: url(1_17.jpg); height: 46px;line-height: 46px; width: 216px;margin: 5px auto 0 auto;color: #fff;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
text-indent: 40px
}
#leftid li a:hover{background: url(1_14.jpg);text-indent: 30px}


.dlink{float: right;}
.dlink a{color: #fff;margin-right: 20px;padding: 15px 0;display: inline-block;}
.dlink a img{vertical-align: middle}
.dlink{border-bottom: 1px solid #1a7db6;margin-bottom: 20px}

.sfr{width:910px; }
.keysy{width:400px;height: 40px;background: #f0f0f0;border: 0}
.sysubmit{width: 100px;height: 40px;line-height: 40px;background: #27468e;color: #fff;border: 0}
.seach form{float: left;width:535px; }
.seach span{font-size: 14px;padding: 20px 0 0 0px;display: inline-block;width:370px; }
.seach span a{margin-right: 12px}
.seach{margin: 30px 0}


/*spt2*/
.spt2{background: #f5f5f5}
.spt2 h3{text-align: center;padding: 50px 0 30px 0;background: #fff}
.spt2_con{position: relative;overflow: hidden;height: 848px;}
.spt2_tit{background: #ededed;position: absolute;top: 65%;height: 304px;left: 0;right: 0;margin: auto;}

.spt2_pic a{position: absolute;top: 0;left: 0;height: 672px;width: 100%; }
.spt2_pic a:nth-of-type(1){background: url(1_22.jpg) center no-repeat;}
.spt2_pic a:nth-of-type(2){background: url(1_221.jpg) center no-repeat;}
.spt2_pic a:nth-of-type(3){background: url(1_222.jpg) center no-repeat;}
.spt2_pic h4{position: absolute;width: 35%;right: 0;top: 0;background-color: rgba(21,54,141,0.9);padding: 120px 0 0 50px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;height: 672px;}
.spt2_pic h4 i{display: block;color: #fff;font-size: 64px;font-weight: bold;position: relative;}
.spt2_pic h4 i:before{position: absolute;content: "";width: 200px;height: 2px;background: #86a1cc;top:-20px;}
.spt2_pic h4 b{display: block;color: #fff;font-size: 34px;font-weight: bold;margin: 10px 0}
.spt2_pic h4 em{font-size: 16px;color: #8ebaf7;display: block;margin-bottom: 60px;position: relative;}
.spt2_pic h4 em:before{position: absolute;content: "";width: 200px;height: 2px;background: #86a1cc;top:40px;}

.spt2_pic h4 p{line-height: 200%;font-size: 18px;color: #fff}
.spt2_tit span{display: inline-block;width:348px;margin-left: 40px;margin-top: 50px;border-right: 1px solid #d9d9d9;padding-right: 30px; }
.spt2_tit span b{margin: 20px 0;display: inline-block;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-weight: bold;
font-size: 18px
}
.spt2_tit span i{display: inline-block;width: 30px;height: 30px;border-radius: 50%;border:1px solid #ccc;text-align: center;line-height: 30px;float: right;margin-top: 10px;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.spt2_tit span:hover b{padding-left: 20px;font-weight: bold;color: #5b7cc4}
.spt2_tit span:hover i{background: #5b7cc4;color: #fff}

/*spt3*/
.spt3{padding: 80px 0;text-align: center;background: #f5f5f5;margin: 0 auto}
.spt3 h3{text-align: center;font-weight: bold;font-size: 36px;margin-bottom: 50px}
.spt3 h3 em{font-weight: normal;font-size:14px;color: #cccccc;display: block;margin-top: 12px }
.spt3 a{display: inline-block;width:285px;color: #666666;text-align: center; margin-left: 50px;border-right: 1px solid #ccc;padding-right: 30px}
.spt3 a:nth-of-type(3){border: none;}
.spt3 p{line-height: 180%;margin-top: 40px}

/*spt4*/
.spt4{background: url(1_34.jpg) top center no-repeat;height: 610px;}
.topwz{display: flex;}
.topwz span{flex: 1;padding-left: 30px;border-right: 2px solid #fff;margin-top: 80px}
.topwz span img,.topwz span b,.topwz span i{display: block;margin-top: 5px}
.topwz span b{font-size:28px;color: #fff;margin-bottom: 10px;}
.topwz span i{color: #fff}
.topwz span:nth-of-type(4){border: none;}
.spt4 h3{text-align: center;font-size:34px;font-weight: bold;margin-top:164px;color: #fff;margin-bottom:20px;  }
.sygswz{line-height: 200%;color: #fff;width: 800px;margin: 0 auto}
.sygswz p{color: #fff;width: 800px;}

/*spt5*/
.spt5{margin-top: 50px;overflow: hidden;}
.spt5 dl{width: 48%;margin-right: 2%;float: left;}
.spt5 dl dt{font-size: 32px;color: #000;margin-bottom: 15px;}
.spt5 dl dt a{width: 170px;position: relative;color: #000}
.spt5 dl dt a:before{content: "...";position: absolute;right: -55px;top: -5px;color: #ff0000}
.spt5 dl dd{width: 100%;height: 410px;background: #000}
.spt5 dl:nth-of-type(2) dd{background: #fff}
.spt5 dl dd img{width: 100%;margin-top: 30px}
.spt5 dl:nth-of-type(2){margin-right: 0}

/*spt6*/
.spt6{background: url(1_40.jpg) top center no-repeat ;height: 631px;margin: 50px auto 0 auto}

/*sypt7*/
.sypt7{background: url(1_41.jpg) top center no-repeat ;height: 713px;margin: 0px auto}
.sypt7 h3{text-align: center;font-size:36px;font-weight: bold;color: #fff ;padding-top: 80px;}
.sypt7 h3 em{display: block;margin-top: 15px;font-size: 26px;}


/*pt8*/
.pt8{margin-top: 50px;}


/*footer*/
.footer{background: #ededed;padding: 0px 0 0 0}
.footer1{background: #004a92;color: #fff;text-align: center;padding: 20px 0 20px 0;overflow: hidden;}
.footer1 span{float: left;}
.footer1 strong{float: right;color: #fff}
.footer1 strong a{color: #fff;margin-right: 15px}
.footer1 strong a img{padding-right: 5px}
.footer h3{background: #004a92;color: #fff;padding: 15px 0 15px 15px;font-size: 18px;font-weight: bold;}
.footer h3 img{vertical-align:middle;margin-right: 10px}


.f1{float: left;width: 58%;margin-right: 2%}
.f2{float: left;width: 40%;margin-right: 0}

.f2{margin-right: 0}
.f1 strong{font-weight: bold;}
.f1{line-height:160%}
.f1_q{background: url(1_56.jpg) right bottom no-repeat;margin: 30px 0}
.f2_1{margin-top: 40px;overflow: hidden;}
.f2_1 a{display: block;float: left;width: 48%;height: 45px;line-height: 45px;border-bottom: 1px solid #ccc;color: #555555;font-size: 16px;font-weight: bold;margin-left: 2%}
.f2 b{padding: 20px 0 0 20px;display: block;}




.pttit{text-align: center;font-size:34px;font-weight: bold; }
.pttit b{display: block;font-weight: normal;font-size: 16px;margin: 15px auto}
.pttit img{margin-bottom: 30px}






/*产品展示*/
.pnav{background: #f1f1f1;padding: 20px 0 0 0;margin-top: -50px}
.pnav ul{text-align: center;}
.pnav ul li {display: inline-block;margin: 0 10px;width: 150px;}
.pnav ul li a{display: block;transition: all .3s;}
.pnav ul li a img{border-radius: 50%;border:4px solid #ccc;transition:  1s;width: 150px;height: 150px;display: block}
.pnav ul li a p{text-align: center;font-size: 16px;color: #000;margin-top: 5px;height: 50px;}
.pnav ul li a:hover,._act{transform: translateY(-14px);}
.pnav ul li a:hover img,._act img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);border: 4px solid #166ae5}
.pnav ul li.hover a{transform: translateY(-14px);}
.pnav ul li.hover a img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg)}

._act img{border: 4px solid #166ae5 !important}
._act p{color: #166ae5 !important}


.lxfs{font-size:16px;line-height:190%;margin-bottom: 50px}
.lxfs h3{font-weight: bold;font-size: 28px}
.lxfs h4{color: #ff0000;font-size: 18px;margin-top: 10px}
.lxfs strong{font-weight: bold;}
.lxfs p{margin-top: 5px}
.lx_q{margin: 30px 0}

.news_l{overflow: hidden}
.news_l a{margin-right: 20px;position: relative;display: block;float: left;width: 23%}
.news_l a b{position: absolute;top: 0;left: 0;display: block;width:66px;height: 66px;background: #000;color: #fff;font-size: 26px;text-align: center;padding-top: 10px}
.news_l a b i{display: block;font-size: 12px}
.news_l a img{width: 100%;max-height: 220px;border: 1px solid #ccc}
.news_l a h3{font-size:18px;color: #3e3d3d;margin: 16px 0 5px 0;width: 98%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.news_l a p{color: #777777;line-height: 160%;height: 80px;overflow: hidden}
.news_l a:hover p,.news_l a:hover h3{color: #b8000e}
.news_l a:hover b{background: #d11f1f}

.sfr_tit{height: 56px;line-height: 56px;border-bottom: 1px solid #ccc;font-size: 26px;font-weight: bold}
.sfr_tit span{color: #ff0000;float: right;font-size: 20px;}

  .ny_news{padding: 10px 0 ;margin-bottom: 16px}
  .ny_news li a{height: 35px; line-height: 35px; display: block; border-bottom: 1px dotted #ccc; padding:0 20px;overflow: hidden}
  .yx_lx p{padding: 2px 5px; color: #000; line-height:180%;border-bottom: 1px dotted #ccc}

.yx_lx p:nth-of-type(1),.yx_lx p:nth-of-type(5),.yx_lx p:nth-of-type(3){border-bottom: 0;}


.yx_lx{padding: 10px 10px;margin-bottom: 16px;line-height: 200%}
  .sfl h4{ padding:0px 20px 0px 20px; font-size:22px; line-height:60px; text-align:center;  color:#ffffff; background:#0041a1;}


.lx_qq{float:right;width: 24%;height: 500px;text-align: left;font-size: 18px;margin-top: 90px}
.lx_qq a img{width: 100px;margin-top: 10px}
.lx_qq a{margin-bottom: 20px;display: block;}


.topC{margin: 0 auto;position: relative}
.logo{float: left;padding:20px 0 0 30px; }
._act3{background:#0f379e !important;color: #fff !important;border-top: 5px solid #ea8100 !important; }





.top_nav{height: 115px;line-height: 115px;width: 700px;float: left;margin-left: 120px;}
.top_nav ul li{float: left;}
.top_nav ul li a{color: #000;width: 100px;text-align: center;display: block;font-size: 16px; height: 115px;border-top: 5px solid #fff}
.top_nav ul li a:hover{background:#0f379e;color: #fff;border-top: 5px solid #ea8100}
.top_nav ul li ul{position: absolute;top: 115px;left: 0;z-index: 222;display: none;background-color: rgba(255,255,255,1);width: 100%;padding: 0 0 0 0%;}
.top_nav ul li ul a{display: block;float: left;width: 30%;padding: 15px 1%;height: 100px;margin: 20px 0}
.top_nav ul li ul a h3{width: 50%;float: left;text-align: left;color: #0f379e;font-size: 20px;}
.top_nav ul li ul a h3 p{color: #ccc}
.top_nav ul li ul a img{width: 20%;float: left;margin-right: 2%}
.top_nav ul li ul a:hover{background: #f2f2f2; border: 0;height: 100px; color: #fff !important}
.top_nav ._act3 h3{color: #fff !important}
.top_nav ul li ul .cplb{margin-left: 7%}


#morecp{width: 100%;}
#morecp a{width: 100%;background: #ff0000;display: block;color: #fff;height: 115px;line-height: 115px;transition: all .3s;padding: 0;margin: 0}
#morecp a:hover{background: #0f379e;color: #fff}


.tel{font-size: 20px;background: url(tel.jpg) left no-repeat; padding-left: 65px;width: 308px;margin-top: 20px;}
.tel b{display: block;font-size:28px;color: #0d73ca }




@media only screen and (max-width: 1600px) {
	.top_nav{margin-left: 2%;width:560px }
	.top_nav ul li a{width: 80px}
	.tel{width: 250px;font-size: 18px;padding-top: 10px}
	.tel b{font-size: 22px}
	
}

@media only screen and (max-width: 1300px) {
	.logo{float: left;padding:20px 0 0 10px; }
	.sfl,.pt8,.spt6{display: none;}
	.w1200{width: 100%}
	.sfr,.pt7{width: 100%}
	.top_img img{width: 100%}
	.spt2_tit span{width: 28%}
	.spt2_tit span img{width: 100%}
	.spt2_tit span b{font-weight: bold;color: #5b7cc4;font-size: 1.8rem;}
	.spt2_tit span:hover b{font-weight: bold;color: #5b7cc4}

	.spt3 a{width:26%}
	.spt3 a img{width: 100%}
	.anliroll li{width: 23%}
	.pt7{margin-top: 30px;}
	.spt5{margin-bottom: 30px;}
	.top_nav{position: absolute;top: 99px;z-index: 99999;width: 100%;background: #fff;left: 0;margin-left:0;height: 60px;line-height: 60px;}
	.top_nav ul li{width: 14%;text-align: center;}
	.top_nav ul li a{width: 100%;height: 60px;}
.top_nav ul li ul{top: 60px}
.spt2_pic h4 b{font-size: 2.8rem;}
.spt2_pic h4 p{font-size: 1.8rem;}
.spt2_pic h4 i{font-size: 2.8rem;}
.profile img{width: 100%}

}


@media only screen and (max-width: 850px) {
	.w1200{width: 100%}
	.spt2_tit span{width: 26%}
	.spt2_tit span b{font-size: 1.2rem;}
.f2{display: none;}
	.spt3 a{width:22%}
	.anliroll li{width: 21%}
.top_nav ul li ul{top: 60px}
.spt2_pic h4 b{font-size: 2.2rem;}
.spt2_pic h4 p{font-size: 1.4rem;}
.spt2_pic h4 i{font-size: 2.2rem;}
.f1{width: 100%}
}


@media only screen and (max-width: 675px) {
	.spt2_tit{height: 227px;}
	.tel,.spt2_tit span i{display: none}
	.spt2_pic h4{width: 56%}


	.spt2_tit span{width: 30%;margin-left: 1%;}
	.spt2_tit span b{font-size: 1.2rem;}

.topwz span b{font-size: 2.2rem;}
.spt4 h3{font-size: 2rem;}
.sygswz{padding: 0 20px}
.spt3{padding: 10px}
	.spt3 a{width:22%}
	.anliroll li{width: 21%}
.top_nav ul li ul{top: 60px}
.spt2_pic h4 b{font-size: 2.2rem;}
.spt2_pic h4 p{font-size: 1.4rem;}
.spt2_pic h4 i{font-size: 2.2rem;}
.f1{width: 100%}
.spt5 dl{width: 100%;float: none;}
.showlist div li{width: 30%}


}