@charset "utf-8";
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*通用*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer,i,img{margin:0;padding:0;font-size:14px;list-style:none;text-decoration:none;border:0;}
body{ font-family:'',Helvetica,Arial,Tahoma;min-width:240px;color:#4D4D4D; background:#fff; }
a{color:#666;text-decoration:none;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.header{ max-width:680px; min-width:240px; margin:0 auto;}
/*公司名称和电话*/
.top_01{ background:#3c91df; height:50px; line-height:64px; position:relative;}
.top_01{ text-align:center; color:#fff; font-size:16px; font-weight:500;}
.top_01 .logo{ float:left;width:120px; height:44px; margin-left:38%; margin-top:10px;}
.top_01 .logo img{ width:120px; height:44px;}
.top_01 .tel{ float:right;width:42px; height:42px; margin-right:10px; margin-top:1px;display:block;}

/*banner*/
.box_swipe { overflow: hidden; position: relative; max-width:680px; min-width:200px; margin:0 auto;}
.box_swipe ul{ -webkit-padding-start: 0px; margin-top: -5px; z-index:1; position:relative; height:200px;}
.box_swipe ul li img{ height:200px;}
.box_swipe > ol{ height: 20px; position: relative; z-index: 10; margin-top: -20px; text-align: right; padding-right: 15px; background-color: rgba(0,0,0,0.3); }
.box_swipe > ol > li { display: inline-block; margin: 5px 0; width: 8px; height: 8px; background-color: #757575; border-radius: 8px; }
.box_swipe > ol > li.on { background-color: #ffffff; }

.menu{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden;background:url(../images/conbg.png) center top no-repeat; position:relative; padding-bottom:55px;height:725px;}
.menu .l1{ width:20%; height:161px; position:absolute; right:16%; top:45px;}
.menu .l1 img{ width:100%; min-height:55%; max-height:85%;outline-width:0px;vertical-align:top;}
.menu .l1 span{ height:25px; line-height:25px; color:#1f7397; font-size:14px; display:block; width:100%; text-align:center;}
.menu .l2{ width:20%; height:161px; position:absolute; left:16%; top:160px;}
.menu .l2 img{ width:100%; min-height:55%; max-height:85%;outline-width:0px;vertical-align:top;}
.menu .l2 span{ height:25px; line-height:25px; color:#1f7397; font-size:14px; display:block; width:100%; text-align:center;}
.menu .l3{ width:20%; height:161px; position:absolute; right:16%; top:274px;}
.menu .l3 img{ width:100%; min-height:55%; max-height:85%%;outline-width:0px;vertical-align:top;}
.menu .l3 span{ height:25px; line-height:25px; color:#1f7397; font-size:14px; display:block; width:100%; text-align:center;}
.menu .l4{ width:20%; height:161px; position:absolute; left:16%; top:388px;}
.menu .l4 img{ width:100%; min-height:55%; max-height:85%;outline-width:0px;vertical-align:top;}
.menu .l4 span{ height:25px; line-height:25px; color:#1f7397; font-size:14px; display:block; width:100%; text-align:center;}
.menu .l5{ width:20%; height:161px; position:absolute; right:16%; top:563px;}
.menu .l5 img{ width:100%; min-height:55%; max-height:85%;outline-width:0px;vertical-align:top;}
.menu .l5 span{ height:25px; line-height:25px; color:#1f7397; font-size:14px; display:block; width:100%; text-align:center;}
@media only screen and (max-width: 480px) 
{
	.menu{    max-width: 480px;
    min-width: 240px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/cb.png) center top no-repeat;
    position: relative;
    /* padding-bottom: 55px; */
    height: 400px;
    /* padding-bottom: 55px;*/}
	.menu .l1{ width:18%; height:81px; position:absolute; right:16%; top:15px;}
.menu .l1 img{ width:100%; min-height:55%; max-height:85%;outline-width:0px;vertical-align:top;}
.menu .l1 span{ height:25px; line-height:25px; color:#1f7397; font-size:12px; display:block; width:100%; text-align:center; white-space: nowrap;}
.menu .l2{ width:18%; height:81px; position:absolute; left:16%; top:65px;}
.menu .l2 img{ width:100%; min-height:55%; max-height:85%;outline-width:0px;vertical-align:top;}
.menu .l2 span{ height:25px; line-height:25px; color:#1f7397; font-size:12px; display:block; width:100%; text-align:center; white-space: nowrap;}
.menu .l3{ width:18%; height:81px; position:absolute; right:16%; top:120px;}
.menu .l3 img{ width:100%; min-height:55%; max-height:85%%;outline-width:0px;vertical-align:top;}
.menu .l3 span{ height:25px; line-height:25px; color:#1f7397; font-size:12px; display:block; width:100%; text-align:center; white-space: nowrap;}
.menu .l4{ width:18%; height:81px; position:absolute; left:16%; top:165px;}
.menu .l4 img{ width:100%; min-height:55%; max-height:85%;outline-width:0px;vertical-align:top;}
.menu .l4 span{ height:25px; line-height:25px; color:#1f7397; font-size:12px; display:block; width:100%; text-align:center; white-space: nowrap;}
.menu .l5{ width:18%; height:81px; position:absolute; right:16%; top:225px;}
.menu .l5 img{ width:100%; min-height:55%; max-height:85%;outline-width:0px;vertical-align:top;}
.menu .l5 span{ height:25px; line-height:25px; color:#1f7397; font-size:12px; display:block; width:100%; text-align:center; white-space: nowrap;}
	 }

/*slideTxtBox_01*/
.slideTxtBox_01{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.slideTxtBox_01 .hd{ width:100%; height:30px; background:#fff; border-bottom:#ccc solid 3px; margin-bottom:20px;}
.slideTxtBox_01 .hd ul li{ float:left; width:33%; height:30px; line-height:30px; text-align:center;}
.slideTxtBox_01 .hd ul li a{ display:block; width:100%; height:25px;}
.slideTxtBox_01 .hd ul li a:hover{ color:#3c91df;}
.slideTxtBox_01 .hd ul li.on{ border-bottom:#3c91df solid 3px;cursor:pointer;} 
.slideTxtBox_01 .hd ul li.on a{color:#3c91df; } 
.slideTxtBox_01 .bd{ width:100%;}
.slideTxtBox_01 .bd ul li{ width:50%; float:left; }
.slideTxtBox_01 .bd ul li a{ display:block;}
.slideTxtBox_01 .bd ul li span{ display:block; vertical-align:middle;border:solid #eee 1px;background:#fff; text-align:center;min-height:150px; margin:0 5px; border-radius:5px; overflow:hidden;}
.slideTxtBox_01 .bd ul li span table tr td{ height:150px; vertical-align:middle;}
.slideTxtBox_01 .bd ul li span img{ max-height:150px; max-width:100%;vertical-align:middle;}
.slideTxtBox_01 .bd ul li strong{ display:block; height:30px; line-height:30px; font-weight:normal; text-align:center;}

.cpxq{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.cpxq ul li{ border:#ccc solid 1px; width:96%; margin:10px 2%; height:50px;}
.cpxq ul li img{ width:20%; float:left; height:39px; margin:1%; display:block;}
.cpxq ul li .right{ float:right; width:75%; }
.cpxq ul li .right strong{display:block; height:15px; line-height:19px; color:#000; font-size:15px; font-weight:normal; margin-top:1%; margin-bottom:1%;}
.cpxq ul li .right span{display:block; height:25px; line-height:25px; font-size:12px; color:#999;}

.yjzx{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.yjzx .zt{ width:90%; margin:10px auto 0 auto; height:30px; line-height:30px;}
.yjzx .name{ width:90%; margin:10px auto 0 auto; height:30px; line-height:30px;}
.yjzx .tel{ width:90%; margin:10px auto 0 auto; height:30px; line-height:30px;}
.yjzx .email{ width:90%; margin:10px auto 0 auto; height:30px; line-height:30px;}
.yjzx .nr{ width:90%; margin:10px auto 0 auto; height:100px; line-height:100px;}
.yjzx .zb{ width:90%; margin:10px auto 0 auto; height:100px; line-height:100px;}
.yjzx .button{ width:90%; margin:10px auto 0 auto; height:100px; line-height:100px;}

.product_list{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden; margin-top:10px;}
.product_list .con{ padding:10px 0; background:#fff;border-left: 1px solid #dcdee0; line-height:24px;border-right: 1px solid #dcdee0; margin:0 10px;}
.product_list ul{ padding:5px;}
.product_list ul li{ width:50%; float:left;}
.product_list ul li a{ display:block;}
.product_list ul li span{ display:block; vertical-align:middle;border:solid #eee 1px;background:#fff; text-align:center;min-height:150px; margin:0 5px; border-radius:5px; overflow:hidden;}
.product_list ul li span table tr td{ height:150px; vertical-align:middle;}
.product_list ul li span img{ max-height:150px; max-width:100%;vertical-align:middle;}
.product_list ul li strong{ display:block; height:24px; line-height:24px; font-weight:normal; text-align:center;}

.news{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden; margin-top:10px;line-height:20px;}
.news .con{padding:10px 0; background:#fff;border-left: 1px solid #dcdee0; line-height:24px;border-right: 1px solid #dcdee0; margin:0 10px;}
.news ul li{ margin:0 10px; border-bottom:#eee solid 1px; padding-top:8px; padding-bottom:3px;}
.news ul li span{ display:block; height:20px; line-height:20px; font-size:10px; color:#aaa;}

.contact{max-width:680px; min-width:240px; margin:0 auto; overflow:hidden; margin-top:10px;}
.contact .con{padding:10px 0; background:#fff;border-left: 1px solid #dcdee0;border-bottom: 1px solid #dcdee0; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:24px;border-right: 1px solid #dcdee0; margin:0 10px;}
.contact dl{ padding:5px 10px;}
.contact dl dd{ border-bottom:#eee solid 1px; line-height:20px; padding:5px 0px;}
.contact dl dd strong{ font-weight:normal;}
.contact dl dd span{ color:#333;}
.contact dl dd span a{ background:#3c91df; color:#fff; padding:2px 5px; border-radius:3px;}

.footer{ background:#fafafa; margin-top:10px; border-top:#ccc solid 2px; text-align:center; padding:10px 0; padding-bottom:60px;}
.footer dl dt{ height:20px; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.footer dl dd{ font-size:12px; color:#999; line-height:20px; height:20px;}
.footer dl dd a{font-size:12px; color:#999;}

.side_nav{ height:50px; z-index:99;position:fixed; bottom:0; width:100%; overflow:hidden; background:#3c91df;margin-top:50px; }
.side_nav ul{ text-align:center; height:50px;}
.side_nav ul li{ width:33%; float:left;}
.side_nav ul li a{ display:block; color:#fff; font-size:12px; height:50px; border-left:#55a5ef solid 1px; }
.side_nav ul li img{ width:20px; height:20px; display:block; margin:0 auto; padding-top:10px; }
.side_nav ul li span{ display:block; height:20px; text-align:center; color:#fff;}

.nr{max-width:680px; min-width:240px; margin:0 auto; margin-top:20px; padding:0 1%;}