*{padding:0; margin:0; outline:0; border:0; box-sizing:border-box;font-style: normal;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, textarea, img{border:medium none;margin:0;padding:0;}

body,textarea,input,button,select,keygen,legend{font:12px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif; color:#484848; outline:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:lighter;}
em{font-style:normal;}

ul, li, ol{list-style:none;}

a{text-decoration:none;color:#666;}
a:hover{color:#ce0c36; text-decoration:none; -webkit-transition:0.3s; transition:0.3s;}

.fl{float:left;} .fr{float:right;}
img{border:0px;}
.f1{font-size:24px; color:#fd4753;}

table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.w_1200{display: table;width: 1200px; margin:0 auto; height: auto;}

.top_bg{width: 100%;height: 38px; background: #f5f5f5; line-height: 38px;border-bottom: 1px solid #ddd; box-shadow: 1px 1px 6px #f1f1f1;}
.top_bg em a img{width: 30px;margin: -6px; margin-right: 4px;}
.top_bg:after{content:"　";clear: both;}
.top_bg span{display: table;width: 500px;float: left;margin-right: 200px;}
.top_bg a{display: table;margin:0 8px;float: left; text-align: center;font-size: 14px;}
.top_bg a:after{content:"|";margin-left: 15px;}

.head_bg{width: 100%;height: 110px; display: table;background: #fff;border-bottom: 1px solid #ddd;position: relative;}
.logo{width: 245px;padding-top: 10px;margin-left: 10px;}
.logo img{width: 100%;}
.head_bg .ad{display: table;float: left;padding-top: 30px;padding-left: 12px;}
.head_bg .ad h1{font-size: 18px; font-weight: bold;color:#ce0c36;}
.head_bg .ad p{font-size: 16px;line-height: 30px;}
.head_bg .phone{display: table;width: 200px;font-size: 20px;font-weight: bold;margin-left: 130px;float: left;margin-left: 60px;padding-top: 21px;}
.head_bg .phone i{font-weight: initial;font-style: normal;}
.head_bg .phone span{width: 40px; height: 40px;display: table;float: left;padding-top: 12px;margin-right: 7px;}
.head_bg .phone span img{width: 100%;}

.nav_bg{width: 100%;height: 50px; line-height: 50px; display: table;}
.nav_bg .nav>li{width: 135px; text-align: center; float: left;margin: 0 13px;display: table;position: relative;}
.nav_bg .nav li a{color:#484848;font-size: 16px;height: 100%;display: table;margin:0 auto;}
.nav_bg .nav>li>a:after{content: '';display: block;width: 50px;height: 3px;background:#ce0c36;background-size: 100% 100%; position: absolute;left: 50%;bottom: -1px;margin-left: -25px;-webkit-transition: all .3s;transition: all .3s;-webkit-transform: scaleX(0);transform: scaleX(0);}
.nav_bg .nav li:hover a:after{-webkit-transform: scaleX(1);transform: scaleX(1);}
.nav_bg .nav li>ul{display: none;width: 100%;position: absolute;top:50px;border-top:1px solid #f5f5f5;border: 1px solid #ddd;border-top: none;box-shadow: 1px 1px 10px #ddd;z-index: 999999999999;background: #fff;}
.nav_bg .nav li>ul>li{width: 100%;border-top:1px solid #fff;}
.nav_bg .nav li>ul>li:nth-child(1){border-top:none;}

#banner{width:100%; margin:0 auto; height:auto; overflow:hidden;}
.banner.box_skitter{position:relative; width:1920px;left:50%; margin-left:-960px;vertical-align: middle;display: table;max-height: 500px;}

.product{width: 100%;margin-top: 50px;display: table;}
.product .left{width: 240px;display: table;float: left;}
.product .left span{width: 100%;height: 100px; display: table;text-align: center;background:url(../image/20170726142001_1506538094.png) no-repeat center;color:#fff;}
.product .left p{font-size: 20px; padding-top: 23px; font-weight: bold; width: 50%; margin: 0 auto; display: table;margin-left: 65px;}
.product .left i{width: 50%; display: table;margin-left:65px;}
.product .left .left_nav{border:1px solid #ddd;}
.product .left .left_nav .left_nav_n ol{width: 90%; margin:0 auto;display: block;text-align: center;line-height: 40px;background: #f5f5f5;border-bottom: 1px solid #ddd}
.product .left .left_nav .left_nav_n ol a{width: 100%;height: 100%;display: table;}
.product .left .left_nav li{width: 90%;line-height: 38px;text-align: center;font-size: 14px; background:#484848;margin: 5px auto;}
.product .left .left_nav li a{color:#fff;}
.product .left .h_contact h3{font-size: 14px; line-height: 40px;padding-top: 15px;text-align: center;font-weight: bold;}
.product .left .h_contact p{font-size: 12px; font-weight: initial;width: 84%;margin:0px;margin:0 auto;padding-top: 0px;line-height: 30px;padding-bottom: 15px;}
.product .right{display: table; float: right; display: table;}
.product .right>span{font-size: 16px; line-height: 40px; height: 40px;display: table;width: 98%;border: 1px solid #ddd;text-indent: 2em;margin-bottom: 20px;text-transform: uppercase;font-weight: bold;}
.product .right>span em{float: right;margin-right:10px;font-weight: initial;}
.pro{width: 100%; display: table;height: auto;}
.pro li{width: 18.63%;float:left;margin:0.6%;}
.pro li img{width: 100%;border:1px solid #ddd;}
.pro li span{width: 100%;display: table; line-height: 40px;height: 40px; text-align: center;font-size: 14px; border:1px solid #ddd;}
.product .app_top{width: 370px; height: 62px; margin: 0 auto; background: url(../image/20170726171914_1910069841.png) center no-repeat;margin-bottom: 15px;}
.product .app_top h3{font-size: 30px;text-align: center;font-weight: bold;}
.product .app_bd{text-align: center;font-size: 14px;color: #888;margin-top: 20px;height: 40px;font-weight: bold;display: none;}

.column{width: 100%;height: 170px;display: table; background: url(../image/99.jpg) center no-repeat;margin:30px 0 0 0;color:#fff;}
.column h3{text-align: center;font-size: 24px;font-weight: bold;padding-top: 39px;line-height: 60px;}
.column{text-align: center;font-size: 18px;}

.app{width: 100%;padding: 35px 0px 35px 0px;background: #f5f5f5;}
.app .app_top{width:370px; height:62px; margin:0 auto; background:url(../image/20170726171914_1910069841.png) center no-repeat;}
.app .app_top h3{font-size: 30px;text-align: center;font-weight: bold;}
.app .app_bd{text-align:center; font-size:14px; color:#888; margin-top:20px; height:40px;}
.app .ckgdkk{width:150px; margin:0 auto;text-align:center; border:1px solid #ddd; height:40px; line-height:40px; font-size:12px; color:#888; display:block;}
.app .ckgdkk a{width:150px; margin:0 auto;text-align:center; height:40px; line-height:40px; font-size:12px; color:#888; display:block;}
.app .main_inner{width: 1008px;margin: 0 auto;padding-top: 30px;display: table;}
.app .main_inner .main_bot_n{width: 244px;background: #fff;float: left;margin-right: 8px;transition: all 0.5s;}
.app .main_inner .main_bot_n .h4{line-height: 60px;height: 60px;text-align: center;font-size: 14px;background: url(../image/aa.png) no-repeat center;border: 1px solid #ddd;}
.app .main_inner .main_bot_n:hover{transform: translateY(-4px);box-shadow: 1px 1px 5px #ddd;}


.home_about_bg{width: 100%;display: table; height: auto;background: url(../image/bg_paralax.jpg) center no-repeat;margin-top:30px;}
.home_about_bg h2{font-size: 40px;text-align: center;color:#fff;padding: 20px 0;font-weight: bold;}
.home_about_bg .aboutus{text-align: center;color: #dddfe1;font-size: 14px;}
.home_about_bg .aboutus p{padding: 0 1%;font-size: 14px;color: #fff;line-height: 30px;padding-bottom: 30px;font-weight: bold;}
.home_about_bg .aboutus span{margin-top:10px;width: 200px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;display: table; margin: 0 auto;border: 1px solid #ddd;border-radius: 30px; margin-bottom: 30px;}
.home_about_bg .aboutus span a{color:#fff;}

.Partner h1{width: 100%;display: table;line-height: 50px;font-size: 30px; text-align: center;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.Partner .p_n{padding-top: 30px;display: table;}
.Partner .p_n li{float: left;width: 23%;border:1px solid #ddd;margin:10px;height: 131px;}
.Partner .p_n li img{width:100%;height: 100%;display: table;}

.footer{background:#393b3e;padding:30px 0 20px;overflow:hidden;margin-top: 30px;}
.footLeft{width:205px;padding:0 20px;border-right:1px solid #737476; text-align:center; position: relative;z-index:10;margin-left: 40px;}
.footLeft .hotline{height:34px;line-height:34px;background:url(../image/20171124143742_505794759.jpg) no-repeat;padding-left:50px;font-size:15px;color:#c9caca;}
.footLeft p span{display:block;}
.footLeft .foot_tel{height: 50px;padding-top:18px;}
.footLeft .foot_weixin{padding-top:15px; height:140px;}
.footLeft .foot_app{ width: 138px; height: 132px; margin-top: 101px;}
.footLeft p{padding-top:10px;height:18px;color:#c9caca;line-height:18px; font-size:14px;}
.footRight{width:640px;margin-left: 20px;margin-top: 20px;}
.footRight .menu{width:280px; padding-left:40px; font-size:14px; color:#c9caca; line-height:24px;}
.footRight .menu p{padding-bottom:15px;}
.footRight .menu p a{color:#c9caca; font-size:16px; padding-bottom:15px; display:block;}
.footRight .menu a{color:#c9caca; line-height:22px; font-size:14px;}
.footRight .menu a:hover{color:#ff0;}
.footLink{border-top:1px solid #737476;padding:15px 0;overflow: hidden;font-size:14px;line-height:20px;margin-top:30px;}
.footLink span{color:#c9caca;}
.footLink a{color:#9fa0a0;padding:0 6px;}
.footLink a:hover{color:#0073dd;}
.footerCopy{background:#252525;height:47px;color:999px;font-size:14px; line-height:47px;}
.footer_z{text-align:center;color: #fff;}


.n_main{width: 1200px; margin:30px auto;display: table;}
.left{width: 240px; display: table; float: left;}
.left span{width: 100%; height: 100px; display: table; text-align: center; background: url(../image/20170726142001_1506538094.png) no-repeat center; color: #fff;}
.left span em{font-size: 23px; text-align: center; display: table; margin-left: 82px; margin-top: 17px;}
.left span i{display: table; margin: 0 auto; font-size: 14px; text-transform: uppercase; margin-left: 81px;}
.left .left_l{width: 100%;display: table;border:1px solid #ddd;border-top: none;}
.left .left_l li{width: 100%; height: 60px; line-height: 68px; text-align: center; background: url(../image/20170726135817_1043664000.jpg) no-repeat center;}
.h_contact{width: 90%; margin: 25px auto; background: #f5f5f5; display: table;}
.h_contact h3{font-size: 14px; line-height: 40px; padding-top: 15px; text-align: center; font-weight: bold;}
.h_contact p{font-size: 12px; font-weight: initial; width: 84%; margin: 0px; margin: 0 auto; padding-top: 0px; line-height: 30px; padding-bottom: 15px;}
.right{display: table;float: right;height: height:auto;width: 930px;}
.Bread{width:100%;height: 40px; border-bottom: 1px solid #ddd;line-height: 40px;text-indent: 1rem;font-size: 1rem;margin-bottom: 20px;}

.Product{width: 100%;display: table;}
.Product .Product_n{margin-top:15px;}
.Product .Product_n li{width: 31%;float: left;margin: 0.4rem;}
.Product .Product_n li a{display: table;width: 100%;height: 100%;}
.Product .Product_n li span{display: table;width: 100%;line-height: 30px;text-align: center; border: 1px solid #ddd;}
.Product .Product_n li img{width: 100%;}

.Product_xq{width: 100%;display: table;margin-top: 20px;}
.lanrenzhijia{height: auto;overflow: hidden;width: 355px;float: left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width: 100%;height: 100%; background:url(404.png) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}

.chanpin{width: 50%;float: left; margin-left: 20px;}
.chanpin h3{width: 100%;display: table;line-height: 40px;font-size: 21px; border-bottom: 1px solid #ddd;font-weight: bold;}
.chanpin div{margin-top: 20px; display: table; line-height: 30px;font-size: 15px;}
.chanpin i{font-size: 16px; background: #484848; width: 55%;color: #fff;display: table;line-height: 35px;text-align: center;border-radius: 20px;margin-top: 10px;}
.canshu{width: 100%;display: table;margin}
.canshu dir{width: 100%;display: table;line-height: 40px;margin-top: 20px;text-indent: 2rem;font-size: 1.09rem;background: #cccccc;margin-bottom: 1rem;}
.canshu div{font-size: 0.8rem;}

.canpintuijian{width: 100%;display: table;margin-top: 20px;padding-top: 20px;border-top:1px solid #ddd;}
.canpintuijian h3{font-size: 24px;text-align: center;}
.canpintuijian i{width: 120px;margin:10px auto;display: table;height: 2px;background-color:rgba(0,0,0,.4);}
.canpintuijian .tuijian{width: 100%;margin-top: 20px;display:table;}
.canpintuijian .tuijian li{width: 22.3%;display: inline-block;margin: 1%;border: 1px solid #ddd;}
.canpintuijian .tuijian li img{width: 100%;}
.canpintuijian .tuijian li span{width: 100%;display: table;line-height: 35px;text-align: center;}

.Honor{width: 100%;display: table;}
.Honor ul li{width: 31%;float: left;margin: 1.1%;}
.Honor ul li img{width: 100%;height: auto;}

.Partner ul li{width: 24%;float: left;border:1px solid #ddd;margin: 0.5%;}
.Partner ul li img{width: 100%;height: 100%;}
.Partner ul li span{width: 100%;display: table;background: #fff;line-height: 2rem;text-align: center;background: #ddd;}

.n_new_bg{width: 100%;}
.n_new_bg li{width: 100%; display: table; border: 1px solid #ddd; padding: 20px; margin-bottom: 20px;}
.n_new_bg .new_img{float: left;}
.n_new_bg .new_img img{width: 135px; height: 135px;}
.n_new_bg .new_txt{float: left; margin-left: 20px;width: 82%;padding-top: 8px;}
.n_new_bg .new_txt h3{font-size: 18px; font-weight: bold;line-height: 30px;}
.n_new_bg .new_txt span{line-height: 24px; font-size: 14px; color: #8e8e8e; display: table; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.n_new_bg .new_txt i{width: 118px; height: 24px; text-align: center; background: #484848; color: #fff; display: table; line-height: 24px; margin-top: 10px;}
.n_new{display: table;width: 100%;}
.n_new h4{font-size: 24px; text-align: center; display: table; width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.n_new>i{margin: 0 auto; display: table; padding: 6px; border-radius: 38px; margin-bottom: 8px;}
.n_new div{line-height: 30px; font-size: 0.8rem;}
.fanye{display: table; margin-top: 20px; border-top: 1px solid #ddd; width: 100%; padding-top: 20px;}
.fanye a{display: inline-block;margin-right: 50px;}

.service{width: 100%;display: table;}
.service li{width: 31%; float: left; margin: 1%; border: 1px solid #ddd}
.service li img{width: 100%;}
.service li span h4{width:100%;font-size: 16px;text-align: center;font-weight: bold;}
.service li span p{width: 95%;margin:0 auto;display: table;text-align: center;color:#a0a0a0;padding-bottom: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
overflow: hidden;min-height:40px;}
.hza{width: 930px; margin:30px auto;}
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.soka{width: 450px; border: 1px solid #D8D8D8; line-height: 40px; margin-bottom: 20px; padding-left: 10px; font-size: 14px;font-family:"Microsoft YaHei", verdant, tahoma;}
.sokb{border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 10px; font-size: 14px; font-family:"Microsoft YaHei", verdant, tahoma; height:280px;width:915px;}
.tj{width: 120px; line-height: 37px;color: #fff; font-size: 14px; background-color: #fc0a14; cursor: pointer; font-family: Arial,Microsoft YaHei; font-size: 16px;border: 0px;text-align: center;}
.contact{width: 95%;margin:0 auto;}
.contact_z{width: 40%;float: left;}
.contact_y{width: 48%;float: right;}
.contact h5{font-size: 20px;}
.contact{line-height: 30px;font-size: 14px;}

.linkTagcs{width:280px; height:auto;}
.linkTagcs ul{margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li{list-style:none;margin:0px; padding-right:8px;line-height:20px;float:left;width: 140px;padding-bottom: 10px;}
.linkTagcs li a{color:#c9caca;word-break:break-all;}
.linkTagcs li img{border:0px;}