@charset "utf-8";
/* CSS Document */

.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}
/* body ------------------------------*/
body {font-family:Microsoft YaHei; font-size: 14px; line-height: 120%; color: #000; background-color:#fff;}
#pagewrap{ width:auto !important; margin:0 auto;}
.max{  margin:0 auto; position:relative; z-index:1; overflow:hidden;}
.index_max{ width:100%; height:auto!important; position:relative; z-index:8;  overflow:hidden; }
.n_top { width:100%; height:auto;margin:0 auto;background:url("../images/navi-bg.jpg") repeat-x;  overflow: hidden;}
.hed0{float:left;width:16%; height:auto; margin:6% 0 0 4%;}
.hed0 a{font-size: 14px; line-height: 20px; padding:6% 20%;color:#1367a3; border: 1px solid #1367a3; border-radius:16%;}
.hed1{ width:60%; margin:0 auto;}
.hed1 img{width:100%; margin:5% auto;}
.hed2:nth-child(1){float: left; width:58%; }
.hed2 img{float:left;width:90%; margin:10% auto;}



.mainbox{ width:100%;}



.conter{width:100%;margin:0 auto;overflow: hidden;}
.con1{ width:100%;background: #fff;}
.con1 ul li{width:25%; float:left; text-align:center;margin:8% auto 0; }
.con1 ul li a{ display: block; font-size:0.6em; color:#333;}
.con1 ul li img{width:80%; }
.con1 ul li a span{ display: block;width: 100%; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px; }

.con2{width:100%;height:auto; margin:0 auto; background: #fff; overflow: hidden; }
.top{width:100%;height:40px; border-bottom: 1px solid #517fc2; position: relative;}
.top h3{width:60%; text-align:left; font-size: 14px; color:#000; background:#fff;line-height: 32px; position: absolute; top:55%; left:18%;}
.top h3 font{font-size:18px;color:#517fc2; font-weight: bold;}
.top h3 img{display: inline; float: left; width:10%; margin:1%;}

.con2_1{width:96%;height:auto; margin:6% auto 4%; overflow: hidden; background:#fff;}
.con2_left{float:left;width:56%; background: url("../images/con0.jpg")no-repeat; background-size: 100%;padding:4%; font-size: 12px; color:#333;}
.con2_right{float:left; width:36%;}
.con2_right img{width:100%;margin:0 auto;}
.con2_right ul li{float: left; width:50%;}
.con2_right ul li img{width:99%; margin:0 auto; border:1px solid #dddddd;}


.top1{width:98%; float: right; }
.top1 h3{float: left;border-left: 16px solid #517fc2; padding-left:2%; font-size: 16px; color:#333; margin-top:3%;}
.top1 h4{float: right; background: url("../images/bg1.jpg") repeat-x; width:20%; height:30px; line-height:30px; color:#fff; font-size: 12px;text-align:right;padding-right:4%;}
.con2_2 ul li{float:left;width:30%; height:24px; margin:1.4%; border: 1px dashed #517fc2; color:#517fc2; font-size: 16px; text-align: center; line-height: 24px; border-radius:4px;}
.con2_3 ul li{width:96%; margin:0 auto; font-size: 14px; color:#333; line-height: 30px; height:auto;overflow: auto;}
.con2_3 ul li font{float: right;}
.con2_4{width:100%; height:auto; margin:0 auto;}
.con2_4 img{width:100%; margin:0 auto;}



.con3{width:100%;height:auto; margin:0 auto; background: #fff; overflow: hidden; }
.con3_1{width:96%;height:auto; margin:0 auto ; overflow: hidden; background:#fff;}
.con3_left{float:left;width:65%; padding:1%; }
.con3_left ul li{width:96%; padding-left:4% ; height:30px; line-height: 30px; font-size: 14px; color:#fff; background: #517fc2; margin:1% auto;}
.con3_right{float:left; width:32%; margin-top:2%;}
.con3_right img{width:100%;margin:0 auto;}
.con3_right ul li{float: left; width:50%;}
.con3_right ul li img{width:99%; margin:0 auto; border:1px solid #dddddd;}
.con3_2 ul li{width:96%; margin:1% auto; font-size: 14px; color:#333; line-height: 30px; height:auto;overflow: auto; border-bottom: 1px solid #eeeeee;}
.con3_2 ul li.bg1{background: #eee;}
.con3_2 ul li font{float: right;}

.con4{width:100%;height:auto; margin:0 auto; background: #fff; overflow: hidden; }
#democ { overflow:hidden; height:auto;padding-top:4px;position:relative;}
.roll_list li { float:left; width:46%;position:relative;}
.pl img{width:100%;overflow:hidden; }
#indemoc { float: left; width: 100%;}
#demo1c {float: left;}
#demo2c {float: left; }
.pic_img{width:181px;height:133px; display: table-cell; line-height:133px;text-align:center;overflow:hidden;vertical-align:middle;
    *display: block;*font-size:116px;border:1px solid #D2D2D2;}
.pic_img img {vertical-align:middle;max-width:181px;max-height:133px;}
.pic_txt {display:block;width:100%; margin:1% auto; height:26px; background: #517fc2; line-height: 26px; font-size: 16px; color:#fff; text-align: center;;}
.roll_list li  a{display:block;color:#594532;font-size:0;}
.m_prolist{padding-top:22px;height:auto;overflow:hidden;}
.m_prolist li{width:50%;float:left;border-bottom:1px dashed #BEBEBE;padding:5px 0;line-height:40px;height:40px;overflow:hidden;}
.m_prolist li span{float:left;display:block;width:140px;height:40px;background:#000 url(../images/prolist_bg.gif) no-repeat right 0;padding-right:7px;
    color:#fff;font-size:16px;font-weight:bold;margin-right:30px; text-align:center;}
.m_prolist li span a{ color:#fff;font-size:16px;font-weight:bold;padding:0;text-align:center;display:block;width:100%;}
.m_prolist li h2{float:right;width:412px;}
.m_prolist li a{color:#333;font-size:14px;float:left;padding-right:10px;}
.con4_1{width:96%; margin:0 auto;}
.con4_1 ul li{float:left; width:44%; margin:3%;}
.con4_1 ul li img{width:100%; margin:0 auto;}
.con4_1 ul li h6{width:100%; margin:1% auto; height:26px; background: #517fc2; line-height: 26px; font-size: 16px; color:#fff; text-align: center;}

.con5_1{width:96%;height:auto; margin:0 auto; background: #fff; }
.con5_1 ul li{width:21%; float:left; text-align:center;margin:2%; display: block; font-size:0.6em; color:#333; position: relative;}
.con5_1 ul li img{width:100%; }
.con5_1 ul li h6{width:60px; height:40px; padding: 20px 5px 10px; border-radius:50%; background:#517fc2; font-size: 14px; color:#fff; text-align: center; position: absolute; bottom:-10%; border: 2px solid #fff;}
.con5_2{width:80%; height:30px; background: #517fc2; margin:0 auto;}
.con5_3{width:40%; margin:0 auto; font-size: 16px; color:#fff; line-height: 30px;}
.con5_3 img{width:16%; display:inline;float: left; margin: 6%;}
.con6{width:100%; height:auto; margin:0 auto; background: url("../images/bg2.jpg") repeat-x; background-size: 100%;  font-size: 16px; color:#517fc2; line-height: 24px; text-align: center; overflow: hidden;padding:5% 0;}
.con6_1{width:80%;margin:0 auto;text-align: left;font-size: 16px; color:#517fc2; line-height: 24px;}
.con6_1 img{display:inline; width:60%;}

.m_foot { width:100%; position:fixed;  bottom:0; z-index: 99;max-width: 640px;margin: 0 auto;background: #517fc2;}
.m_foot ul li { width:25%; float:left; background: #517fc2; padding:1% 0 3%;}
.m_foot ul li img{width:30%; margin-top:4%;}
.m_foot ul li h6{text-align: center;font-size: 14px; color:#fff; background: #517fc2;line-height: 20px;}

.prod{width:92%; margin:4% auto;}
.prod1{width:100%; height:auto; padding:1% 0;margin:2% auto; border-bottom: 1px solid #517fc2; overflow: auto;}
.prod1 h3{float: left; line-height: 30px; font-size: 18px; color:#fff; padding:0 2%;background: #517fc2;}
.prod1 h4{float: right; width:20%; font-size: 18px; color:#517fc2; line-height: 30px;}
.prod1 h4 img{display: inline; width:40%; float:left; margin-right:6%;}
.prod1_1{width:92%; height:auto; padding:4%; margin:0 auto; background: #f4f4f4;}
.prod1_1 ul li{width: 100%;  height: 50px;  overflow: hidden;  margin-bottom: 4%;  }
.prod1_1 ul li a{ display: block; font-size: 14px;  color: #666;  line-height:25px;}
.prod1_2 img{width:100%;margin:0 auto;}

.prod2_1{width:92%; height:auto; padding:4%; margin:0 auto; background: #fff;}
.prod2_1 ul li{width: 100%;  height: 50px;  overflow: hidden;  margin-bottom: 4%;  font-size: 14px;  color: #666;  line-height:25px; border-bottom: 1px dashed #e5e5e5; padding-bottom: 2%;}
.prod2_1 ul li h3{ font-size: 14px;  color: #333;  line-height:25px;}
.prod2_1 ul li h3 font{float: right; }

.prod2_2{width:80%; height:30px; margin:0 auto;}
.prod2_3{width:40%; margin:0 auto; font-size: 16px; color:#517fc2; line-height: 30px;}
.prod2_3 img{width:20%; display:inline;float: left; margin: 6%;}

.prod3_1{width:92%; height:auto; padding:4%; margin:0 auto; background: #fff;font-size: 14px; line-height:26px;  color:#333;}
.prod3_1 font{float: right;}
.prod3_1 h3{font-size: 16px; line-height: 30px; text-align: center; margin:4%; color:#333;}
.prod3_1 h3 span{color:#666; font-size: 12px;}
.prod3_1 img{display: inline; width:48%; float: left; margin: 1%;}

.prod4_1 ul li{float:left; width:44%; margin:3%;}
.prod4_1 ul li img{width:100%; margin:0 auto;}
.prod4_1 ul li h6{width:100%; margin:1% auto; height:26px; background: #517fc2; line-height: 26px; font-size: 16px; color:#fff; text-align: center;}

.prod5_1 ul li {float:left;width:30%; height:32px; margin:1.3%; border: 1px solid #e5e5e5; color:#333; font-size: 16px; text-align: center; line-height: 24px; border-radius:4px; }
.prod5_1 ul li .bg2{background: #e5e5e5;border: 4px solid #fff;}