* { padding: 0; margin: 0 }
body {font-size:14px; font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif;line-height:2;color:#444; background:#fff}

ul, ol { list-style-type: none }
textarea, select, input, button, label, img { vertical-align: middle; font-family: 'Raleway', 微软雅黑 }
input[type=submit] { cursor: pointer }
input, button { overflow: visible }
table { border-collapse: collapse }
img { border: 0; vertical-align: middle; max-width: 100% }
html { -webkit-text-size-adjust: none }
input, textarea, div, a, select { outline: none }
input, textarea, label { font-size: 14px }

body {min-width: 1200px;}
.wp {width: 100%;max-width: 1200px; margin: 0 auto;}
.c:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.c { *zoom: 1 }
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.rel { position: relative }
.abs { position: absolute }
.none { display: none }
.tac { text-align: center }
.tar { text-align: right }

.text-overflow { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.table { display: table; table-layout: fixed; width: 100% }
.table li, .cell { display: table-cell; vertical-align: middle }
.inline-box { font-size: 0px; text-align: center }
.inline-box li, .inlineb { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1 }
img.img_vm { vertical-align: middle; top: 0; left: 0; bottom: 0; right: 0; margin: auto; position: absolute; max-height: 100% }
a { color: #444; text-decoration: none;}
a:link { }
a:hover { text-decoration: none; color: #d72502 }
a:active { }
a:visited { }

.header {padding: 14px 0px;}
.logo img {vertical-align: top;height: 77px;}
.tel {margin-top: 10px;background: url(../images//ico_tel.jpg) no-repeat 0 center;padding-left: 80px;font-size: 18px;color: #393333;line-height: 30px}
.tel span {font-size: 18px;color: #000;display: block;}

.nav {background: #f7f7f7;height: 45px;line-height: 45px}
.nav li {width: 16.66666666666667%;float: left;text-align: center;}
.nav li a {color: #333333;font-size: 18px;display: block;}
.nav li.on a, .nav li a:hover {background: #00a13a;color: #fff;}


.t1 {line-height: 30px;margin-bottom: 50px;}
.t1 h5 {font-size: 26px;color: #666666;font-family: arial;text-transform: uppercase;font-weight: normal;margin-bottom: 10px;}
.t1 span {font-size: 30px;color: #333333;vertical-align: top;padding: 0 15px}
.t1 i {width: 28px;height: 2px;background: #306efa;vertical-align: 0}

.about_f1 {padding: 50px 0}

.about_f1 .con {font-size: 18px;line-height: 40px}



.bread {padding: 15px 0}
.bread a, .bread span {margin: 0 5px}


.subnav {border-bottom: 2px solid #f7f7f7;height: 70px;line-height: 70px;}
.subnav li {float: left;}
.subnav li a {display: block;padding: 0 30px;font-size: 16px;}
.subnav li.on a,
.subnav li a:hover {background: #00a13a;color: #fff;}

.pro_list {padding: 50px 0;background: #f0f0f0}
.pro_list ul {margin: 0 -15px;}
.pro_list li {width: 25%;float: left;text-align: center;margin-bottom: 30px;}
.pro_list li .pic  {height: 215px;}
.pro_list li .pic  img {width: 100%;}
.pro_list li .t {line-height: 50px;height: 50px;background: #fff;font-size: 16px;}
.pro_list li a {display: block;margin: 0 15px;background: #fff;}

.case_list li a {box-shadow: 0 0 5px #ccc;}
.case_list li a .info {padding: 10px 10px;line-height: 20px;font-size: 16px;}
.case_list li a .info p {font-size: 12px;color: #666;padding: 5px 0}


.act_box {background: #fafafa;padding: 60px 0}
.act_box .wp {background: #fff;}
.act_box .wp .info {padding: 40px;line-height: 30px}
.act_box .wp .dt {width: 560px;}


.feedback {padding: 60px 0}
.feedback .t {font-size: 30px;color: #333;}
.feedback .t span {font-size: 16px;color: #666;}
.feedback form {width: 100%;background: #f5f5f5;margin-top: 20px;display: block;padding: 40px}
.feedback form td {padding: 10px}
.feedback form td div {background: #fff;padding: 0 10px;line-height: 50px}
.feedback form td div .inp {width: calc(100% - 100px);font-size: 14px;border:0;vertical-align: top;line-height: 50px;height: 50px;}
.feedback form td div textarea {display: block;border:0;width: 100%;height: 100px}

.feedback form .mit,
.feedback form .reset {width: 165px;height: 50px;background: #dddddd;font-size: 16px;color: #666;border:0;margin: 0 20px;margin-top: 20px;}
.feedback form .mit {color: #fff;background: #00a13a}



.page {font-size: 0;text-align: center;padding: 0}
.page a, .page span {display:inline-block;*display: inline;*zoom: 1;font-size: 14px;background: #f6f6f6;border:1px solid #eee;padding: 4px 14px;text-transform: uppercase;margin: 0 5px}
.page a:hover, .page a.on, .page span.current {background: #00a13a;color: #fff;}


.bread .wp p {background: url(../images/ico_brand.jpg) no-repeat 0 center;padding-left: 25px;}

.main {padding: 40px 0;background: #f0f0f0}
.ml {width: 300px;}
.t2 {background: #00a13a;padding: 10px;font-size: 24px;text-align: center;color: #fff;line-height: 30px}
.t2 span {font-size: 18px;text-transform: uppercase;display: block;}
.sub li {border-bottom: 1px solid #dfdfdf;line-height: 60px;height: 60px;background: #fff;}
.sub li a {background: url(../images/li1.jpg) no-repeat 20px center;padding-left: 40px;font-size: 16px;}

.leftact {background: #fff;padding: 20px;margin-top: 20px;}
.leftact .t {font-size: 18px;}
.leftact .t span {font-size: 12px;}
.leftact .leftm {background: #f0f0f0;padding: 10px;margin: 5px 0}
.leftact .leftm li {font-size: 12px;}
.leftact .leftm img {width: 94px;}
.leftact .leftm .txt {width: 140px;text-align: left;}
.leftact .p {line-height: 26px;padding: 5px 0 0 0}


.mr {margin-left: 330px;background: #fff;padding-bottom: 30px;}
.news_list {margin-bottom: 30px;}
.news_list li {padding: 30px;border-bottom: 1px solid #e0e0e0;overflow: hidden;}
.news_list li .pic {display: block;margin-right: 20px;width: 192px;}
.news_list li .info {margin-left: 212px;}
.news_list li .t {padding: 5px 0}
.news_list li .t a {font-size: 18px;color: #333;}
.news_list li .p {color: #666;height: 77px;line-height: 24px}
.news_list li .time {color: #666;font-size: 12px;}
.news_list li .time a {font-size: 16px;color: #409ff9;border:1px solid #409ff9;float: right;padding: 0px 10px;border-radius: 5px;}
.news_list li .t a:hover {color: #00a13a;}

.cont {padding: 50px;line-height: 26px;}
.cont h2 {color: #000;text-align: center;font-weight: normal;margin-bottom: 20px;}

.pro_box {background: #f0f0f0;padding: 50px 0}
.pro_box .cont {background: #fff;}


.banner, .banner .bd ul li a {display: block;width: 100%;background-repeat: no-repeat;background-position: center center;}
.banner .hd {bottom:34px;left:0;text-align: center;width: 100%;font-size: 0;}
.banner .hd ul li {width: 12px;height: 12px;border-radius: 12px;background: #fff;margin: 0 5px;display: inline-block;*display: inline;*zoom: 1;}
.banner .hd ul li.on {background: #004ea1}
    
.t3 {line-height: 30px;}
.t3 h5 {font-size: 30px;color: #333;font-weight: normal;}
.t3 .en {font-size: 30px;font-family: arial;color: #666;padding: 7px 0}
.t3 span {font-size: 14px;color: #333;}
.t3 i {background: #306efa;height: 2px;width: 34px;margin: 0 10px}

.home_f1 {padding:60px 0}
.home_f1 .box {background: #fafafa;margin-top: 40px;}
.home_f1 .box .pic {width: 440px;}
.home_f1 .box .info {margin-left: 440px;padding-left: 40px;}
.home_f1 .box .info .t {padding: 40px 0 10px 0;font-size: 18px;color: #000;}
.home_f1 .box .info .t span {display: block;font-size: 16px;color: #666;}
.home_f1 .box .info .more a {background: url(../images/ico_view.jpg) no-repeat 0 center;padding-left: 25px;color: #306efa;}
.home_f1 .box .info .more {margin-top: 30px;}



.home_f2 {background: url(../images/bg1.jpg) no-repeat center center;background-size: cover;padding: 60px 0}
.home_f2 .box10 {background: none;padding: 0}
.suba {line-height: 50px;height: 50px;margin: 30px 0 38px 0}
.suba li span {font-size: 16px;color: #333;display: block;background: #ecebe8;padding: 0 50px}
.suba li.on span {background: #00a13a;color: #fff;}

.strbox {line-height: 52px;margin-top: 10px;}
.strbox .more {background: #306efa;font-size: 16px;color: #fff;width: 140px;height: 52px;text-align: center;display: inline-block;,margin-right: 13px;}
.strbox .tel2 {background: #00a13a url(../images/ico_tel2.jpg) no-repeat 20px center;padding-left: 60px;color: #fff;font-size: 18px;height: 52px;display: inline-block;padding: 0 20px 0 60px;margin-left: 10px;}

.home_f3 {padding: 60px 0;}
.home_f3 ul {margin:0 -8px;margin-top: 80px;}

.ys_list li {width: 25%;}
.ys_list li div {box-shadow: 0 5px 5px #edf0f3;background: #fafafa;margin: 0 8px;}
.ys_list li div .tit {width: 216px;height: 60px;background: #306efa;color: #fff;font-size: 18px;margin: 0 auto;top: -30px;position: relative;line-height: 60px}
.ys_list li div span {padding: 30px 0 60px 0;display: block;}
.ys_list li div .dec {font-size: 14px;color: #666;padding: 0 20px 20px 20px;text-align: left;height: 90px;line-height: 26px}




.home_f4 {padding: 60px 0}
.home_f4 .t3 {margin-bottom: 40px;}
.infofl {width: 885px;background: #fafafa;padding-bottom: 40px;}
.infofl .hd {height: 56px;line-height: 56px;border-bottom: 1px dotted #9f9f9f;padding: 0 20px;margin-bottom: 10px;}
.infofl .hd .fr {float: right;margin-right: 20px;color: #999;}
.infofl .hd ul li {float: left;}
.infofl .hd ul li a {color: #000;font-size: 16px;padding: 0 20px;}
.infofl .hd ul li.on a {color: #00a13a;}
.infofl .bd .it ul li {padding: 20px 40px 0 40px;overflow: hidden;}
.infofl .bd .it ul li .pic {width: 192px;margin-right: 20px;}
.infofl .bd .it ul li .t {font-size: 16px;color: #000;margin: 8px 0}
.infofl .bd .it ul li p {font-size: 12px;color: #666;margin-bottom: 8px;}
.infofl .bd .it ul li .more a  {color: #999;font-size: 12px;}

.infofr {background: #fafafa;width: 300px;}
.infofr .t {height: 56px;line-height: 56px;padding: 0 20px;border-bottom: 1px dotted #9f9f9f;font-size: 16px;color: #000;}
.infofr .t a {color: #999;font-size: 14px;}
.infofr ul li {padding: 20px 20px;border-bottom: 1px dotted #9f9f9f;}
.infofr ul li .ts {background: url(../images/ico_f.jpg) no-repeat 0 center;padding-left: 30px;font-size: 16px;color: #000000;margin-bottom: 8px;}
.infofr ul li .p {background: url(../images/ico_q.jpg) no-repeat 0 3px;padding-left: 30px;font-size: 13px;color: #666;}





.bottom_box {background: #333333}
.footer {overflow: hidden;padding: 10px 0;color: #666666;border-top: 1px solid #444444;}
.bottom_nav {border-bottom: 1px solid #444444;padding: 0 100px}
.bottom_nav li {width: 16.6%;float: left;text-align: center;padding: 50px 0 20px 0}
.bottom_nav li a {color: #dddddd;font-size: 16px;display: block;}
.bottom_info a,
.bottom_info {color: #999999;}
.bottom_info {padding: 50px 0}
.bottom_info .bact {padding: 0 50px;}
.bottom_info .bact .t {color: #dddddd;font-size: 16px;margin-bottom: 5px;}
.bottom_info .m li {float: left;margin-left: 30px;text-align: center;}
.bottom_info .m li span {display: block;padding: 5px 0 0 0}