﻿/*公共*/
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;}
img { border:0; }
body{overflow-x:hidden;}
.clear{ clear:both; }
em,i{ font-style:normal}
a{text-decoration: none;}
a:hover { text-decoration:none;}
.w1200{ width:1200px; margin:0 auto}
.fl{ float: left;}
.fr{ float:right;}
.h30{height: 30px;}
.h60{height: 60px;}
.f14{font-size: 14px}
.f16{font-size: 16px}
.f18{font-size: 18px}
.db{display: block;}
.dib{display: inline-block;}
ul,ul li{list-style: none; }
/*._act{background: #000 !important}*/


.c_top img{max-width:  100%}
.c_top{background: #004a92;position: relative; height: 126px;}
.logo{padding:24px 0 0 20px; }
.top_tel{padding:40px 0 0 0;}




/*导航*/
.top_nav{height: 125px;line-height: 125px;}
.top_nav ul{position: relative;z-index: 999;height: 100%}
.top_nav>ul>li{float: left;width: 96px;height: 100%}
.top_nav ul li a{color: #fff;display: block;transition: all .3s;text-align: center;height: 150px;}
.top_nav>ul>li>a:hover{background: #ffdd00;color: #000;text-align: center;text-decoration: none}

.top_nav ul li ul{background-color: rgba(0,74,146,0.9);position: relative;top: 0px;left:0px;width: 230px;z-index: 8888;height: 400px;opacity: 0;visibility: hidden}
.top_nav ul li ul li{height: 60px;line-height: 60px;padding:0; width: 230px}
.top_nav ul li ul li a{height: 60px;line-height: 60px;color: #fff;font-size: 14px;text-align: left;padding-left: 30px;transition-duration: .3s}
.top_nav ul li ul li a:hover{padding-left: 25px;background-color: #ffdd00;color: #000 !important}

#nav2{height: 120px}


._act2{background: #ffdd00 !important;color: #000 !important; height: 150px;text-align: center}




.pt_l{padding: 80px 50px 100px 50px; background: #f1f1f1;box-sizing: border-box;}
.pt1 h1{text-align: center; height: 60px;font-size: 40px;font-weight: bold}
.pt_r{padding: 80px 50px 100px 50px;}
#pt1_fa{ background-image:none }
#gd_wz{color: #000;position: relative;top:100px;font-weight: bold}
.pt1_4{overflow: visible}






.pt2 h1{text-align: center;margin: 10px auto 20px auto;font-size: 40px;font-weight: bold}
.pt2{display: flex;display: -webkit-flex; flex-wrap: wrap;margin: 60px 0}
.pt2 .col-md-4{padding: 0}
.pt2 li a{display: block;position: relative;width: 100%}
.pt2 li a img{display: block;width: 100%;}
.pt2 li a h4{color: #fff;text-align: center;font-size: 18px;position: absolute;left: 0;z-index: 11;transition: all .3s;bottom: 0;height: 60px;width: 100%;background-image:linear-gradient(to bottom,rgba(0,0,0,.0003) 0,rgba(0,0,0,.6) 100%);line-height: 60px; }
.pt2 li a h4 ol {font-size: 20px;color: #fff}
.pt2 li a h4 span,.pt2 li a h4 i{display: none}
.pt2 li a h4{margin: 0}
.pt2 li a:hover h4{background-color: rgba(0,0,0,0.7);height: 100%}
.pt2 li a:hover h4 span,.pt2 li a:hover h4 i{display: block;margin: 20px 0}
.pt2 li a:hover h4 i{background: #ff0;width: 100px;display: block;margin: 0 auto;height: 30px;line-height: 30px;text-align: center;color: #000;font-size: 16px;border-radius: 20px;}
.pt2 li a:hover ol{margin-top: 60px}



.al_tit{position: relative;}
.al_tit em{font-size:56px;color: #a6a6a6;font-weight: bold; } 
.al_tit h3{text-align: right;color: #ff8610;font-weight: bold;font-size: 34px;position: absolute;top: 10px;right: 20px}
.al_tit h3:after{position: absolute;content: "";width: 100px;height: 5px;background: #686868;top: -20px;right: 0}

.pt3_1{text-align: right;margin: 10px 0px 30px 0;color: #555}
.pt3_1 a{font-size: 16px;padding: 10px 12px;color: #555}



.pt4{background: url(gs_bj.jpg) top center no-repeat; height: 835px;margin-top: 70px;}
.pt4 h3{text-align: center;padding-top: 140px;}
.pt4_con{width: 866px;margin: 0 auto;color: #fff;margin-bottom: 30px;}
.pt4_con p{color: #fff;margin-top: 50px;text-align: center;line-height: 230%;margin-bottom: 15px}
.more{display: block;margin: 40px auto;text-align: center;border: 1px solid #fff;width: 130px;color: #fff;font-size: 18px;padding: 6px 0;border-radius: 5px;transition: all .3s}
.more:hover{background: #ff0;color: #000;width: 260px;}



.pt5{margin: 70px 0}
.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}

.pt6{background: url(albj.jpg) top center no-repeat; height: 713px;padding-top: 46px;}
.pt6 h3{text-align: center;font-size:36px;font-weight: bold;color: #fff ;}
.pt6 h3 b{display: block;font-size: 26px;margin: 10px auto}
.pt6 span{display: block;background: #fff;width:180px;height: 180px; }
.pt6_1{position: relative;text-align: center;}

.pt6_1 span{position: absolute;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */}

.pt6_1 span:nth-of-type(1){left: 130px;top: 30px}
.pt6_1 span:nth-of-type(2){left: 394px;top: 30px}
.pt6_1 span:nth-of-type(3){left: 658px;top: 30px}
.pt6_1 span:nth-of-type(4){left: 922px;top: 30px}
.pt6_1 span:nth-of-type(5){left: 262px;top: 160px}
.pt6_1 span:nth-of-type(6){left: 526px;top: 160px}
.pt6_1 span:nth-of-type(7){left: 790px;top: 160px}
.pt6_1 span:nth-of-type(8){left: 394px;top: 290px}
.pt6_1 span:nth-of-type(9){left: 658px;top: 290px}
.pt6_1 span img{transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);margin: 0 auto;display: block;margin-left: 20px;padding-top: 40px}




/*左右滚动*/
.syalw{background: #2e7000;padding: 50px 30px;margin: 50px 0}
.syal li{float: left;margin-right: 20px;width: 400px;}
.syal li a{display: block;}
.syal li a img{display: block;width: 100%;border-radius: 15px;border: 2px solid #fff;}
.syal li a ol{color: #fff;text-align: center;font-size: 18px;margin: 20px 0 0 0;}






/*上下滚动*/
.anliroll{height: 820px;}
.anliroll li{float: left;}
.anliroll li a{display: block;overflow: hidden;font-size: 20px;margin-bottom: 20px;}
.anliroll li a img{max-width: 100%;display: block;transition: all .5s;z-index: 1;}
.anliroll li a ol{height: 60px; line-height: 60px;color: #606060;border-bottom: 1px solid #ccc;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.anliroll li a:hover img{transform: scaleX(1.6) scaleY(1.6);}
.anliroll li:hover a ol{background: #004a92;color: #fff;padding-left: 50px}



/*双排左右滚动*/
.product{width: 1200px;margin: auto;position: relative; height: 630px;}
.product a{display: block;float: left;}
/*
.product>div:last-child{position: absolute;top: 44%;height: 0;font-size: 96px;width: 1200px;left: 0;}
.product>div:last-child div:first-child{left: -50px;position: absolute}
.product>div:last-child div:last-child{right: -50px;position: absolute}
*/
.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;}





.news_l{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.news_l a{flex: 1;margin-right: 20px;position: relative;}
.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;}
.news_l a b i{display: block;font-size: 12px}
.news_l a img{width: 100%;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}




.item-bd{overflow:hidden;width:1250px;margin:0px auto;}
.item-img{width:55%;float:left;}
.item-img img{width: 100%}
.item-intro{width:40%;float:right;padding:0 15px;}
.item-intro .title2{border-bottom:1px dashed #e0e0e0;padding:21px 0;text-align: left}
.font20{font-size:32px;color:#ff0000;text-align: left}
.describe{margin-top:26px;position: relative;z-index: 0}
.describe img{position: absolute;right: 250px;top: 0px;z-index: 0}
.item-intro .describe p{color:#666666;font-family:Microsoft YaHei;font-size:14px;}
.item-intro .describe p span{color:#000; font-size:18px; font-weight:bold;}
.item-intro .describe p{color:#666666;font-family:Microsoft YaHei;line-height:24px;font-size:14px;}

#protel{overflow:hidden;width:100%; margin-top:30px;}
#protel p{background:url(dianhua.gif) no-repeat scroll left 5px;font-size:14px;padding:1% 1% 2% 10%;text-align:left;width:auto;}
#protel span{color:#e30f00;float:left;font-size:30px;font-weight:bold;margin-right:8px;margin-top:1%;width:auto;}
#protel a{color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;}
.line-zixun{background:#ff3a3b;color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;}
.line-order{background:#215998 ;margin-left:15px;color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;}
#pro_tj_lx a:hover{opacity: .7;}




.footer{background: #ededed;padding:48px 0 30px 0;overflow:hidden}
.footer1{background: #004a92;padding:28px 0 20px 0;color: #fff;text-align: center;}
.f1{padding-right: 10px;}

.dblx{background: url(dlx.jpg) left 10px no-repeat;}
.f2{padding-left:30px;}
.f3{padding-left: 30px;}
.f4{padding-left:30px;}
.f2 a,.f3 a{color: #555555;display: block;height: 36px;line-height: 36px;}
.f2,.f3,.f4{border-left: 1px solid #bebebe;height: 338px;color: #555555}
.footer h3{color: #004a92;font-size: 20px;margin-bottom: 20px;font-weight: bold;}

.dblx p{padding-left: 40px;line-height: 265%;color: #555555}
.f4 img{vertical-align: middle;display: block;margin-bottom:5px;margin-top: 5px}

.neaxtpg a{float: left; display: inline-block; width: 48%; text-align: center;padding: 10px 2%; border: 1px solid #ccc;margin: 0 1%;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.neaxtpg a:hover{ background: #0372cd; color: #fff}
.neaxtpg{margin: 20px 0}



.cont_tit { padding: 30px 0; border-bottom: 1px solid #eee; }
.cont_tit span { display: block; position: relative; padding-left: 15px; font-size: 40px; color: #333; }
.cont_tit span:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; }
.cont_mian > p { padding: 30px 0; font-size: 14px; color: #666; }
.cont_map { width: 100%; height: 370px; background: no-repeat center; background-size: cover; }
.cont_1 { padding: 0px 0 20px 0; border-bottom: 1px solid #eee; }
.cont_1 .dt { position: relative; width: 450px; }

.cont_1 .dt span { display: block; padding-left: 15px; font-size: 14px; color: #555; line-height:35px; }
.cont_2 { padding: 90px 0; }
.cont_ul { font-size: 0; }
.cont_ul li { display: inline-block; width: 330px;  box-sizing: border-box; vertical-align: top; }
.cont_ii { position: relative; }
.cont_ii .i { display: block; position: absolute; top: 0; left: -70px; width: 60px; height: 60px; background: no-repeat center; background-size: 100%; }
.cont_ii span { display: block; padding: 10px 0; }
.cont_ii span em { display: block; font-size: 20px; color: #444; line-height: 24px; }
.cont_ii span b { display: block; font-size: 12px; color: #555; line-height: 16px; }
.cont_ul .cont_txt span { display: block; margin-top: 20px; font-size: 30px; color: #ff0000; font-weight: 100; }
.cont_ul .cont_txt span em { display: block; margin-top: 5px; font-size: 14px; color: #555; line-height: 20px; }




.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}
