body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img{ border:0;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

/*顶部*/
.tops { width:100%; height:30px; line-height:30px; background:#0a79ed;}
.tops p { float:left; font-size:12px; color:#fff;}
.tops li { float:right; margin-left:30px; position:relative;}
.tops li::after { display:block; content:""; width:1px; height:12px; background:rgba(255,255,255,0.5); position:absolute; left:-15px; top:13px;}
.tops li:last-child::after { display:none;}
.tops li a { display:block; font-size:12px; color:#fff;}

/*头部*/
.head { width:100%; height:85px; padding:10px 0;}
.head .logo { float:left; max-width:300px; height:85px; overflow:hidden;}
.head .logo img { display:block; height:100%;}
.head .msg { float:left; height:55px; margin:15px 0 0 40px; position:relative;}
.head .msg::after { display:block; content:""; width:1px; height:50px; background:#ddd; position:absolute; left:-30px; top:5px;}
.head .msg h3 { line-height:30px; font-size:20px; color:#333;}
.head .msg p { line-height:25px; font-size:16px; color:#999; letter-spacing:2px;}
.head .tel { float:right; padding-left:60px; margin-top:18px; background:url(../images/tel.png) no-repeat left center;}
.head .tel span { display:block; line-height:20px; font-size:14px; color:#999;}
.head .tel h3 { line-height:30px; font-size:28px; color:#ea8010;}

/*导航*/
.nav { width:100%; height:50px; background:#0a79ed; position:relative; z-index:999999;}
.nav li { float:left; line-height:50px; position:relative;}
.nav li a { display:block; font-size:16px; color:#fff; padding:0 31.7px;}
.nav li:hover,.nav .on { background:#096ed8;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative;}
.banner #banBox li { width:100%; height:370px; overflow:hidden; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.banner #banBox li a { display:block; width:100%;}
.banner #banNumID { display:block; width:100%; height:30px; text-align:right; position:absolute; bottom:0; z-index:2;}
.banner #banNumID li { display:inline-block; width:25px; line-height:25px; font-size:14px; color:#f00; text-align:center; margin:0 5px; border:1px solid #d00000; background:#fff}
.banner #banNumID .active { color:#fff; background:#f00;}

/*二级banner*/
.banner_ej { width:100%; height:320px; margin:0 auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}

/*友情链接*/
.link { width:100%; line-height:25px; padding:20px 0; background:#0a79ed;}
.link span { font-size:18px; color:#fff; text-transform:Uppercase; margin-right:25px;}
.link a { font-size:16px; color:#fff; margin-right:25px;}

/*脚部*/
.footer { width:100%; padding-top:50px; background:#333;}
.footer a { color:#999;}
.footer a:hover { color:#ddd;}
.footer h3 { line-height:40px; font-weight:500; font-size:18px; color:#fff;}
.footer h3 i { font-style:normal; font-size:14px; color:#666; text-transform:Uppercase; margin-left:10px; position:relative; top:2px;}
.footer h4 { line-height:40px; font-weight:500; font-size:16px; color:#fff;}
.footer .lxwm { float:left; width:465px;}
.footer .lxwm h4 { margin:60px 0 15px 0; position:relative;}
.footer .lxwm h4::after { display:block; content:""; width:30px; height:2px; background:#999; position:absolute; left:0; top:-20px;}
.footer .lxwm p { line-height:30px; font-size:14px; color:#999;}
.footer .kjdh { float:left; width:440px;}
.footer .kjdh li { float:left; width:145px;}
.footer .kjdh li h4 { margin:35px 0 10px 0;}
.footer .kjdh li a { display:block; line-height:35px; font-size:14px;}
.footer .imgs { float:right; width:145px;}
.footer .imgs img { display:block; width:105px; height:105px; margin-top:45px; border:2px solid #fff;}
.footer .imgs p { width:108px; line-height:30px; font-size:14px; color:#999; text-align:center; margin-top:5px;}
.footer .copy { line-height:30px; font-size:14px; color:#999; margin-top:30px; padding:15px 0; border-top:1px solid #3e3d45;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*右侧客服*/
.webonline { width:65px; padding:5px; background:#0a79ed; position:fixed; right:0; bottom:10%; z-index:999999;}
.webonline li { width:100%; padding:8px 0; text-align:center; border-top:1px solid #1a446d; position:relative;}
.webonline li:first-child { border-top:none;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; width:40px; height:35px; line-height:35px; font-family:FontAwesome; font-style:normal; font-size:24px; color:#0a79ed; text-align:center; padding-top:5px; margin:0 auto; border-radius:50%; background:#fff;}
.webonline li .ontop i img { display:block; width:30px; height:30px; margin:0 auto;}
.webonline li .ontop p { line-height:25px; font-size:12px; color:#fff;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#0a79ed; position:absolute; right:80px; top:10px;}
.webonline li .onlft::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #0a79ed; line-height:0px; _border-color:#000 #000 #000 #0a79ed; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; top:16px;}
.webonline li .onlft p { width:145px; height:35px; line-height:35px; font-size:20px; color:#fff;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover .onlft { display:block;}
.webonline li.btn_top { display:none;}

/*公共标题*/
.tits { width:100%; margin-bottom:30px; text-align:center;}
.tits h3 { line-height:40px; font-family:"宋体"; font-size:30px; color:#333; position:relative;}
.tits h3::before,.tits h3::after { display:block; content:""; width:150px; height:1px; margin:auto; background:#0a79ed; position:absolute; top:0; bottom:0;}
.tits h3::before { left:300px;}
.tits h3::after { right:300px;}
.tits h3 b { color:#0a79ed;}
.tits p { line-height:20px; font-size:14px; color:#999; letter-spacing:1px; text-transform:Uppercase;}

/*搜索*/
.serch { width:100%; height:35px; padding:15px 0; background:#f9f9f9;}
.serch p { float:left; max-width:60%; line-height:35px; font-size:14px; color:#333;}
.serch p a { margin-right:20px; position:relative;}
.serch p a::after { display:block; content:""; width:1px; height:11px; background:#999; position:absolute; right:-12.5px; top:6px;}
.serch p a:last-child::after { display:none;}
.serch .rgt { float:right; border:1px solid #0a79ed; border-radius:4px; overflow:hidden;}
.serch .rgt input { float:left; width:200px; height:33px; line-height:33px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.serch .rgt .btn { width:50px; border-left:1px solid #0a79ed; background:#fff url(../images/big.png) no-repeat center;}

/*产品中心*/
.pros { width:100%; padding:50px 0;}
.pros .lft { float:left; width:235px; box-shadow:0 2px 5px rgba(0,0,0,0.1); border:3px solid #0a79ed; border-radius:2px; overflow:hidden;}
.pros .lft .muen { padding:15px 20px; background:#0a79ed;}
.pros .lft .muen h3 { line-height:30px; font-size:22px; color:#fff;}
.pros .lft .muen p { line-height:20px; font-size:12px; color:rgba(255,255,255,0.65); text-transform:Uppercase; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #fff;}
.pros .lft .muen a { display:block; line-height:35px; font-size:16px; color:#fff; padding-right:20px; border-bottom:1px solid #0a79ed; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .lft .muen a::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #fff; border-radius:2px; filter:alpha(opacity=0); opacity:0; position:absolute; right:50px; top:14px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .lft .muen a:hover { font-weight:bold; border-bottom-color:#fff;}
.pros .lft .muen a:hover::after { filter:alpha(opacity=100); opacity:1; right:0;}
.pros .lft img { display:block; width:208px; height:138px; margin:15px auto; border-radius:4px; overflow:hidden;}
.pros .lft .botm { width:215px; text-align:center; padding:10px 0; margin:0 auto; border-top:1px solid #ddd;}
.pros .lft .botm h3 { line-height:30px; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pros .lft .botm p { line-height:25px; font-size:15px; color:#999;}
.pros .lft .botm span { display:block; line-height:22px; font-size:15px; color:#999; margin-top:10px;}
.pros .lft .botm b { display:block; font-size:24px; color:#0a79ed;}
.pros .lst { float:right; width:calc(100% - 265px);}
.pros .lst h3 { font-size:18px; color:#333; padding-bottom:10px; border-bottom:1px solid #eee; position:relative;}
.pros .lst h3::after { display:block; content:""; width:75px; height:3px; background:#0a79ed; position:absolute; left:0; bottom:-2px; z-index:2;}
.pros .lst li { float:left; width:300px; margin:30px 17px 0 0;}
.pros .lst li:nth-child(3n) { margin-right:0;}
.pros .lst li a { display:block; width:100%;}
.pros .lst li .img { width:290px; height:238px; padding:4px; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.pros .lst li .img img { display:block; max-width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .lst li p { line-height:35px; font-size:16px; color:#333; text-align:center; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .lst li:hover .img { border-color:#0a79ed;}
.pros .lst li:hover .img img { transform:scale(1.1,1.1);}
.pros .lst li:hover p { color:#0a79ed;}

/*优势*/
.advant { width:100%; height:765px; padding-top:110px; background:url(../images/ys.png) no-repeat center top;}
.advant .tits h3 i { font-size:50px;}
.advant .tits p { margin-top:25px;}
.advant img { display:block;}
.advant li { padding:50px 50px 50px 150px; box-sizing:border-box; background-color:#5e5e5e; background-repeat:no-repeat; background-position:40px 50px;}
.advant li h3 { line-height:40px; font-size:18px; color:#fff;}
.advant li p { line-height:25px; font-size:14px; color:#fff;}
.advant .top { width:100%;}
.advant .top li { float:left;}
.advant .top .p01 { width:475px; background-image:url(../images/01.png);}
.advant .top .p02 { width:725px; background-image:url(../images/02.png);}
.advant .lft { float:left; width:565px; overflow:hidden;}
.advant .lft img { width:565px; height:170px;}
.advant .lft .p03 { background-image:url(../images/03.png);}
.advant .rgt { float:right; width:635px; overflow:hidden;}
.advant .rgt img { float:left; width:300px; height:360px;}
.advant .rgt .p04 { float:right; width:calc(100% - 300px); height:360px; padding:50px; box-sizing:border-box; background:#5e5e5e;}
.advant .rgt .p04 h3 { height:50px; line-height:40px; font-size:18px; color:#fff; padding:35px 0 0 85px; background:url(../images/04.png) no-repeat 0 0;}
.advant .rgt .p04 p { line-height:25px; font-size:14px; color:#fff; padding-left:30px;}
.advant li:hover,.advant .rgt .p04:hover { background-color:#0a79ed;}

/*新闻*/
.news { width:100%; padding:50px 0;}
.news .name { width:100%; height:40px; margin-bottom:5px; border-bottom:1px solid #eee;}
.news .name h3 { float:left; line-height:40px; font-size:18px; color:#0a79ed;}
.news .name a { float:right; height:22px; line-height:20px; font-size:12px; color:#0a79ed; margin-top:10px; padding:0 10px; border:1px solid #0a79ed; border-radius:11px; box-sizing:border-box; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .name a:hover { color:#fff; background:#0a79ed;}
.news .top { height:390px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.news .top .lst { float:right; width:calc(600px - 40px); padding:18px 20px;}
.news .top .lst li { padding:8px 0 15px 0; border-bottom:1px dashed #ddd;}
.news .top .lst li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .top .lst li p { line-height:25px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .top .lst li:last-child { padding-bottom:0; border-bottom:none;}
.news .top .lst li:hover h3 { color:#0a79ed;}
.news .hyzx { margin-top:20px; padding:10px 20px 20px 20px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.news .hyzx .name { margin-bottom:10px;}
.news .hyzx li { float:left; width:calc(100% / 3 - 27px); height:40px; line-height:40px; margin-right:40px; border-bottom:1px dashed #ddd;}
.news .hyzx li:nth-child(3n) { margin-right:0;}
.news .hyzx li a { display:block; float:left; width:70%; font-size:14px; color:#333; padding-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/cty05.png) no-repeat left center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .hyzx li span { display:block; float:right; font-size:12px; color:#999;}
.news .hyzx li:hover a { color:#0a79ed;}

/*关于我们*/
.about { width:100%; height:465px; padding:50px 0; background:url(../images/cty06.png) no-repeat center top; background-attachment:fixed;}
.about .warp { position:relative;}
.about .msg { float:left; width:540px; height:215px; padding:40px 140px 20px 50px; border:1px solid #fff; position:absolute; left:0; top:55px;}
.about .msg::before,.about .msg::after { display:block; content:""; background:#fff; position:absolute;}
.about .msg::before { width:2px; height:20px; left:19px; top:10px;}
.about .msg::after { width:20px; height:2px; left:10px; top:19px;}
.about .msg h3 { line-height:50px; font-size:20px; color:#fff; letter-spacing:2px; border-bottom:1px solid #fff; margin-bottom:20px;}
.about .msg p { line-height:30px; font-size:14px; color:#fff;}
.about .img { float:right; width:560px; height:375px; position:relative; z-index:2;}
.about .img::after { display:block; content:""; width:60px; height:6px; background:#c83e3e; position:absolute; right:-25px; top:25px;}
.about .img img { display:block; width:560px; height:375px;}
.about a { display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; margin:50px auto 0 auto; background:#c83e3e; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about a:hover { border-radius:20px;}

/*脚部*/
.foot { width:100%; padding:30px 0; background:#fafafa;}
.foot h3 { line-height:30px; font-size:16px; color:#333;}
.foot .lft { float:left; width:820px;}
.foot .lft li { float:left; width:calc(100% / 4);}
.foot .lft li a { display:block; line-height:20px; font-size:14px; color:#999; margin-top:10px;}
.foot .lft li a:hover { color:#0a79ed;}
.foot .rgt { float:right; width:380px;}
.foot .rgt p { line-height:20px; font-size:14px; color:#999; margin-top:10px;}
.foot .rgt p a { color:#999;}
.foot .rgt p a:hover { color:#0a79ed; text-decoration:underline;}
.copy { width:100%; padding:20px 0; background:#0a79ed;}
.copy .lft { float:left; width:50%; line-height:25px;}
.copy .lft p { font-weight:bold; font-size:14px; color:#fff;}
.copy .lft a { display:inline-block; font-size:14px; color:#fff; margin-right:15px;}
.copy .lft a:hover { color:#e87518;}
.copy .rgt { float:right; width:50%; text-align:right;}
.copy .rgt p { line-height:25px; font-size:12px; color:#fff;}
.copy .rgt p a { color:#fff;}