@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote,h1,h2,h3,h4,h5,h6,p
{ margin:0px; padding:0px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
fieldset, img { border:0px; }
iframe {background-image: none; }
input,textarea{outline:none;}
.clear {clear:both; height:0px;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
body,html{font-family:"微软雅黑"; color:#202020; font-weight:400; background: #fff; -webkit-text-size-adjust:none; font-size:14px; min-width: 1200px;}
a{text-decoration:none; color:#202020; transition: all .3s ease;}
a:hover{text-decoration:none; color:#b50d11;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.ani5{transition: all ease-in-out .5s;}
.ani{overflow: hidden;}
.ani img{transition: all ease-in-out .3s; display: block;}
.ani:hover img{ transform: scale(1.05);}
.h10px{ height:10px; width:100%; clear:both;}
.h15px{ height:15px; width:100%; clear:both;}
.h20px{ height:20px; width:100%; clear:both;}
.h25px{ height:25px; width:100%; clear:both;}
.h50px{ height:50px; width:100%; clear:both;}
.mt15px{ margin-top:15px;}
.mt10px{ margin-top:10px;}
.mt20px{ margin-top:20px;}
.mt30px{ margin-top:30px;}
.mr15px{margin-right: 15px;}
.w1200{width:1200px; margin:0 auto;}
.blod{ font-weight:bold;}
.txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
center{ text-align:center; line-height:60px; font-family:"微软雅黑"}
em,i{ font-style:normal;}
.tecen{ text-align: center !important;}
.red{color: red;}
.w100{width: 100%; overflow: hidden; position: relative; z-index: 0; min-width: 1200px;}

/*
 关于我们
 * */
#head{height: 120px; position: relative;}
.logo{display: block; float: left; width: 318px; height: 76px; margin: 20px 0 0;}
.navcon{float: right; height: 120px;}
.navcon li{float: left; height: 120px; width: 96px;}
.navcon li a{ text-align: center; height: 72px; font: 400 14px/72px "微软雅黑"; padding: 48px 0 0; display: block; color: #333; position: relative;}
.navcon li a i{display: block; width: 0; height: 2px; position: absolute; left: 50%; bottom: 0; background: #fe0f00; transition: all ease-in-out .3s;}
.navcon li a:hover{color: #fe0f00;}
.navcon li a:hover i{width: 100%; left: 0;}
.navcon li.hover{color: #fe0f00;}
.navcon li.hover a i{width: 100%; left: 0;}
.h_tel{background: #fff; position: absolute; top: 0; right: 0; padding: 12px 0 0; height: 38px; font: 400 14px/38px "微软雅黑"; text-align: right; overflow: hidden;}
.h_tel i{display: inline-block; vertical-align: middle; width: 19px; height: 19px;background: url(../images/h_tel.jpg); margin-right: 5px; margin-bottom: 3px;}
.h_tel em{font-size: 22px; font-weight: bold; font-family: "arial"; color: #f73b00;}

#ban{position: relative; height: 550px;}
.banner{width: 1920px; position: absolute; top: 0; left: -360px; height: 550px; overflow: hidden;}
#banner{position: relative; width: 1920px; height: 550px;}
.banner ul{position: absolute; top: 0; left: 0; height: 550px;}
.banner ul li{width:1920px; height: 550px; float: left;}
.banner ul li a{display: block;}
.banner .btn{position: absolute; text-align: center; left: 0; bottom: 10px; width: 100%; height: 10px; padding: 4px 5px 0 0;}
.banner .btn span{width: 10px; height: 10px; border-radius: 50em; display: inline-block; vertical-align: top; text-align: center; font: 400 14px/18px arial; color: #fff; text-indent: 100px; overflow: hidden; background: #fff; cursor: pointer; margin-right: 5px;}
.banner .btn span.on{background: #0eb04e;}

#imain1{padding: 62px 0 0;}
.im_con1{height: 345px; padding: 75px 0 0;}
.im_tit1{height:78px; background: url(../images/i_line1.jpg) left 28px repeat-x;}
.im_tit1 img{display: block; margin: 0 auto;}
.im_tit1 p{width: 300px; background: #fff; margin: 0 auto 8px;}
.im_tit1 p.p2{background: #e8eff2;}
.im_c1lf{float: left; width: 514px; height: 275px; padding: 0 68px 0 15px;}
.im_c1lf img{width: 514px; height: 275px;}
.im_c1ri{float: left; width: 560px; padding: 36px 0 68px; font: 400 14px/28px "微软雅黑"; color: #666; position: relative;}
.im_c1ri a{display: block; position: absolute; right: 0; bottom: 0; font-size: 18px; color: #e84f34;}

#imain2{background: #076aba; padding: 60px 0 0;}
.im_tit2{height: 78px; background: url(../images/i_line2.jpg) left 30px repeat-x;}
.im_tit2 p{height: 50px; width: 288px; background: #076ABA; margin: 0 auto;}
.im_tit2 img{display: block; margin: 0 auto;}
.im_con2{height: 355px; padding: 58px 0 0; position: relative;}
.im_c2nr{height: 270px;}
.im_c2nr li{width: 299px; height: 224px; margin: 0 1px 0 0; position: relative; float: left;}
.im_c2nr li img{display: block; width: 299px; height: 224px;}
.im_c2nr li .txt{position: absolute; left: 0; bottom: 0; height: 40px; text-align: center; font: 400 16px/40px "微软雅黑"; color: #fff; background: url(../images/bg70.png); width: 100%; z-index: 1; display: block;}
.im_c2nr li .son{position: absolute; left: 0; top: 0; width: 209px; height: 212px; background: url(../images/bg90.png); padding: 12px 45px 0; text-indent: 40px; display: none;}
.im_c2nr li .son h3{font:bold 18px/36px "微软雅黑"; color: #fff;}
.im_c2nr li .son h3 a{font:bold 18px/36px "微软雅黑"; color: #fff;}
.im_c2nr li .son a{display: block; height: 32px; border-bottom: #f78975 dotted 1px; font: 400 14px/32px "微软雅黑"; color: #fff;}
.im_c2nr li .son a:hover{text-decoration: underline;}
.im_con2 .more{font: 400 16px/32px "微软雅黑"; color: #fff; text-align: center;}
.im_con2 .more a{color: #fff;}

#imain3{padding: 70px 0 0;}
.im_con3{height: 310px; padding: 74px 0 0;}
.im_con3 .c1{height: 305px; overflow: hidden;}
.im_con3 .c1 dl{float: left; width: 390px; padding-left: 10px; height: 156px;}
.im_con3 .c1 dl dt{float: left; width: 106px; height: 106px;}
.im_con3 .c1 dl dd{float: left; padding: 8px 0 0 18px; width: 238px;}
.im_con3 .c1 dl dd h3{font: bold 16px/36px "微软雅黑"; color: #333;}
.im_con3 .c1 dl dd .text{font: 400 14px/20px "微软雅黑"; color: #666;}

.im_con3 .c2{height: 185px; overflow: hidden; padding-left:30px;}
.im_con3 .c2 li{width: 225px; height: 185px; float: left;}
.im_con3 .c2 li .pic{width: 200px; height: 150px; padding:1px 11px 11px 1px; background:url(../images/honor_bg.jpg);}

#imain4{padding: 70px 0 0; background: #e8eff2;}
.im_con4{height: 490px; padding: 44px 0 0;}
.im_con4 dl{float: left; width: 585px; padding-left: 15px; height: 137px;}
.im_con4 dl dt{float: left; width: 175px; height: 117px;}
.im_con4 dl dd{float: left; width: 325px;}
.im_con4 dl dd h3{font: bold 18px/32px "微软雅黑"; color: #333;}
.im_con4 dl dd h3 em{font-family: arial; font-size: 20px; font-style: italic;}

#imain5{padding: 72px 0 0;}
.im_con5{height: 305px; padding: 35px 0 0; overflow: hidden;}
.im_con5 li{width: 300px; height: 222px; position: relative; float: left;}
.im_con5 li .pic{display: block; width: 296px; height:222px; margin: 0 auto;position: relative;}
.im_con5 li .txt{display: block; width: 296px; height: 38px; background: url(../images/bg70.png); text-align: center; font: 400 14px/38px "微软雅黑"; color: #fff;position: absolute; left: 2px; bottom: 0;}

.im_con6{height: 405px; padding: 35px 0 0;}
.im_c6qh{height: 98px; text-align: center;}
.im_c6qh a{display: inline-block; vertical-align: top; border: #1259b1 solid 1px; height: 40px; width: 140px; font: 400 16px/40px "微软雅黑"; color: #333; background: #f2f5f8; margin: 0 5px;}
.im_c6qh a.a2{background: #faf2f0; border: #e84f34 solid 1px; color: #e84f34;}
.im_c6lf{float: left; width: 704px; height: 205px; padding: 17px 0 0 32px; border-right: #dcd9d9 dashed 1px;}
.im_c6lf .pic{float: left; width: 240px; height: 180px;}
.im_c6lf .text{float: left; width: 365px; padding: 10px 0 0 22px;}
.im_c6lf .text .txt{height: 36px; font: 400 16px/36px "微软雅黑"; color: #222; display: block;}
.im_c6lf .text .nr{/*height: 88px; font: 400 14px/24px "微软雅黑";*/ padding: 8px 0 0; color: #666;}
.im_c6lf .tim{width: 108px; height: 26px; background: #e84f34; border-radius: 20px; text-align: center; font: 400 14px/26px arial; color: #fff;}
.im_c6ri{float: right; width: 420px;}
.im_c6ri li{height: 63px;}
.im_c6ri li .tim{height: 18px; font: 400 14px/18px arial; color: #666; padding-left: 18px;}
.im_c6ri li .txt{display: block; padding-left: 18px; background: url(../images/news_ico.jpg) left center no-repeat; height: 26px; font: 400 16px/26px "微软雅黑"; color: #222;}
.im_c6ri li .txt:hover{color: #e84f34;}

.im_con7{height: 225px; padding: 55px 0 0;}
.im_con7 li{width: 200px; float: left; height: 100px;}
.im_con7 li a{display: block; margin: 0 auto; width: 170px; height: 60px;}

#boot{background: #076aba;}
.bt_con{height: 348px; padding: 38px 0 0;}
.bt_con1{height: 195px; padding: 0 0 0 406px;}
.bt_logo{display: block; margin: 20px 60px 0 0; width: 132px; height: 103px; float: left;}
.bt_ewm{float: left; border-left: #4f95ce solid 1px; padding: 0 0 0 52px; width: 147px; height: 147px;}
.bt_con2{height: 66px; text-align: center; font: bold 24px/40px "微软雅黑"; color: #fff;}
.bt_con2 em{font-family: arial;}
.bt_con3{text-align: center; font: 400 14px/24px "微软雅黑"; color: #74b9f1;}
.bt_con3 a{color: #74b9f1;}
.bt_con3 a:hover{color: #fff;}
#foot{background: #02579b;}
.ft_con{height: 55px; text-align: center; font: 400 14px/55px "微软雅黑"; color: #95adca; overflow:hidden;}
.ft_con .fx{height: 17px; width: 120px; background: url(../images/bt_fx.jpg) left center no-repeat; display: inline-block; vertical-align: middle;}
.ft_con .fx a{background: none !important; width: 16px !important; height: 16px !important; float: left; margin-right: 5px !important;}




/*
 关于我们
 * */
#nban{height: 300px; margin: 0 auto; position: relative;}
.nbanner{width: 1920px; height: 300px; position: absolute; left: -360px; top: 0;}

#nmain{padding: 20px 0 50px;}
.n_left{float: left; width: 250px;}
.n_left .tit{height: 44px; border-bottom: #dcd9d9 solid 1px;}
.n_left .tit h3{height: 44px; border-bottom: #4e4843 solid 1px; margin-bottom: -1px; width: 135px; font: 400 20px/44px "微软雅黑"; color: #333; text-indent: 10px;}

.n_type{padding: 15px 0 20px 11px; width: 218px;}
.n_type a{display: block; height: 38px; margin-bottom: 1px; text-indent: 46px; font: 400 14px/38px "微软雅黑"; color: #2d2d2d; width: 218px; transition: 0s; background: #eeeceb;}
.n_type a.one{margin-bottom: 3px; font-size: 16px; background: #076aba; color: #fff;}
.n_type a.hover{background: #de2629 url(../images/ty_ico.jpg) 34px center no-repeat; padding-right: 5px; color: #fff !important;}
.n_type a:hover{background: #de2629 url(../images/ty_ico.jpg) 34px center no-repeat; padding-right: 5px; color: #fff !important;}
.n_type a.three{color: #666;}

.n_right{float: right; width: 930px;}
.n_dqwz{height: 44px; border-bottom: #dcd9d9 solid 1px;}
.n_dqwz h3{height: 44px; border-bottom: #4e4843 solid 1px; margin-bottom: -1px; width: 135px; font: 400 20px/44px "微软雅黑"; color: #333; text-indent: 20px; float: left;}
.n_dqwz p{float: right; padding: 0 15px 0 0; font: 400 14px/30px "微软雅黑"; color: #333;}
.n_dqwz p a{color: #333;}
.n_dqwz p a:hover{color: #de2629;}
.n_dqwz p span{color: #DE2629;}
.n_ncon{padding: 20px 20px 30px 20px; font: 400 14px/200% "微软雅黑"; color: #333; min-height: 300px;}

.lf_tit{font:400 18px/42px "微软雅黑"; padding-left: 11px; color: #333;}
.lf_lj{width: 218px; padding-left: 11px;}
.lf_lj a{display: block; height: 71px; margin-bottom: 1px; text-align: center; font: 400 18px/70px "微软雅黑"; color: #fff;}
.lf_lj a img{width: 26px; display: inline-block; vertical-align: middle; margin: 0 5px 2px 0;}
.lf_lj a.a1{background: #1259b1;}
.lf_lj a.a2{background: #2969b9;}
.lf_lj a.a3{background: #417ac1;}

/*
 新闻中心
 * */

.n_news{padding: 50px 0 0 35px;}
.n_news dl{height: 188px;}
.n_news dl dt{float: left; width: 270px; height: 188px;}
.n_news dl dt .pic{display: block; width: 270px; height: 188px;}
.n_news dl dd{float: left; width: 610px;}
.n_news dl dd .c1{display: block; height: 30px; margin: 32px 0 0; font: 400 16px/30px "微软雅黑"; color: #de2629;}
.n_news dl dd .c1 .txt{float: left; color: #de2629;}
.n_news dl dd .c1 .txt:hover{color: #333;}
.n_news dl dd .c1 span{float: right; color: #222; font-family: arial;}
.n_news dl dd .text{height: 52px; padding: 15px 0 0; font: 400 14px/22px "微软雅黑"; color: #999;}
.n_news dl dd .text a{color: #ea2a0c;}
.n_news2 li{height: 82px; border-bottom: #d2d2d2 dotted 1px; padding: 25px 35px 0 20px;}
.n_news2 li .c1{height: 28px; font: 400 16px/28px "微软雅黑";}
.n_news2 li .c1 a{color: #333; float: left; background: url(../images/news_ico.jpg) left center no-repeat; padding-left: 36px;}
.n_news2 li .c1 a:hover{color: #de2629;}
.n_news2 li .c1 span{float: right; font-family: arial;}
.n_news2 li .text{height: 32px; font: 400 14px/32px "微软雅黑"; color: #999; padding-left: 20px;}

.v_tit{padding: 10px 30px 0; font: bold 20px/70px "微软雅黑"; color: #222; text-align: center; border-bottom: #D2D2D2 solid 1px;}
.v_tim{text-align: center; height: 60px; font: 400 14px/60px "微软雅黑"; color: #999;}
.v_tim img{display: inline-block; vertical-align: middle; margin-right: 10px; cursor: pointer;}
.v_ncon{padding: 10px 30px 20px; font: 400 14px/200% "微软雅黑"; color: #333; min-height: 300px;}

.updown{padding: 30px 0;}
.updown div{width: 50%; height: 58px; border-top: #d7d7d7 solid 1px; border-bottom: #d7d7d7 solid 1px; font: 400 14px/58px "微软雅黑"; color: #333;}
.updown div a{color: #333;}
.updown div a:hover{color: #0EB04E;}

/*
 产品中心
 * */
.pro_list{padding: 20px 0 0;}
.pro_list li{float: left; width: 300px; height: 287px; margin: 0 0 52px 8px; border: #dcd9d9 solid 1px;}
.pro_list li .pic{display: block; width: 300px; height: 225px;}
.pro_list li .txt{display: block; padding: 0 15px; height: 62px; background:#faf9f9; font: 400 14px/62px "微软雅黑"; color: #333;}

.pv_con1{height: 368px; padding: 20px 0 0;}
.pv_con1 .pic{float: left; width: 450px; height: 338px; border: #ceced2 solid 1px;}
.pv_con1 .text{float: right; width: 438px; margin:0 20px 0 0;}
.pv_con1 .text .txt{height: 52px; background: #f1f1f1; padding: 0 20px; font: 400 20px/52px "微软雅黑"; color: #222;}
.pv_con1 .text h3{height: 31px; padding: 28px 0 0 15px; font:bold 14px/30px "微软雅黑"; color: #222; border-bottom: #d2d2d2 solid 1px;}
.pv_con1 .nr{padding: 15px 15px 0 15px; font: 400 14px/24px "微软雅黑"; color: #222;}
.pv_bt2{height: 43px; border-bottom: #d2d2d2 solid 1px; font: 400 20px/42px "微软雅黑"; color: #076aba;}
.pv_ncon{padding: 15px 15px 15px 0; font: 400 14px/200% "微软雅黑"; color: #333;}


.pv_con3{height: 580px; padding: 36px 0 0;}
.pv_con3 .c1{height: 395px; overflow: hidden;}
.pv_con3 .c1 dl{float: left; width: 360px; padding-left: 30px; height: 123px;}
.pv_con3 .c1 dl dt{float: left; width: 106px; height: 106px;}
.pv_con3 .c1 dl dd{float: left; padding: 8px 0 0 18px; width: 210px;}
.pv_con3 .c1 dl dd h3{font: bold 16px/36px "微软雅黑"; color: #333;}
.pv_con3 .c1 dl dd .text{font: 400 14px/20px "微软雅黑"; color: #666;}

.pv_con3 .c2{height: 185px; overflow: hidden;}
.pv_con3 .c2 li{width: 225px; height: 185px;}
.pv_con3 .c2 li .pic{width: 200px; height: 150px; padding:1px 101px 101px 1px; background:url(../images/honor_bg.jpg);}

.pv_con4{height: 490px; padding: 36px 0 0;}
.pv_con4 dl{float: left; width: 450px; padding-left: 15px; height: 142px;}
.pv_con4 dl dt{float: left; width: 175px; height: 117px;}
.pv_con4 dl dd{float: left; width: 268px;}
.pv_con4 dl dd h3{font: bold 18px/32px "微软雅黑"; color: #333;}
.pv_con4 dl dd h3 em{font-family: arial; font-size: 20px; font-style: italic; }
.pv_con4 dl dd .text{color: #666; padding: 5px 0 0;}

.page{padding:50px 20px 50px; text-align: center; font: 400 14px/38px "微软雅黑"; color: #000;}
.page a{display: inline-block; vertical-align: middle; color: #000; width: 38px; height: 38px; border: #e5e5e5 solid 1px; margin-left: -1px;}
.page a.auto{width: auto; padding: 0 12px;}
.page a:hover{background: #d70d19; color: #fff; border: #d70d19 solid 1px; text-decoration: none;}
.page a.hover{background: #d70d19; color: #fff; border: #d70d19 solid 1px; text-decoration: none;}
.page span{display: inline-block; vertical-align: middle; color: #000; padding: 0 10px;}
.page form{display: inline-block; vertical-align: middle; *display:inline; *zoom: 1;}
.page form input{width: 38px; height: 38px; margin: 0 5px; display: inline-block; vertical-align: middle; text-align: center; border: #E5E5E5 solid 1px; font: 400 14px/38px "微软雅黑"; color: #222;}
.page form input.btn{width: 60px; height: 40px; background:#d70d19; border: #d70d19 solid 1px; cursor: pointer; color: #fff;}

.case_list li{float: left; width: 293px; height: 274px; margin-right: 9px; margin-bottom:30px;}
.case_list li:nth-child(4n){margin-right: 0;}
.case_list li a{display: block; background: #f1f0f1;}
.case_list li a img{display: block; width: 293px; height: 220px;}
.case_list li a h4{text-align: center; font: 400 14px/44px"微软雅黑"; color: #333;}
.case_list li a:hover{background: #d70d19; color: #fff;}
.case_list li a:hover h4{color: #fff;}