@charset "utf-8";
@import"font-awesome-4.4.0/css/font-awesome.min.css";
@font-face { font-family: 'AMAZONEN'; src: url('../font/AMAZONEN.eot'); src: url('../font/AMAZONEN.eot') format('embedded-opentype'), url('../font/../font/AMAZONEN.woff2') format('woff2'), url('../font/AMAZONEN.woff') format('woff'), url('../font/AMAZONEN.ttf') format('truetype'), url('../font/AMAZONEN.svg#AMAZONEN') format('svg'); }
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin:0;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0px; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #333; background-color: #fff; line-height: 1.2; font-size: 15px; width: 100%; margin: 0 auto }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
::-moz-selection { background: #59b9ff; color: #fff; text-shadow: none; }
::selection { background: #59b9ff; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;color: #333 }
a:link, a:visited { text-decoration: none;  }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.dib{ display: block; }
.fa, [class*=' fa-'], [class^=fa-] {display: inline-block;font: normal normal normal 16px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.overf {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.botsign img{ width: 120px }
.inner { max-width:1300px;width:1300px; margin: 0px auto; }
.inner-box { width: 90%; max-width: 1250px; margin: 0px auto; }
.trans3 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.trans4 { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.trans6 { -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.top a:link, .top a:visited { color: #262626; }
.top a:active, .top a:hover { color: #db231b; }
.top {height:auto; width: 100%; z-index: 1000;border-bottom: 3px #0054a9 solid; background: #fff  }
.topline{ background: #fff; height: 70px;border-bottom: 1px #ddd solid}
.topline span{  float: left; line-height: 70px; color: #555; font-size: 14px }
.topline span a{ color: #555;padding: 0 5px }
.topline span a:hover{ color: #000 }
.topline .tel{ color: #555; font-size: 14px; background: url(../image/tel.jpg) no-repeat left center; padding-left:35px; float: right; line-height: 1.2; margin: 15px 25px 0 0; background-size:28px 29px  }
.topline .tel b{ font-size:23px; color: #0054a9; display: block; font-family: arial }
.logobox{ height: 120px; background: #fff; }
.logo { display: block; float: left; overflow: hidden; padding: 30px 0px;  }
.logo img { display: block; float: left;height: 60px; }
.logo .tag { float:left; height:60px;  color:#000; border-left:1px solid #d4d4d4; padding:0 0 0 15px; margin:10px 0 0 0; }
.logo .tag h3 { font-size:15px; line-height: 1.6; font-weight: normal; }
.logo .tag h3 b{ font-size:22px; color: #333;display: block; }
.navBox { height:60px; width:820px;  position: relative;z-index: 9999; margin-top: 30px }
.nav li { display:inline-block; width: 100px; text-align: center; height:60px;  position: relative;  background: url(../image/nav_line.png) no-repeat right center;}
.nav a { display: block; position: relative; font-size: 15px; height:60px; perspective: 300px; transform-style: preserve-3d; line-height:60px; color: #fff}
.nav a .txt { position: relative; z-index: 2; color: #333 }
.nav .active a .txt { color:#0660ac; font-weight: bold; }
.navBox .arrow { position: absolute; left: 0px; top: 75px; height: 4px; display: block; background-color: #e62129; }
/*
.subNavbox a:link, .subNavbox a:visited{ color:rgba(255,255,255,1); }
.subNavbox a:active, .subNavbox a:hover { color:rgba(255,255,255,1); text-decoration: underline;}
.subNavbox { position: absolute; left: 0px; top:60px !important; width:160px; background-color:#0660ac; display: none; text-align: left;z-index: 9999; border-radius: 5px;}
*/
.subNavbox a:link, .subNavbox a:visited{ color:rgba(0,0,0,0.8); }
.subNavbox a:active, .subNavbox a:hover { color:rgba(0,0,0,1); text-decoration: underline;}
.subNavbox { position: absolute; left: 0px; top:60px !important; background-color:#fff; display: none; text-align: left;z-index: 9999; border-radius: 5px; box-shadow: 0 0 5px #ddd; width:110%}

.subNavbox p { line-height: 1.2; padding:10px;}
.subNavbox p:first-child{ padding-top: 20px }
.subNavbox p:last-child{ padding-bottom: 20px }
.subNavbox p a { line-height: 1.2; height: auto; padding: 0 5px; font-size: 14px; }
.subNavbox p a:before{ color: #ff9500; font-weight: bold; content: '·';margin-right:6px}
.nav li:nth-child(5) .subNavbox p {display:inline-block; width:120px;  }


/*手机站导航开始*/
.m-top{ display: none; background:#fff;  width: 100%;z-index: 99999;position:fixed;-webkit-box-shadow:0 0 5px rgba(0,0,0,.05);-moz-box-shadow:0 0 5px rgba(0,0,0,.05);box-shadow:0 0 5px rgba(0,0,0,.05); height: 70px; line-height: 70px;z-index: 8888}
.m-top .mlogo{ width:50%; }
.m-top .mlogo img{height:50px !important; width: auto; float: left;padding-top: 10px}

.menu-btn{display:block;top:20px;right:4%;width:24px;height:25px;z-index:9999999999;position:fixed;}
.menu-btn>span{display:block;width:24px;height:2px;background:#000;cursor:pointer;border-radius:3px;margin-left:0}
.menu-btn>span:nth-child(1){position:absolute;top:4px}
.menu-btn>span:nth-child(2){position:absolute;top:11px}
.menu-btn>span:nth-child(3){position:absolute;top:18px}
.menu-btn>.span1{background:#fff;-webkit-animation:span1 .5s alternate;-moz-animation:span1 .5s alternate;animation:span1 .5s alternate;-webkit-transform:translateY(7px) rotateZ(45deg);-moz-transform:translateY(7px) rotateZ(45deg);transform:translateY(7px) rotateZ(45deg)}
.menu-btn>.span3{background:#fff;-webkit-animation:span2 .5s alternate;-moz-animation:span2 .5s alternate;animation:span2 .5s alternate;-webkit-transform:translateY(-7px) rotateZ(-45deg);-moz-transform:translateY(-7px) rotateZ(-45deg);transform:translateY(-7px) rotateZ(-45deg)}
.menu-btn>.span1-1{background:#000;-webkit-animation:span1-1 .5s alternate;-moz-animation:span 1-1 .5s alternate;-o-animation:span1-1 .5s alternate;animation:span 1-1 .5s alternate;-webkit-transform:translateY(0px) rotateZ(0deg);-moz-transform:translateY(0px) rotateZ(0deg);-ms-transform:translateY(0px) rotateZ(0deg);-o-transform:translateY(0px) rotateZ(0deg);transform:translateY(0px) rotateZ(0deg)}
.menu-btn>.span3-1{animation:span 3-1 .5s alternate;-webkit-transform:translateY(0px) rotateZ(0deg);-moz-transform:translateY(0px) rotateZ(0deg);-ms-transform:translateY(0px) rotateZ(0deg);-o-transform:translateY(0px) rotateZ(0deg);transform:translateY(0px) rotateZ(0deg);background:#000}
@keyframes span1{0%{transform:translateY(0px) rotateZ(0deg)}
10%{transform:translateY(-3px)}
70%{transform:translateY(7px)}
100%{transform:translateY(7px) rotateZ(45deg);background:#000}
}
@-webkit-keyframes span1{0%{-webkit-transform:translateY(0px) rotateZ(0deg)}
10%{-webkit-transform:translateY(-3px)}
70%{-webkit-transform:translateY(7px)}
100%{-webkit-transform:translateY(7px) rotateZ(45deg);background:#000}
}
@-moz-keyframes span1{0%{-moz-transform:translateY(0px) rotateZ(0deg)}
10%{-moz-transform:translateY(-3px)}
70%{-moz-transform:translateY(7px)}
100%{-moz-transform:translateY(7px) rotateZ(45deg);background:#000}
}
@keyframes span2{0%{transform:translateY(0px) rotateZ(0deg)}
10%{transform:translateY(3px)}
70%{transform:translateY(-7px)}
100%{transform:translateY(-7px) rotateZ(-45deg);background:#000}
}
@keyframes span2{0%{transform:translateY(0px) rotateZ(0deg)}
10%{transform:translateY(3px)}
70%{transform:translateY(-7px)}
100%{transform:translateY(-7px) rotateZ(-45deg);background:#000}
}
@-webkit-keyframes span2{0%{-webkit-transform:translateY(0px) rotateZ(0deg)}
10%{-webkit-transform:translateY(3px)}
70%{-webkit-transform:translateY(-7px)}
100%{-webkit-transform:translateY(-7px) rotateZ(-45deg);background:#000}
}
@keyframes span1-1{0%{transform:translateY(7px) rotateZ(45deg)}
10%{transform:translateY(7px)}
70%{transform:translateY(-3px)}
100%{transform:translateY(0px) rotateZ(0deg);background:#000}
}
@-webkit-keyframes span1-1{0%{-webkit-transform:translateY(7px) rotateZ(45deg)}
10%{-webkit-transform:translateY(7px)}
70%{-webkit-transform:translateY(-3px)}
100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#000}
}
@-moz-keyframes span1-1{0%{-moz-transform:translateY(7px) rotateZ(45deg)}
10%{-moz-transform:translateY(7px)}
70%{-moz-transform:translateY(-3px)}
100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#000}
}
@keyframes span3-1{0%{transform:translateY(-7px) rotateZ(-45deg)}
10%{transform:translateY(-7px)}
70%{transform:translateY(3px)}
100%{transform:translateY(0px) rotateZ(0deg);background:#000}
}
@-webkit-keyframes span3-1{0%{-webkit-transform:translateY(-7px) rotateZ(-45deg)}
10%{-webkit-transform:translateY(-7px)}
70%{-webkit-transform:translateY(3px)}
100%{-webkit-transform:translateY(0px) rotateZ(0deg);background:#000}
}
@-moz-keyframes span3-1{0%{-moz-transform:translateY(-7px) rotateZ(-45deg)}
10%{-moz-transform:translateY(-7px)}
70%{-moz-transform:translateY(3px)}
100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#000}
}
.right-menu{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.85);z-index:9999;min-width:320px;overflow:hidden;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.45s;-moz-transition:.45s;transition:.45s}
.right-menu1{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}
.right-menu ul{ position: relative; top: 70px }
.right-menu li {font-size: 15px; padding:0 10px 5px 10px; border-bottom:1px #666 solid;  line-height: 2;}
.right-menu li a{ color: #fff }
.right-menu li .onnav{  line-height: 1.5; padding-left: 15px}
.right-menu li .onnav a{display: block;}

/*banner*/
/*banner*/
#flash { width: 100%;overflow: hidden; z-index: 88;position: relative;  }
#flash img{ width:100% !important}
.mimg{ display: none; padding-top: 70px }
.focus{ position: relative; z-index: 88 }
.focus .hd,.focus .hdm{ position: absolute; bottom: 10px; left: 45%;z-index: 99 }
.focus .bd,.focus .bd{ position: relative; z-index: 88 }
.hd li,.hdm li{  height: 8px; border-radius: 4px; color: transparent; background:#fff; width:20px; display: inline-block; margin-right: 10px }
.hd li.on,.hdm li.on{ background:#ff7e00; width: 25px }

/*footer*/
.bottom{ display: none; position: fixed; width: 100%; bottom: 0; z-index: 99999 }
.bottom>a{float: left;width:50%;padding: 15px ;font-size:16px;color:#000;background: #fff;}

.bottom>a>i{display: inline-block;width: .35rem;height: .35rem;background: url("../image/tel.png") no-repeat;background-size: cover;vertical-align: middle;margin-right: .1rem;}

.bottom>a.right{background: #fff;border-left:1px #ddd solid}

.bottom>a.right>i{width: .38rem;height: .35rem;background: url("../image/online.png") no-repeat;background-size: cover;}
.footer {clear: both; height: auto; overflow: hidden; background:#1b1b1c url(../image/bot_bg.jpg) no-repeat center top;  padding:60px 0 0 0; position: relative;  }
.footer .inner{height: 400px;}
.navb{ line-height:35px; width:20%; }
.navb2{ width: 13%; margin-left: 50px }
.navb b{ display: block;padding-bottom: 10px; color: #cb0000 }
.navb i{ height: 3px; width: 25px; background-color:#cb0000; margin:5px 0;  display: block; }
.navb li{ display: inline-block;text-align: left; font-size: 14px; padding-right: 20px}
.navb li a{ color: #fff }
.navb li a:hover{ color: #fff; text-decoration:underline; }
.lx_b{ line-height: 2.0;  color:#fff; padding:0px 0 0px 50px; width:45%;  border-left: 1px #555757 solid}
.bot_lx .bot_tel{  font-size: 26px; font-family: Arial; color: #fff ; margin-right: 30px}
.bot_lx .bot_tel b{ font-weight: normal; display: block;font-size: 14px; border-left: 3px #cd0000 solid; padding-left: 10px }
.botwx{  margin:30px 30px 0 0;}
.botwx p{color: #fff; line-height: 2.0; text-align: left;}
.botwx img{ width: 130px; height: 130px; margin:8px auto 0 auto; border:5px #fff solid; }
.bottom_r a:hover{ color: #fff; text-decoration: underline; }
.bqsy{ color: #999; font-weight: none;font-size: 14px;  text-align: center;  background: #1b1b1c; line-height: 60px; position: absolute;bottom: 0; width: 100%}
.bqsy a{ color:#999; }

.link{ border-top:1px #363d42 solid; color: #999; padding:15px 0; background: #222; text-align: center; }
.link a{ color: #363d42; padding:0 10px; }

/*漂浮*/
.dockCon a:link, .dockCon a:visited { color: #fff; }
.dockCon a:active, .dockCon a:hover { color: #fff; }
.dock { position: fixed; width: 58px; top: 45%; right: 0px; z-index: 1000; }
.dockCon li { height: 50px; display: block; width: 58px; margin-bottom: 4px; position: relative; }
.dockCon .item-con { left: 0%; position: absolute; }
.dockCon a { background-color: #333333; display: block; width:200px; padding: 0px 20px 0px 58px; height: 50px; position: relative; background-position: left center; background-repeat: no-repeat; position: relative; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.dockCon .i1 { background-image: url(../image/sider_i1.png); }
.dockCon .i2 { background-image: url(../image/sider_i2.png); }
.dockCon .i3 { background-image: url(../image/sider_i3.png); }
.dockCon .i4 { background-image: url(../image/sider_i21.png); }
.dockCon a .txt { display: block; font-size: 18px; font-family: arial, helvetica, sans-serif; height: 50px; line-height: 50px; }
.dockCon a .zh { font: 14px/1.2 "microsoft yahei"; margin-top: 8px; display: block; }
.dockCon a .en { font: 12px/1.2 arial, helvetica, sans-serif; display: block; }
.dockCon .con { background-color: #202020; color: #b4b4b4; position: absolute; right: 0px; display: none; z-index: -1; }
.dockCon li.first .item-con { left: -134px; }
.dockCon li.first .item-con a { background-color:#197700; }

/*index*/
.content { position: relative; z-index: 3; background-color: #fff; }

.ind_tit{ font-size: 16px;  text-align: center; color: #333; font-weight: normal; padding-bottom: 45px; line-height: 1.5;position: relative;z-index: 99}
.ind_tit b{ font-size: 35px; display: block; margin:0 auto;  color: #333; font-weight: normal;  position: relative; z-index: 99}
.ind_tit span{ color: #000; display: block;position: absolute;color: #eee;top: -30px;  font-size: 40px; font-family: arial;z-index: 88; text-align: center; width: 100% }
.ind_tit .line{background:url(../image/ling_lm.jpg) no-repeat left center; width: 150px; height: 3px; display: block; margin:15px auto;z-index: 99}


.ind_por{ padding: 50px 0; background: #fff }
.sider{ width: 270px; color: #fff; }
.left_nav,.xgnews{ background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.2);padding-bottom: 20px}
.left_nav .lone{ background: #004dcc; color: #fff; text-align: center;height:150px; font-size: 34px; color:#fff; text-align: center; padding: 20px; font-weight: normal; }
.left_nav .lone .en{ font-size: 18px; color: rgba(255,255,255,0.4);  font-family: arial; text-transform: uppercase; font-weight: normal;padding-top: 15px; border-top: 1px rgba(255,255,255,0.15) solid; margin:20px auto 0 auto; width: 120px  }
.left_nav li{ height: 42px; line-height: 42px; font-size: 16px;color: #171e46; background:#f5f5f5; width: 240px; margin: 8px auto 0 auto; border-radius: 5px }
.left_nav li i{ color: #bc0000; font-size: 18px;padding:0 10px 0 30px;  }
.left_nav li a{ color: #333; display: block; transition: all 0.3s;}
.left_nav li a:hover,.left_nav li.active a{background: #0040aa; background:linear-gradient(to right, #0040aa , #004dcc);border-radius: 5px; transition: all 0.3s; color: #fff}
.left_nav li a:hover i,.left_nav li.active a i{ color: #fff }

.sider .left_lx { padding: 15px 15px 10px 95px;  background: #fff url(../image/lx_pic.jpg) no-repeat left bottom; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.2); margin-top: 20px}
.sider .left_lx i{ font-family: arial;  font-size:25px; color: rgba(0,0,0,.2); font-weight: bold; }
.sider .left_lx span{ display: block;  font-size: 14px; color:#333;}
.sider .left_lx b{ font-size: 24px;color: #c70000; font-family: arial;  }
.sider .left_lx a{ width: 150px; height: 42px;line-height: 42px;background: #0040aa; background:linear-gradient(to right, #0040aa , #004dcc);text-align: center; margin: 10px 0 0 0; border-radius: 5px; color: #fff }
.sider .left_lx a:hover{ width: 160px}
.xgnews{ margin-top: 25px }
.xgnews h3{ font-size: 20px; color: #222; padding: 15px; border-bottom:5px solid #ddd}
.xgnews h3 a{ font-size: 14px; font-weight: normal;padding-top: 3px }
.xgnews .cllist { padding: 15px }
.xgnews .cllist  a{ line-height:2.4;background: url(../image/green_jt.png) no-repeat left center; padding-left: 15px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden; }
.xgnews .cllist  a:hover{ color: #c00 }
.xgnews .cllist  a span{ float: right; }

.news_list{ width:980px  }
.por_list{ width:100%  }

.por_list li,.casepic{ height:auto; width:31%; display: inline-block;  background: #fff; box-shadow: 0 0 5px #ddd;padding: 10px; text-align: left; margin: 0 2% 25px 0 }
.por_list li:nth-child(3n){ margin-right: 0 }
.por_list li .img,.casepic .img{display: block; width:100%;  transition: all 0.3s;overflow: hidden; }
.por_list li .img:hover img{transform: scale(1.06, 1.06);transition: all 0.3s;}
.por_list li .img img,.casepic .img img{ width:100% }
.por_list li img,.casepic .img img{ width:100% }
.por_list li span{ color:#333; display:block; padding: 10px;text-align: center;  }

.casepic p{ text-align: center;padding-top: 10px }

.i_cpfl{ text-align: center;  margin-bottom: 30px}
.i_cpfl li{ background: #fff; border: 1px #d6d6d6 solid; text-align: center; width:180px; height: 55px; line-height: 55px; margin: 0 0 10px 10px; font-size:16px; display: inline-block; border-radius: 5px}
.i_cpfl li a{ color:#222; display: block;   }
.i_cpfl li a:hover{ background: #0068df;color: #fff; border-radius: 5px }
.porteam,.casepic{ height: 270px; width:290px; display: inline-block;  background: #fff; box-shadow: 0 0 5px #ddd;padding: 10px; text-align: left; margin: 0 25px 25px 0 }
.porteam:nth-child(4n){ margin-right: 0 }
.porteam .img,.casepic .img{display: block; width: 270px; height: 210px;  transition: all 0.3s;overflow: hidden; }
.porteam .img:hover img{transform: scale(1.06, 1.06);transition: all 0.3s;}
.porteam .img img,.casepic .img img{ width: 295px; height: 210px; }
.porteam span{ color:#333; display:block; padding: 10px; text-align: center;  }


/*about*/
.ind_about { padding:60px 0; background: #fff ; }
.ind_about .l{ width: 60% }
.ind_about .r{ width: 37% }
.ind_about .r img{ width: 100%; margin: 30px 0; border: 5px #fff solid; box-shadow: 0 0 10px #ddd }
.about_tit{ font-size: 16px;  text-align: left; color: #333; font-weight: normal; padding-bottom: 45px; line-height: 1.5;position: relative;z-index: 99}
.about_tit b{ font-size: 35px; display: block; margin:0 auto; color: #333; font-weight: normal;  position: relative; z-index: 99}
.about_tit span{ color: #000; display: block;position: absolute;color: #e4e4e4;top: 10px;left:160px;  font-size: 35px; font-family: arial;z-index: 88; text-align: center;}
.about_tit .line{background:url(../image/ling_lm.jpg) no-repeat left center; width: 150px; height: 3px; display: block; margin:15px 0;z-index: 99}
.company{ width: 100%; line-height: 30px }
.abouttel{ width:100%; height: 65px;line-height: 65px; color: #fff; font-size: 24px; border-radius: 40px; background: #197700; margin: 30px 0 }
.abouttel .l{ width: 41%; font-size: 15px;padding: 0 2%}
.abouttel .l b{ font-family: arial; font-size: 26px }
.abouttel .r{ width:51%; background: #0040aa; border-radius: 0 40px 40px 0; font-weight: bold; text-align: center; padding: 0 2% }



/*news*/
.ind_news{ background:#eef1fa; padding: 70px 0  }
.ind_news .newtit{ line-height: 60px; border-bottom:1px #ddd solid; font-weight: normal; margin-bottom: 30px }
.ind_news .newtit b{ display: block; font-weight: normal;color: #005dbd;font-size: 24px; border-bottom: 2px  #005dbd solid; width: 100px }
.ind_news .newtit a{ font-size: 14px;color: #666; margin-top: 20px }
.ind_news .newslist{  width:47%}
.ind_news .newslist a{ line-height:40px;background: url(../image/green_jt.png) no-repeat left center; padding-left: 15px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden; display: block;}
.ind_news .newslist a:hover{ color: #c00 }
.ind_news .newslist span{ float: right; }

/*优势*/
.ind_ys{ background:url(../image/ys_bg.jpg) no-repeat center top; background-size: 100%; padding: 70px 0}
.bs{ color: rgba(255,255,255,1) !important; }
.bs b{ padding: 10px 0 }
.ind_tit .bs2{ color: rgba(255,255,255,0.25); }
.ind_ys .yslist{ width:1300px; margin:0 auto; }
.ind_ys .yslist li{ display: inline-block; width: 295px; height: 355px; background:url(../image/ys_bg.png) no-repeat top; border-radius: 5px; margin-right:30px;transition: all 0.3s;color: #333; vertical-align: top; padding: 10px }
.ind_ys .yslist li:nth-child(4){ margin-right: 0 }
.ind_ys .yslist li .tit{ display: block; text-align: center; font-size: 25px;padding: 15px 0; color: #197700; font-weight: normal; }
.ind_ys .yslist li img{ display: block; width: 100%;}
.ind_ys .yslist li .txt{ line-height: 1.8; font-size: 14px;  color:#555; padding:8px 15px }
.ind_ys .yslist li .txt span{ color: #faa600 }
.ind_ys .yslist li:hover{ transform: scale(1.03, 1.03);   }
.ind_ys .yslist li:hover .txt{ color:#222; }
.ysmore{ width: 150px; height: 40px; line-height: 40px ; text-align: center; color: #fff; background: #4cab50; border-radius:5px; margin: 20px auto }

.ind_lc{ padding: 60px 0 80px 0; background: #fff }
.lc_tit{ font-size: 28px; color: #333; margin-bottom: 40px; font-weight: normal; }
.lc_tit span{ color:#777; font-size:14px; }
.lc_tit i{ width:6px; height: 25px; background: #084fa6; border-radius: 4px; display: block; float: left; margin: 8px 15px 0 0 }
.ind_lc li{ display: inline-block; text-align: center; color: #111; font-size: 20px; margin:0 23px; position: relative; width: 210px; height: 195px; background: #fff}

.ind_lc li .icon{background:#fff;width:70px; height:70px; display: block;border-radius: 45px;  margin:25px auto 20px auto;transition: all 0.3s; }
.ind_lc li .icon i{ width:70px; height:70px; display: block; background:url(../image/fw_icon.png) no-repeat; border-radius: 45px; transition: all 0.3s;  }
.ind_lc li p{ font-size: 14px; color: #555; line-height: 1.6; margin-top: 15px}
.ind_lc li:nth-child(1) .icon i{ background-position: 0 0 }
.ind_lc li:nth-child(2) .icon i{ background-position: -70px 0 }
.ind_lc li:nth-child(3) .icon i{ background-position: -140px 0 }
.ind_lc li:nth-child(4) .icon i{ background-position: -210px 0 }
.ind_lc li:nth-child(5) .icon i{ background-position: -280px 0 }
.ind_lc li:hover { color: #0040aa }
.ind_lc li:hover .icon i{background-color:#fff; transition: all 0.3s; }
.ind_lc li:nth-child(1):hover .icon i{ background-position: 0 -70px }
.ind_lc li:nth-child(2):hover .icon i{ background-position: -70px -70px }
.ind_lc li:nth-child(3):hover .icon i{ background-position: -140px -70px }
.ind_lc li:nth-child(4):hover .icon i{ background-position: -210px -70px }
.ind_lc li:nth-child(5):hover .icon i{ background-position: -280px -70px }



/*case*/
.ind_case{ padding: 60px 0; background: #f6f6f6 }
.indcase_list{ display: none; }
.titc{ color: #fff !important }
.rollBox{width:1250px;overflow:hidden;margin:0 auto;padding-bottom:54px; margin-top: -40px}
.rollBox .LeftBotton{height:45px;width:60px;cursor:pointer; position: relative; background: #0040aa; top:358px; left:570px;}
.rollBox .RightBotton{height:45px;width:60px;background:#0040aa;overflow:hidden;cursor:pointer; position: relative; top:18px; left:650px;}
.rollBox .Cont{width:1250px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}

.rollBox #List1,.rollBox #List2{float:left;}
.RightBotton,.LeftBotton{ line-height: 45px; text-align: center; color: #fff; font-family:"宋体"; font-size:20px }

/*adv2 css*/
.adv2{background:#111 url(../image/adv_bg.jpg) center center no-repeat; color: #fff; margin:0 auto;height: auto; overflow: hidden; padding: 50px 0 }
.adv2 .advtxt{ width:800px; font-size: 26px;  text-align: left;  }
.adv2 .advtxt b{ display: block;  font-size:40px; padding-bottom: 10px;color: #ffd328}
.adv2 .advtxt span{font-weight: bold; font-size: 30px; display: block; padding-top: 40px}

.adv2 .advfrom{width: 260px;  font-size: 25px; color: #fff; text-align: left; position: relative; }
.adv2 .advtel2{ color: #fff; font-size: 14px; background: url(../image/tel_icon.png) no-repeat left top; padding-left: 60px; line-height: 1.2; background-size:55px 55px;  margin-top:20px;  }
.adv2 .advtel2 b{ font-size: 30px; color: #fff; display: block; font-family: arial }
.adv2 .advzx{ width: 150px; height: 42px;line-height: 42px; background: #a80000;background: linear-gradient(to right, #c80000 , #a80000);text-align: center; margin: 10px 0 0 0; border-radius: 5px; color: #fff; font-size: 15px; margin: 20px 0 0 70px }
.adv2 .advzx:hover{ width: 160px}
.adv2 .advwx{  width: 130px; height: 150px; float: right; text-align: center; margin-left: 25px; margin-top: 10px}
.adv2 .advwx img{ width: 110px; height: 110px; border:5px #fff solid;box-shadow: 0 0 10px #ddd;}
.adv2 .advwx span{  color: #fff; display: block; font-size: 15px;}



/*内页*/
.pbanner{ background:#333;  height: 350px  }
.mr5{ margin-top:30px }
.paging { text-align: center; padding: 20px 0px; }
.paging a:link, .paging a:visited { color: #666666; }
.paging span.current, .paging a:hover { color: #fff; background-color: #333; border-color: #222; }
.paging a, .paging span { padding: 7px 13px; border: 1px solid #d1d1d1; margin: 0px 2px; }
.lction{ height: 40px; line-height: 40px;  background-color: #f5f5f5; color: #333 }
.porgk{ background: #f5f5f5; border-radius: 5px; border:1px #ddd dashed; padding:10px 20px;  margin: 0 0 30px 0; font-size: 15px; line-height: 1.6; font-weight: normal;}
.porgk b{ font-size: 20px; display: block; margin-bottom:5px }
.newsnl{ width:980px }
.por_ny{ width:100% }
.cpnr1{ margin-bottom:50px;}
.cpnr1_l{ width: 50% }
.cpnr1_l img{ width: 100%;border-radius: 5px;box-shadow: 0 0 5px #ddd }
.cpnr1_r{ width: 47%; }
.cpnr1_r .tit{ font-size: 22px;padding: 10px 0 5px 0; color: #222}
.cpnr1_r  i{  color: #b01c1c }
.cpnr1 .tage{ font-size: 15px; color:#666; margin:15px 0; padding:15px 0; border-top:1px #ddd solid; display: block; line-height: 1.8 }
.cpnr1 .tage b{ color:#111 }
.cpnr1 .tage2 i{ color:#b01c1c  }
.cpnr1 .tage2 strong{ color:#b01c1c; font-size: 28px; font-family: arial  }
.bgf3 { background-color: #F3F3F3; }
.infoPaging { line-height: 36px; padding: 20px;  }
.infoPaging a:link, .infoPaging a:visited { color: #9c9c9c; }
.infoPaging a:active, .infoPaging a:hover { color: #D9251D; }

.xgcptj{ background: #e3ebf6; border-radius: 3px; margin: 20px 0 0 0; height: auto; overflow: hidden;padding: 20px }
.xqtit{ font-size: 20px; color: #0d2548; text-transform: uppercase;position: relative; padding-top: 20px }
.xqtit:before{content: '';width: 80px;height: 4px;background: #0048a1;position: absolute;bottom:-10px;left: 25px;border-radius: 2px}
.xqtit i{ font-size: 18px;padding-right: 10px }

.itemL{ width:23%;  margin:0 1% 20px 1% ;  display: inline-block; }
.itemL:nth-child(4n){ margin-right: 0 }
.itemL .img{ overflow: hidden;z-index: 66;box-shadow:0 0 6px #ddd}
.itemL .img img{display: block;transition: all 0.6s; width: 100%;}
.itemL:hover .img img{transform: scale(1.06, 1.06);}
.itemL .cpsm{white-space: nowrap;
overflow: hidden;text-overflow: ellipsis; text-align: center;padding-top: 15px }
.itemL .cpsm a{ color: #222; display: block;  }
.itemL .cpsm a:hover{color: #b32727}


.article{  padding: 30px 0;line-height:1.7; font-size:15px}
.wtit{ height: 55px; line-height: 55px; color: #0f1835; font-size: 20px; border-radius: 5px; background:#fff; box-shadow: 0 0 5px #eee; font-weight: bold; margin-top: 30px }
.wtit li{ display: inline-block; width:32.5%; text-align: center; border-right: 1px #ddd solid  }
.wtit li a{ color: #222 }
.xgcptj{background:#f6f6f6;padding:5px 10px 10px 10px; margin-top:20px;border-radius: 10px}
.daodu{background:url(../image/newkf.png) no-repeat 20px center #FEEDE9;background-size: 80px;padding:30px 0px 30px 130px; margin-bottom:50px;margin-top:30px;color:#FA3B1F;    border: 1px dashed #f90;overflow:hidden;box-sizing: border-box;}
.daodu p.tip{text-indent:0; font-size:16px;}
.daodu .tel{ width:52%; float:left; color:#ed2225; font-size:28px; font-weight:bold; margin-top:8px;}
.daodu .tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:center;}
.daodu .tool{ float:right; width:22%;*margin-right:60px;}
.daodu .tool a{ font-size:15px; color:#fff;display:block; float:left; text-align:center;}
.daodu .tool a img{ width:35px;vertical-align: middle;margin-right: 5px;animation: myfirst 0.5s infinite;display: inline-block;margin-left: 10px;}
.daodu .tool a.baojia{padding:8px 20px;background: #f20d01;font-size: 20px;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f));-webkit-box-shadow: #ff461f 0px 2px 5px;-moz-box-shadow: #ff461f 0px 0px 5px; margin-top: -20px; }
.honor li{ /*height: 270px */}


.xqtit{ font-size: 20px; color: #0d2548; text-transform: uppercase;position: relative;  margin-bottom: 30px;}
.xqtit:before{content: '';width: 80px;height: 4px;background: #b32727;position: absolute;bottom:-10px;left: 45px;border-radius: 2px}
.xqtit i{ font-size: 18px;padding:0 10px 0 20px }
.msg{position:relative; width: 100%; margin: 0 auto; height: auto; overflow: hidden; background: #f5f5f5}
.msg form{ width: 96%; padding:0 20px 30px 20px; margin: 15px auto }
.msg form .same{margin:0 3% 20px 0;float: left; width: 30%}
.msg form .txt{width: 45%}
.msg form .same input,.msg form .same textarea{width:100%;height:42px;border:none;font-size:14px;color:#999;background:#fff;border:1px #adadad solid;border-radius:2px; padding-left:10px;}
.msg form .same textarea{ height: 140px;padding-top: 5px }
.msg form .submit_box{ width: 50%;float: left; }
.msg form .submit_box .msgtxt{ font-size: 15px; color: #362f2f; font-weight: bold; }
.msg form .submit_box .msgtxt b{ color:#b01c1c;display: block; font-weight: normal; padding:15px 0 15px 0; line-height: 1.8;}
.msg form .submit input{width:30%;height:45px;background: #0041ac;border:none;font-size:20px;color:#fff;font-weight:400;cursor:pointer;border-radius:3px; text-align: center; margin-right: 3%}
.msg form .submit .reset{background: #1a2131;}

.wx{ float: left; width: 15%; text-align: center; margin-right: 40px}
.wx img{border: 5px #fff solid; box-shadow: 0 0 10px #ccc; margin:80px 0 10px 0; width: 140px; height: 140px}

.cont-map{ margin-top: 40px }
.cont-map h2{text-align:center;color:#2D203B;font-size:34px;line-height:1.1;margin-bottom: 40px;}
.cont-map h2:before{content:'';display:inline-block;width:28px;height:28px;vertical-align: middle; margin-right:20px;background:url(../image/icon_l.jpg) no-repeat;}
.cont-map h2:after{content:'';display:inline-block;width:28px;height:28px;vertical-align: middle;margin-left:20px;background:url(../image/icon_r.jpg) no-repeat;}
#allmap{ width: 100%; height: 400px;  border: 1px #ddd solid; margin:30px auto 0 auto; }


.itemn{  font-size: 14px;color:#797979; border-bottom: 1px #eee solid; height: auto; overflow: hidden; padding:25px 0 25px 20px; line-height: 1.5 }
.itemn .idate{ float: left; font-size: 24px;  width: 100px; font-family: arial}
.itemn .tit{ float: left;   color: #555}
.itemn .tit b{ color: #000;font-size: 18px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 0 10px 0; font-weight: normal; }
.itemn .tit b:hover{color:#b01c1c;}

.cpn_t{ text-align: center; font-size:20px ;  line-height: 50px; color: #222}
.z-day{font-size: 14px;color:#666; margin-top: 20px; text-align: center;}
.z-day span{padding-right: 2%;}
._date{ height:30px; line-height:30px; margin-bottom:7px; font-size:13px; color:#676767;  background:url(../image/clock.png) no-repeat left center;padding:3px 0 3px 25px;}
._back{background:url(../image/icon_newfh.jpg) no-repeat left center; padding-left: 25px; }
._author{background:url(../image/author.png) no-repeat left center; background-size:25px; padding-left:30px;}
.newsbar{ width:360px; }
.newsbar h3 {color: #b32727;font-size: 18px;margin-top: 50px;padding-left: 30px;position: relative;}
.newsbar h3:before{content: '';width: 125px;height: 1px;background: #b32727;position: absolute;bottom: -5px;left: 1px;}
.newsbar ul{ padding-left:4% }
#article{ padding: 20px; line-height: 1.6 }
.about{  line-height: 1.8; font-size: 15px }


@media screen and (max-width:1300px){
.inner { max-width:1100px;width:100%; margin: 0px auto; }
.logo {padding: 20px 0px;}
.logo img{ height: 50px }
.logobox {height: 100px;}
.navBox {width: 784px;margin-top: 20px;}
.nav li {width: 95px;}

.i_cpfl li {width:150px;height: 50px;line-height: 50px; }
.porteam,.casepic{width:23%; padding:0px; text-align: left; margin: 0 2% 15px 0 ;height: auto;}
.porteam .img,.casepic .img{width: 100%; height: auto; }
.porteam .img img, .casepic .img img {height: auto;}
.porteam .img:hover img{transform: scale(1.06, 1.06);transition: all 0.3s;}
.ind_ys {padding: 40px 0;}
.ind_ys .yslist{ max-width:1100px; margin:0 auto; }
.ind_ys .yslist li{ width: 260px; height: 300px; padding: 5px; background:#fff;  margin-right: 15px; box-shadow: 0 0 5px #ddd}
.ind_ys .yslist li .tit{ font-size: 20px;padding: 10px 0; }
.ind_lc{ padding:20px 0 50px 0; }
.ind_lc li{  width: 180px; height:210px; margin: 0px 18px; vertical-align: top}
.rollBox{ display: none; }
.ind_case{ padding: 30px 0; background: #fff }
.indcase_list{ display: block; }
.ind_about { padding:25px 0; background: #f6f6f6; }
.about_tit{padding-bottom:25px; line-height: 1.5; text-align: center;}
.about_tit b{ font-size:22px;}
.about_tit span{ top: -20px;  font-size:22px; width: 100%; text-align: center; left: 0 }
.about_tit .line{margin:5px auto;}
.company{ width:98%; line-height:1.7; margin: 0 auto }
.abouttel{ width: 98%; margin: 15px 0 }
.abouttel .l{ width: 44%; }
.abouttel .l b{ font-family: arial; font-size:18px }
.abouttel .r{ width:55%;font-size:18px  }
.por_ny, .newsnl,.porgk {width: 780px;}
.por_list,.news_list{ width:780px  }
.cpnr1 .tage2 strong{ font-size: 22px }

}


@media screen and (max-width:1100px){
img{ width: 100% !important; display: block; max-width: 100%; height: auto; }
.m-top{ display: block; }
.m-top .mlogo img{height:45px !important;  width: auto !important; margin-top: 8px}
.top{ display: none; }
.dock{ display: none; }
.inner {width:98%; margin: 0px auto; max-width:98% }
.mimg{ display: block; }
.pcimg{ display: none; }
.ind_tit { padding-bottom: 25px }
.ind_tit b {font-size: 22px;}
.ind_tit span {top: -25px;font-size:20px;}
.ind_tit .line {margin:8px auto;}
.i_cpfl{ margin-bottom: 10px }
.i_cpfl li {width: 30%;height: 40px;line-height: 40px;  font-size: 14px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.ind_por {padding: 40px 0 20px 0;}
.porteam,.casepic{width:48%; padding:0px; text-align: left; margin: 0 2% 15px 0 ;height: auto;}
.porteam:nth-child(2n){ margin-right: 0 }
.porteam .img,.casepic .img{width: 100%; height: auto; }
.porteam .img img, .casepic .img img {height: auto;}
.porteam .img:hover img{transform: scale(1.06, 1.06);transition: all 0.3s;}
.ind_ys .yslist{ max-width:100%; width: 98%; margin:0 auto; }
.ind_ys .yslist li{ width:98%; height: auto; padding: 5px; margin:15px auto; }
.ind_ys .yslist li .tit{ font-size: 18px;padding: 10px 0; }
.ind_lc{ display: none; }
.rollBox{ display: none; }
.abouttel{display: none; }
.indcase_list{ display: block; }
.ind_case{ padding: 25px 0;  }
.ind_news .newslist{  width:98%; clear: both; margin: 0 auto}
.ind_news .newslist.r{ display: none; }
.footer .inner{ display: none; }
.ind_news {padding: 25px 0;}
.ind_news .newtit{ line-height: 40px;margin-bottom: 10px }
.ind_news .newtit b{ font-size: 18px;  width: 80px }
.ind_news .newtit a{ margin-top: 5px }

.sider{ width: 98%; clear: both; margin: 0 auto }
.left_lx,.xgnews{ display: none; }
.left_nav .lone{ height:auto; font-size: 20px;  padding: 10px;  }
.left_nav .lone .en{ font-size: 14px; margin:5px auto 0 auto; width: 120px  }

.left_nav li{ height: 35px; line-height: 35px; font-size: 14px; width: auto; margin: 10px 1% 0 1%; display:inline-block;  text-align: center; overflow: hidden;}
.left_nav li a{padding: 0 8px}
.left_nav li i{ display: none;  }
.por_ny, .newsnl,.porgk,.por_list,.news_list {width: 98%;  clear: both; margin: 5px auto}
.mr5 {margin-top: 10px;}
.wtit,.xqtit{ font-size: 15px;margin-bottom: 10px; }
.xqtit i {font-size: 14px;}
.xqtit:before {width: 60px;height: 3px;bottom: -10px;left: 40px;}
.xgcptj ul{ padding-top: 10px }
.itemL{ width:47%;  margin:0 1% 10px 1% ;}
.itemL:nth-child(2n){ margin-right: 0 }
.wtit{ height: 40px; line-height: 40px; margin-top: 0 }
.cpnr1{ margin-bottom: 10px }
.cpnr1_l,.cpnr1_r{ clear: both; width: 98%; margin: 0 auto }
.msg { padding-bottom: 10px }
.msg form .same {margin: 0 auto 8px auto;width:100%; clear: both;}
.msg form .submit_box {width: 98%; margin: 0 auto; clear: both; }
.submit{ text-align: center; font-size: 14px }
.msg form .submit input{width:40%;height:35px;font-size:15px;color:#fff; margin-right: 3%}
.daodu{ display: none; }
.porgk{ display: none; }
.left_nav, .xgnews {padding-bottom: 10px; margin-bottom: 15px}
.por_list li,.casepic{ height: auto; width:46%;  margin: 0 1% 15px 1%;padding: 3px }
.por_list li .img,.casepic .img{display: block; width: 100%; height: auto;  transition: all 0.3s;overflow: hidden; }
.ind_about .l{ width: 98%;clear: both; }
.ind_about .r{ display: none; }
.por_list li .img img,.casepic .img img{ width:100% !important; height: auto  !important; }
.por_list li span{padding:5px;  }
.por_list li:nth-child(2n) {margin-right: 0;}
.por_list li:nth-child(3n) {margin: 0 1% 15px 1% }
.bottom{ display: block; }
 .bqsy{line-height:22px}
  
}