@charset "utf-8";
/*===================== 重置样式 START =====================*/
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
em,i{font-style: normal;font-weight: normal;}
li{list-style: none;}
a{ text-decoration: none;background: transparent;outline: none;height:100%;}
a:hover{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
img{ border: 0;vertical-align: middle;max-width:100%;}
table{ border-collapse: collapse; border-spacing: 0;}
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #000; }
html::-webkit-scrollbar{width:3px;height:3px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:0px;width:3px;height:3px;background-color:#c2001f;}
textarea{ resize:none; overflow: auto;}
input{ padding-top: 0; padding-bottom: 0;};
select,input{ vertical-align:middle; }
select,input,textarea{font-size:14px; margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after { clear: both;}
.fl{float: left;}
.fr{float: right;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;height: 100%; }
body{font-family: "Microsoft Yahei";font-size:16px;color:#000;min-height:100%;background-color: #fff;overflow-x:hidden;}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/
.header{background-color:#fff;height:125px;position: relative;}
.header .inner{width:1670px;margin:0 auto;}
.header .logo{margin:20px 134px 0 0;}
.header .logo a{display: block;}
.header .nav ul li{float: left;width:110px;height:125px;line-height:125px;}
.header .nav ul li a{display: block;font-size:16px;color:#000;text-align: center;display: block;}
.header .nav ul li a:hover, .header .nav ul li a.active{background-color:#c2001f;color:#fff;}
.header .call{margin-top:24px;height:70px;background:url(../images/call.png) 6px center no-repeat;padding-left:54px;}
.header .call p{font-size:18px;color:#000;padding:6px 0 4px 0;}
.header .call h3{font-weight:bold;font-size:32px;color:#c40000;font-family: impact;}

.header .product_son{display: none;position: absolute;left:0;top:125px;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;}
.header .product_son .item{width:15.6%;margin:0.5%;text-align: center;float: left;}
.header .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.header .product_son .item a, .header .product_son .item img{display: block;}

.footer{height:294px;background-color:#262626;padding-top:30px;}
.footer .inner{width:1220px;margin:0 auto;}
.footer .f_nav{font-size:0;text-align: center;}
.footer .f_nav a{font-size:16px;color:#fff;display: inline-block;margin:0 30px;}
.footer .box{margin-top:60px;}
.footer .box .l{width:216px;margin-right:60px;}
.footer .box .l a{display: block;}
.footer .box .m{padding-top:20px;border-left:1px solid #373737;padding-left:56px;width:734px;}
.footer .box .item{height:52px;padding-left:54px;float: left;margin-bottom:20px;width:310px;}
.footer .box .item p, .footer .box .item h3{font-size:16px;color:#fff;line-height:26px;}
.footer .box .item.i3 h3{font-weight:bold;}
.footer .box .item.i1{background:url(../images/footer1.png) left center no-repeat;width:270px;}
.footer .box .item.i2{background:url(../images/footer2.png) left center no-repeat;}
.footer .box .item.i3{background:url(../images/footer3.png) left center no-repeat;width:270px;}
.footer .box .item.i4{background:url(../images/footer4.png) left center no-repeat;}
.footer .box .r{width:152px;text-align: center;}
.footer .box .r p{font-size:16px;color:#fff;margin-top:10px;}
.copyright{padding:16px 0;background-color: #dc0000;font-size:16px;color:#fff;text-align: center;}
.copyright a, .copyright img{display: inline-block;margin:0 14px;}

.pub_title{width:515px;height:56px;padding-top:10px;text-align: center;background:url(../images/title_bg.png) center top no-repeat;margin:0 auto;}
.pub_title i{display: inline-block;width:83px;height:60px;vertical-align:bottom;background:url(../images/title_logo.png) center center/100% no-repeat;}
.pub_title h3{font-size:40px;color:#222222;display: inline-block;}
.pub_title h3 strong{font-weight:bold;color:#0096ff;}
.pub_title em{display: inline-block;width:54px;height:4px;background-color: #c2001f;}
/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/
.section_two{margin-top:66px;}
.section_two .bg{margin-top:30px;height:400px;background:url(../images/st_bg.png) center center no-repeat;border-top:1px solid #fff;}
#div1{height:236px;position: relative;overflow: hidden;width:1320px;margin:228px auto 0;}
#div1 ul {position: relative; }
#div1 ul li{float: left;text-align: center;margin-right:36px;}
#div1 ul li a{display: block;}
#div1 ul li img{width:172px;height:172px;border:6px solid #fff;border-radius:50%;}
#div1 ul li p{width:178px;height:28px;border:1px solid #c2001f;color:#333;border-radius:25px;line-height:28px;text-align: center;margin-top:22px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
#div1 ul li:hover img{border-color:#c2001f;}
#div1 ul li:hover p{margin-top:16px;}

.section_three{margin-top:140px;}
.section_three .inner{width:1670px;margin:0 auto;}
#demo1{height:770px;overflow: hidden;}
#demo1 .list{ display:block;overflow:hidden;}
#demo1 .list li{float: left;width:398px;margin-right:26px;margin-bottom: 46px;}
#demo1 .list li a{display: block;}
#demo1 .list li .title{height:84px;border-bottom:1px solid #d0d0d0;padding:0 25px;}
#demo1 .list li .title span{display:block;font-size:16px;color:#000;line-height:42px;}
#demo1 .list li .title strong{font-weight:bold;font-size:22px;font-family: impact;color:#c2001f;}
#demo1 .list li .title strong i{display: inline-block;width:18px;height:18px;background:url(../images/ico1.png) center center no-repeat;margin-right:4px;}
#demo1 .list li .title em{width:116px;height:25px;border:1px solid #bbbbbb;text-align: center;line-height:25px;font-size:14px;color:#424242;border-radius:30px;}
#demo1 .list li:hover .title{background-color: #c2001f;color:#fff;}
#demo1 .list li:hover a{background-color: #fff;border-color:#fff;}
#demo1 .list li:hover span, #demo1 .list li:hover strong{color:#fff;}
#demo1 .list li:hover .title strong i{background:url(../images/ico2.png) center center no-repeat;}
#demo1 .list li:hover em{background-color: #fff;color:#424242;}

.section_four{background:url(../images/d2.jpg) center center/cover no-repeat;background-attachment: fixed;margin-top:100px;padding:84px 0;}
.section_four .auto{width:1300px;margin:0 auto;}
.section_four .left{width:600px;}
.section_four .right{width:596px;}
.section_four .info, .section_four .info p{font-size:16px;line-height:36px;color:#fff;text-indent:2em;margin-top:40px;}
.section_four .call{margin-top:60px;cursor:pointer;width:466px;height:44px;border:1px solid #0096ff;border-radius:30px;font-family:impact;line-height:44px;text-indent:1em;overflow: hidden;font-size:30px;font-weight:bold;color:#fff;font-size:30px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.section_four .call a{width:190px;height:44px;float: right;font-size:16px;color:#fff;line-height:44px;text-indent:3em;border-top-left-radius:30px;border-bottom-left-radius:30px;background:#0096ff url(../images/d4.png) 120px center no-repeat;}
.section_four .call:hover{width:510px;text-indent:2em;}

.section_five{width:1220px;margin:60px auto 0;font-size:0;}
.section_five strong{display: inline-block;font-size:16px;margin-top:20px;}

.section_six{margin-top:80px;height:852px;background:url(../images/bg3.jpg) center top no-repeat;}
.section_six .inner{width:1220px;margin:0 auto;}
.section_six .item h3{font-weight:bold;font-size:46px;color:#ff0000;padding:120px 0 10px;}
.section_six .item h4{font-size:50px;color:#ffffff;}
.section_six .item a{display: block;margin:40px 0;width:220px;height:56px;color:#fff;border-radius:4px;line-height:56px;text-align: center;font-size:34px;background-color: #0096ff;}
.section_six .item p{font-size:26px;color:#fff;font-family:"microsoft JhengHei";margin-bottom:40px;}
.section_six .box{width:1380px;background-color:#ffffff;padding-top:35px;margin:0 auto;padding-bottom:10px;}
#div2{height:283px;position: relative;overflow: hidden;width:1250px;margin:0 auto;}
#div2 ul {position: relative;}
#div2 ul li{float: left;width:302px;margin-right:16px;}
#div2 ul li a{display: block;}
#div2 ul li .img{overflow: hidden;}
#div2 ul li img{display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#div2 ul li strong{height:56px;text-align: center;display: block;color:#333;line-height: 56px;}
#div2 ul li:hover img{-webkit-transform:scale(1.3, 1.3);-moz-transform:scale(1.3, 1.3);-o-transform:scale(1.3, 1.3);-ms-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3);}
#div2 ul li:hover strong{background-color: #cf0000;color:#fff;}

.section_seven{height:133px;background:url(../images/z1.png) center center no-repeat;}

.section_eight .inner{width:1220px;margin:0 auto;padding:60px 0;}
.section_eight .title h3{font-size:38px;color:#cf0000;}
.section_eight .title p{font-weight:bold;color:#818181;font-size:38px;}
.section_eight .item_box{padding:0 60px;}
.section_eight .item{width:24%;float: left;margin:0 0.5%;overflow: hidden;}
.section_eight .item a{display: block;position: relative;}
.section_eight .item .db{position: absolute;position: absolute;left:0;top:0;width:100%;height:100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.section_eight .item .db h3{text-align: center;font-size:28px;color:#fff;font-weight:bold;padding:25% 0 20px 0;}
.section_eight .item .db img{margin:0 auto;display: block;}
.section_eight .item .shadow{position: absolute;left:0;top:100%;padding:0 10%;width:80%;height:100%;background:rgba(220,0,0,0.55);-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.section_eight .item .shadow h4{font-weight:bold;font-size:28px;color:#fff;margin-top:10%;}
.section_eight .item .shadow p{font-size:16px;color:#fff;line-height:28px;}
.section_eight .item .shadow i{display: block;margin-top:40px;width:45px;height:45px;background:url(../images/x3.png) center center no-repeat;}
.section_eight .item:hover .db{top:-100%;}
.section_eight .item:hover .shadow{top:0;}

.section_nine{height:660px;background:url(../images/bg1.jpg) center center no-repeat;padding-top:80px;}
.tabbox {width:1200px;margin:50px auto 0;}
.tabbox .content {width:580px;overflow: hidden;position: relative;height:544px;}
.tabbox .content ul {position:absolute;left: 0;top: 0;height: 100%;}
.tabbox .content li{width:580px;float: left;}
.tabbox .content li img{display: block;width:576px;border:2px solid #ececec;     height: 380px;}
.tabbox .content li h3{font-size:16px;color:#0b0b0b;margin:20px 0 0;height:36px;line-height:36px;padding:0 10px;}
.tabbox .content li p{font-size:14px;line-height:24px;color:#464646;padding:0 10px;}
.tabbox .tab {width:580px;}
.tabbox .tab .item{width:580px;height:138px;margin-bottom:24px;}
.tabbox .tab .item a{display: block;}
.tabbox .tab .item .img{height:136px;width:172px;border:1px solid #ccc;overflow: hidden;margin-right:20px;}
.tabbox .tab .item .img img{display: block; max-width:none;}
.tabbox .tab .item .info{width:376px;height:138px;padding-right:10px;}
.tabbox .tab .item h3{font-size:18px;color:#161616;padding:25px 0 10px 0;}
.tabbox .tab .item p{font-size:14px;color:#5a5a5a;line-height:22px;height:66px;overflow: hidden;}
.tabbox .tab .item.on{background-color:#d32310;}
.tabbox .tab .item.on h3, .tabbox .tab .item.on p{color:#fff;}
.tabbox h3 strong{width:70%;display: inline-block;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

/*===================== 首页 END =====================*/

/*===================== 响应式代码 START =====================*/
@media( max-width:1673px ){
	.header .inner, .section_three .inner{width:1400px;}
	.header .logo{margin:30px 32px 0 0;}
	.header .nav ul li{width:98px;}
	#demo1 .list li{width:330px;}
	#demo1 .list li .title em{width:100px;}
	#demo1 .list li .title{padding:0 10px;}
}
@media( max-width:1403px ){
	.inner, .section_four .auto, .section_six .box, .header .inner, .section_three .inner{width:1220px;margin:0 auto;}
	.header .logo{width:200px;margin-right:20px;margin-top:40px;}
	.header .call h3{font-size:22px;}
	.header .call p{font-size:14px;}
	.section_eight .item .shadow h4{font-size:22px;}
	.section_eight .item .shadow p{font-size:14px;}
	.section_eight .item .shadow img{margin-top:20px;}
	#div2{width:1100px;}
	#demo1 .list li{width:280px;}
}
/*===================== 响应式代码 END =====================*/

.wk_position{height:60px;line-height:60px;padding:0 30px;border-bottom:1px solid #ccc;color:#8f8f8f;}
.wk_position a{display: inline-block;font-size:14px;color:#8f8f8f;}
.wk_position img{display: inline-block;height:26px;margin-top:-2px;margin-right:10px;}
.wk_position .fr{color:#c40000;font-size:20px;font-weight:bold;}

.wk_main{width:1200px;margin:0 auto;padding:30px 0;}

#map_box{height:500px;}
.map_title{font-size:18px;color:red;line-height: 34px;}
.map_content{font-size:14px;color:#003385;line-height: 24px;}
.BMap_shadow img{max-width:none !important;}

.error3{display: none;}

#colse{display: block;width: 5%;height: 80px;position: fixed;left: 0px;top: 0;margin:auto;z-index: 998;overflow: hidden;transform: translateX(-100%);transition: 400ms;bottom:0;cursor: pointer;}
.frameClose span{ display: block; width: 100%; height: 100%; text-align: center;transition: 0.4s;}
.frameClose span.i0{ font: 16px/1.2 "microsoft yahei"; color: #fff; background-color: #e50101; padding-top: 20px; height: 80px; position: absolute; left: 0px; top: 0px;}
.frameClose span.i1{ background:url(../images/fram_close.png) no-repeat scroll center center #b40202; color: #fff; position:absolute; left: 100%; top: 0px; }
.frameClose:hover span.i0{ left: -80px;}
.frameClose:hover span.i1{ left: 0px;}
#bg{position: fixed;top: 0;left: 0;height: 100%;bottom:0;width:100%;z-index: 997;background: rgba(0,0,0,.5);opacity: 0;visibility: hidden;transition: all .5s;}

#div3{height:210px;padding-top:10px;position: relative;overflow: hidden;width:1200px;margin:100px auto 0;}
#div3 ul{position: relative;}
#div3 ul li{overflow: hidden;float: left;margin:0 10px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#div3 ul li a{display: block;}
#div3 ul li img{width:160px;height:160px;border-radius:50%;border:2px solid #fff;margin:0 auto;display: block;}
#div3 ul li h3{margin-top:10px;padding:0 10px;font-size:16px;color:#fff;background:#203d99;border:1px solid #203d99;height:34px;line-height:34px;border-radius:10px;text-align: center;}
#div3 ul li:hover h3{background-color: #fff;color:#203d99;}
#div3 ul li:hover{margin-top:-10px;}




#indemoa {	WIDTH: 9999px; FLOAT: left; overflow:hidden; }

#demoa2 {	FLOAT: left}

#demo {
	WIDTH:1260px; OVERFLOW:hidden; height:250px; margin:0 auto; }

#indemo {
	WIDTH:9999px; FLOAT:left
}
#demo1 {
	FLOAT:left
}
#demo2 {
	FLOAT:left
}

.showcar li{width:230px; height:225px; float:left; margin:18px 15px 0 16px; border:1px solid #d8d8d8; overflow:hidden; display:inline;}
.showcar li img{width:295px; height:220px; margin:4px;}
.showcar li p{width:230px; height:31px; background:#d8d8d8; text-align:center; line-height:31px;}
.showcar li a{color:#333;}