@charset "utf-8";

/*index*/
.index_type{ width:100%; margin:10px auto; background-color:#FFF;}
.index_type ul{ clear:both; overflow:hidden;}
.index_type ul li{ float:left; width:15%; margin:0 0.7%; border-right:1px solid #EEE;}
.index_type ul li:nth-child(6){ border-right:none;}
.index_type ul li img{ float:left; height:140px; }
.index_type ul li a{ float:left; font-size:20px; font-weight:bold; line-height:30px; margin-left:10px;  color:#333;}
.index_type ul li a i{ display:block; color:#444; font-size:14px; font-weight:normal;}
    
.index_pro{ width:100%; padding:40px 0; margin:0 auto; background:url(/skin/images/pro_bg.jpg) no-repeat #F2F1F6 center bottom;}

.pro_main{ clear:both; overflow:hidden; margin-top:30px;}
.pro_main .pro_tab { height:12px; margin:15px auto; text-align:center;}
.pro_main .pro_tab li{ display:inline-block; width:12px; height:12px; border-radius:6px; cursor:pointer; background-color:#333;}
.pro_main .pro_tab li.selected{ background-color:#F73D2E;}
.pro_main .pro_box{ clear:both; overflow:hidden;}
.pro_main .pro_box dl{ clear:both; overflow:hidden; width:100%; padding:10px 10px 40px; box-sizing:border-box; background-color:#FFF;}
.pro_main .pro_box dl dt{ float:left; width:40%;}
.pro_main .pro_box dl dt img{ width:100%;}
.pro_main .pro_box dl dd{ float:left; width:60%; padding:10px 20px; box-sizing:border-box;}
.pro_main .pro_box dl dd h3{ font-size:24px;}
.pro_main .pro_box dl dd p{ margin:15px auto; max-height:48px; line-height:24px; overflow:hidden;}
.pro_main .pro_box ul{ clear:both; overflow:hidden;}
.pro_main .pro_box ul li{ float:left; width:31.3%; text-align:center; padding:20px 3px; margin:0 1%; box-sizing:border-box; background-color:#F3F3F3;}
.pro_main .pro_box ul li span{ display:block; margin:0 auto; width:40px; height:40px; border-radius:20px; background-color:#FECB00;}
.pro_main .pro_box ul li img{ width:30px; height:30px; margin:5px;}
.pro_main .pro_box ul li b{ display:block; margin:10px auto 5px;}
.pro_main .pro_box ul li i{ display:block; line-height:22px; height:44px; overflow:hidden;}
.box_btn{ display:block; color:#FFF; font-size:22px; width:98%; text-align:center; padding:10px 0; margin:20px auto 0; border-radius:4px; background:url(/skin/images/sign.gif) #F73D2E no-repeat 65% center; background-size:32px 32px;}
.pro_main .pro_box dl dd a:hover{ color:#FFF;}

.cp_title{ width:100%;max-width:1600px;height:30px;  margin:0 auto; text-align:center; font-weight:bold; margin-top:30px;}
.cp_title a{font-size:24px; color:#343434; font-family:"微软雅黑";}
.cp_title a:hover{ color:#cb0100;}
.cp_title{width:100%;max-width:1600px;height:30px;  margin:0 auto; text-align:center; margin-top:30px;font-size:22px; color:#333; font-family:"微软雅黑";}

.jiejue_txt{ width:98%; max-width:1600px; text-align:center;margin:0 auto; line-height:26px; margin-top:18px;overflow:hidden; font-size:14px;font-family:"微软雅黑";color:#333;}
.fw_fu{ width:100%;max-width:1600px; margin:0 auto; margin-top:25px; overflow:hidden;}
.fw_fu li{ width:32%; overflow:hidden; border:1px #dfdfdf solid; float:left; padding-bottom:30px; display:inline; margin-right:1.7%;}
.fw_fu li:nth-of-type(3n){ margin-right:0;}
.fw_fu li img{ display:block; width:100%; max-width:337px; margin:0 auto; margin-top:17px;}
.fw_fu li p{ display:block; width:100%; max-width:290px; margin:0 auto; margin-top:20px;font-family:"微软雅黑"; color:#333; font-size:22px; text-align:center; padding-bottom:8px;}
.fw_fu li span{ display:block;width:90%; overflow:hidden; line-height:24px;font-size:14px; font-family:"微软雅黑"; color:#595757; margin:0 auto; margin-top:15px;}
.fw_an{ width:100%; overflow:hidden; max-width:180px; max-height:40px; line-height:40px; margin:0 auto; margin-top:10px; border:1px #dfdfdf solid; text-align:center;}
.fw_an a{font-size:14px; font-family:"微软雅黑"; color:#656567;}
.fw_an:hover{cursor:pointer; background:#ff3f3c; color:#fff;}
.fw_fu li:hover {border:1px #ff3f3c solid;cursor:pointer;}
.fw_fu li:hover div{ background:#ff3f3c;}
.fw_fu li:hover div a{color:#fff;}



.index-line{ clear: both; margin-top: 55px; }

.index-line ul{clear: both; overflow: hidden; margin-top: 40px; margin-left: -0.2%; padding: 3px; box-sizing: border-box; }
.index-line ul li{ float: left; position:relative; width:24.8%; margin-left:0.2%; height:100%; list-style:none; overflow:hidden; box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); -webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); -moz-box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); box-sizing:border-box;}




.index-line ul li .line1 img{ width:100%; min-height:200px;}
.index-line ul li .line1 .line-name{ position:absolute; bottom:0; left:0; width:100%; height:66px; line-height: 66px; text-align: center; background-color:#FFF;}
.index-line ul li .line1 .line-name h3{ position: relative; font-size: 22px; font-weight: normal; width:60%; height:66px; line-height: 66px; text-align: center; margin: 0 auto; background-color:#FFF;}
.index-line ul li .line1 .line-name h3 a{ color:#000;}
.index-line ul li .line2{ position:absolute; bottom:-100%;  width:100%; height:100%;text-align:center; color:#FFF; background:rgba(0,0,0,.7); padding-top: 20%; box-sizing: border-box; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}
.index-line ul li .line2 a:hover{color: #FFF;}
.index-line ul li .line2 .p1{ width:100%; text-align:center; color:#FFF; font-size:20px; line-height: 30px; font-weight:700;}
.index-line ul li .line2 .p2{ text-align:center; line-height:20px; margin-top:20px; font-size:16px; color:#FFF;}
.index-line ul li .line2 .p3{ width:40%; height:42px; line-height:42px; border-radius:6px; margin:30px auto 0; background-color: #ed1c24; }
.index-line ul li .line2 .p3 a{ display: block; color: #FFF; }
.index-line ul li:hover .line2{ bottom:0;}
.index-line ul li:hover .line-name{ display: none; }

.index-ser{ clear: both; overflow: hidden; padding: 50px 0; margin-top: 50px; /*background-color: #F2F2F2;*/ background: url(/skin/images/sygy.jpg) #F9F9FB no-repeat center 0;}
.index-tit h2{ text-align:center; font-size:28px;}
.index-tit p{ text-align:center; padding-top:20px;}
.index-tit h2 a{ text-align:center; color:#333;}


.index-news{  height: auto;padding-bottom: 35px; background: url(/skin/images/dot-show.png) #FFF; overflow: hidden;}
.index-list{margin-top: 46px;margin-left: -5%;}
.index-list ul{position: relative;float: left;width: 45%;margin-left: 5%;padding-top: 20px;z-index: 0;}
.index-list ul:before{content: "";display: inline-block;position: absolute;left: 12px;top: 0;width: 1px;height: 30px;background: -webkit-linear-gradient(top, transparent 0%,#3A2E47 100%);background: -moz-linear-gradient(top, transparent 0%, #3A2E47 100%);background: -ms-linear-gradient(top, transparent 0%,#3A2E47 100%);background: -o-linear-gradient(top, transparent 0%,#3A2E47 100%);background: linear-gradient(to bottom, transparent 0%,#3A2E47 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=transparent, endColorstr=#3A2E47, GradientType=0 );-webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0px 5px 5px rgba(228,0,52,.13);box-shadow: 0px 5px 5px rgba(228,0,52,.13);}
.index-list ul:after{content: "";display: inline-block;position: absolute;left: 12px;bottom: 0;width: 1px;height: 100px;background: -webkit-linear-gradient(top, #3A2E47 0%,#CE404F 80%, transparent 100%);background: -moz-linear-gradient(top, #3A2E47 0%,#CE404F 80%, transparent 100%);background: -ms-linear-gradient(top, #3A2E47 0%,#CE404F 80%, transparent 100%);background: -o-linear-gradient(top, #3A2E47 0%,#CE404F 80%, transparent 100%);background: linear-gradient(to bottom, #3A2E47 0%,#CE404F 80%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#3A2E47, endColorstr=#CE404F, GradientType=0 );-webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0px 5px 5px rgba(228,0,52,.13);box-shadow: 0px 5px 5px rgba(228,0,52,.13);z-index: -1;}
.index-list ul li{position: relative; margin-top: -20px;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.index-list ul li:hover{-webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);-o-transform: translateY(-6px); transform: translateY(-6px); }
.index-list ul li:hover h3 a{color: #E93A47;}
.index-list ul li h3{margin-bottom:12px;}
.index-list ul li h3 a{display: block; color: #2D203B;font-size: 20px;line-height: 1.1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
.index-list ul li span{color:#A8A5AC;font-size: 12px;line-height: 1.1;}
.index-list ul li span:before{content: "";display: inline-block;width: 12px;height: 12px;background: url(/skin/images/icon-time01.png) no-repeat;vertical-align: middle;margin-right: 10px;}
.index-list ul li:after{content: "";display: inline-block;position: absolute;left: 0;top: 30px;width: 25px;height: 26px;background: url(/skin/images/news-round.png) no-repeat;}
.index-list ul li:before{content: "";display: inline-block;position: absolute;left: 12px;top: 30px;width: 1px;height: 96%;background: -webkit-linear-gradient(top, #3A2E47 0%,#CE404F 100%);background: -moz-linear-gradient(top, #3A2E47 0%, #CE404F 100%);background: -ms-linear-gradient(top, #3A2E47 0%,#CE404F 100%);background: -o-linear-gradient(top, #3A2E47 0%,#CE404F 100%);background: linear-gradient(to bottom, #3A2E47 0%,#CE404F 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#3A2E47, endColorstr=#CE404F, GradientType=0 );-webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0px 5px 5px rgba(228,0,52,.13);box-shadow: 0px 5px 5px rgba(228,0,52,.13);}
.index-list ul li:last-child:before{display: none;}
.index-list ul li:last-child .list-con{padding-bottom: 28px;}
.list-con{ width: 95%;margin-left: 5%;padding:28px 20px 45px;background-color: #FFF;-webkit-border-radius: 30px 4px 4px 4px;-moz-border-radius: 30px 4px 4px 4px;-ms-border-radius: 30px 4px 4px 4px;-o-border-radius: 30px 4px 4px 4px;border-radius: 30px 4px 4px 4px;-webkit-box-shadow: 0px 0px 10px rgba(20,40,66,.1);-moz-box-shadow: 0px 0px 10px rgba(20,40,66,.1);-ms-box-shadow: 0px 0px 10px rgba(20,40,66,.1);-o-box-shadow: 0px 0px 10px rgba(20,40,66,.1);box-shadow: 0px 0px 10px rgba(20,40,66,.1); border:none;border:1px solid #EEEEEE \9;}


/* .index-good{margin-top: 350px;} */
.show-tit{text-align: center;}
.show-tit:before{content: "";display: inline-block;width: 96px;height: 51px;background: url(/skin/images/tit-fl01.png) no-repeat;vertical-align: middle;}
.show-tit:after{content: "";display: inline-block;width: 96px;height: 51px;background: url(/skin/images/tit-fr01.png) no-repeat;vertical-align: middle;}
.show-tit h2{display: inline-block;color: #2D203B;font-size: 34px;padding: 0 12px;vertical-align: middle;}
.show-tit h2 span{display: block;text-transform:uppercase;font-size: 20px;font-weight: normal;}
.show-tit h2 a{display: block;color: #2D203B;line-height: 1.1;}
.show-tit h2 a:hover{color: #E93A47;}


.news_title{width:100%; max-width:1200px; margin:0 auto; margin-top:20px;font-size:22px; color:#333; font-family:"微软雅黑";}
.news{width:100%; overflow:hidden; max-width:1200px; margin:0 auto; margin-top:25px;}
.news_list{ width:30%; overflow:hidden; float:left;}
.news_list li{ width:100%; overflow:hidden; float:left; line-height:28px; margin-bottom:20px;}
.news_list li span{ display:block; width:20%; float:left;font-size:14px; color:#fff; font-family:"微软雅黑"; text-align:center; background:#80878f;}
.news_list li font{ display:block; font-size:26px; text-align:center; color:#fff; padding-top:5px;}
.news_list li a{ display:block; width:75%; height:50px;overflow:hidden;float:right;}
.news_list li a h3{ font-weight:normal; display:inline;font-size:15px; font-family:"微软雅黑";color:#333;}
.news_list li a h3:hover{ color:#cb0100; text-decoration:underline;}

.news_right{ width:63%;overflow:hidden; height:400px;  float:right;}
.news_right li{ width:45%; float:left; margin-right:35px; border-right:1px #e5e3e3 solid; padding-right:35px;}
.news_right li:nth-of-type(2n){ margin-right:0;padding-right:0; border:0;}
.ne_t{ display:block; width:100%; max-height:68px; overflow:hidden; line-height:34px;}
.ne_t h3{ display:inline; font-size:20px; font-family:"微软雅黑";color:#323335;}
.ne_t h3:hover{ color:#cb0100;}
.news_right li img{ margin-top:16px; max-width:318px; max-height:199px;}
.news_right li span{ display:block; width:100%; height:76px;font-size:14px; line-height:24px;font-family:"微软雅黑";color:#333; overflow:hidden; margin-top:10px;}

.bq .yq{width:100%; overflow:hidden;max-width:1140px; margin:0 auto;color:#fff; background:url(/skin/images/di_logo.png) no-repeat 0px 10px;font-family:"微软雅黑";font-size:13px; line-height:46px;}
.bq .yq a{font-family:"微软雅黑";font-size:13px;color:#fff; margin-left:10px;}

  

/*about*/
.location{ width:100%; height:40px; line-height:40px; color:#666; margin:0 auto; background-color:#F0F0F0; border-bottom:1px solid #DDD; overflow:hidden;}
.location img{ width:16px; height:16px; padding:2px; margin-right:5px; background-color:#4B4B4B; border-radius:50%; vertical-align:middle; overflow:hidden;}

.about{ width:100%; margin:40px auto; background-color:#FFF;}
.about h1{ font-size:40px; line-height:40px; text-align:center;}
.about p{ text-indent:2em; line-height:24px; margin:20px auto;}
.about ul{ clear:both; overflow:hidden;}
.about ul li{ float:left; width:20%; text-align:center;}
.about ul li img{ width:140px;}
.about ul li p{ text-indent:0; margin:10px auto 0;}

.about_sl{ width:100%; margin:40px auto;}
.about_sl h2{ font-size:36px; line-height:36px; text-align:center;}
.about_sl ul{ clear:both; overflow:hidden; margin-top:20px;}
.about_sl ul li{ float:left; width:50%; overflow:hidden;}
.about_sl ul li img{ width:100%; display:block; }
.con_show{ clear:both; overflow:hidden; width:98%; margin-left:2%; background-color:#F2F1F6;}
.con_pic{ float:left; width:50%; overflow:hidden;}
.con_info{ float:left; width:50%; padding:20px; box-sizing:border-box;}
.con_info b{ display:block; font-size:24px; margin-bottom:20px;}
.con_info i{ display:block; line-height:24px;}
.con_pic img{ width:100%; transition:0.5s;}
.con_pic:hover img{transform:scale(1.1);}

.about_nl{ width:100%; margin:40px auto;}
.about_nl h2{ font-size:36px; line-height:36px; text-align:center;}
.about_nl p{ font-size:16px; text-align:center; margin:20px auto;}
.about_nl ul{ clear:both; overflow:hidden; width:100%;}
.about_nl ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.about_nl ul li img{ width:100%;}
.about_nl ul li i{ display:block; line-height:40px;}

.about_fw{ width:100%; height:70px; padding:60px 0; background:url(/skin/images/ser_bg.jpg) no-repeat;  }
.about_tit{ float:left; color:#FFF; font-size:28px; font-weight:bold; line-height:70px;}
.about_fw ul{ float:right; width:70%; background:url(/skin/images/about_item.png) no-repeat center;}
.about_fw ul li{ float:left; width:33%; padding:10px 15px; box-sizing:border-box;}
.about_fw ul li img{ float:left; width:30px; margin:10px 5px;}
.about_fw ul li i{ float:left; margin-left:10px; font-size:16px; color:#FFF; line-height:25px;}
.about_fw ul li i font{ font-size:14px;}

.about_lc{ width:100%; margin:40px auto;}
.about_lc h2{ font-size:36px; line-height:36px; text-align:center;}
.about_lc p{ font-size:16px; text-align:center; margin:20px auto;}
.about_lc ul{ width:100%; clear:both; overflow:hidden; margin-top:30px;}
.about_lc ul li{ float:left; width:16.6%;}
.about_lc ul li:last-child{ background:none;}
.about_lc ul li img{ display:block; margin:0 15px; text-align:center; margin-bottom:15px;}
.about_lc ul li p{ font-size:16px; width:83%; text-align:center; margin:0;}

.about_hz{ width:100%; margin:40px auto;}
.about_hz h2{ font-size:36px; line-height:36px; text-align:center;}
.about_hz p{ font-size:16px; text-align:center; margin:20px auto;}
.about_hz ul{ clear:both; overflow:hidden; width:100%;}
.about_hz ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.about_hz ul li img{ display:block; width:100%; transition:0.5s;}
.about_hz ul li:hover img{transform:scale(1.1);}

.about_zl{ width:100%; height:820px; background:url(/skin/images/zl_bg.jpg) center no-repeat;}
.about_main{ float:right; width:80%; margin-top:30px;}
.about_main h2{ color:#222; font-size:36px; line-height:36px; margin-bottom:30px;}
.about_main p{ font-size:16px; line-height:28px;}
.about_main ul{ margin-top:60px; width:50%; margin-left:-7.5%;}
.about_main ul li{ float:left; width:50%; text-align:center; margin-bottom:45px;}
.about_main ul li p{ margin-top:15px; font-size:16px;}

/*contact*/
.contact{ width:100%; margin:40px auto 0;}
.contact_info{ background-color:#FFF;}
.contact_info h1{ font-size:40px; line-height:40px; text-align:center;}
.contact_info p{ font-size:16px; text-align:center; margin:20px auto 10px;}
.contact_info ul{ overflow:hidden; margin-top:20px}
.contact_info ul li{ float:left; width:22%; margin:0 1%; padding:20px 0.5% 0; text-align:center;}
.contact_info ul li span{ display:block; width:100px; height:100px; border-radius:50%;text-align: center;margin:0 auto;margin-bottom: 10px;}
.contact_info ul li span.contact01{ background:url(/skin/images/ico_contact01.png) no-repeat center center #FF1516; background-size:56px auto;}
.contact_info ul li span.contact02{ background:url(/skin/images/ico_contact02.png) no-repeat center center #FF1516; background-size:56px auto;}
.contact_info ul li span.contact03{ background:url(/skin/images/ico_contact03.png) no-repeat center center #FF1516; background-size:56px auto;}
.contact_info ul li span.contact04{ background:url(/skin/images/ico_contact04.png) no-repeat center center #FF1516; background-size:56px auto;}
.contact_info ul li p{ color:#444; height:44px; line-height:22px; margin-top:5px; }
.contact_info ul li p a{ color:#FF1516; font-size:22px; font-weight:bold; letter-spacing:-0.5px;}
.contact_info ul li p a.cont{ color:#444; font-size:16px; font-weight:normal;}
.contact_info ul li h3{ font-size:20px; margin-bottom:10px;}
.contact_info ul li h3 a{color:#FF1516; text-decoration:underline;}

.message{ clear:both; overflow:hidden; width:100%; margin:30px auto 0; padding:30px 0; background:url(/skin/images/contact.jpg)#F0F0F0 no-repeat top center;}
.message .msg_tit{ color:#EB0001; font-size:30px; font-weight:bold; height:30px; padding:10px 0 5px;}
.message p{  color:#444; line-height:24px; margin-top:5px;}
.msg_fill{ float:left; width:64%;}
.message ul{ clear:both; overflow:hidden; margin-top:10px; margin-left:-1%;}
.message ul li{ position:relative; float:left; width:49%; margin-left:1%; height:52px; line-height:50px; margin-bottom:10px; border:1px solid #DADADA; box-sizing:border-box; background-color:#FFF;}
.message ul li.msg_area{ width:99%; height:162px;}
.message ul li span{ position:absolute; top:13px; left:10px; width:24px; height:24px;}
.message ul li span.icon_msg01{ background: url(/skin/images/icon_mag01.png) no-repeat center top; background-size:24px;}
.message ul li span.icon_msg02{ background: url(/skin/images/icon_mag02.png) no-repeat center top; background-size:24px;}
.message ul li span.icon_msg03{ background: url(/skin/images/icon_mag03.png) no-repeat center top; background-size:24px;}
.message ul li input{ clear:both; width:100%; color:#333; font-size:16px; height:50px; line-height:50px; padding-left:44px; border:none; box-sizing:border-box; background:#FFF;}
.message ul li textarea{ clear:both; width:100%; color:#333; font-size:16px; height:160px; line-height:24px; border:none; padding-left:44px; padding-top:13px; font-family:Microsoft YaHei; box-sizing:border-box;}
.msg_btn{ display:inline-block; width:20%; height:50px; line-height:40px; text-align:center; color:#FFF; font-size:18px; margin:5px 0 15px;}
.msg_btn input{ display:block; width:100%; height:50px; color:#111; font-size:17px; cursor:pointer; border:none; border-radius:2px; background-color:#FFCC00;}
.msg_btn input:hover{ color:#FFF; background-color:#EB0001;}
.msg_info{ float:right; width:30%; background-color:#FEEE46; padding:15px 20px; box-sizing:border-box; margin-top:10px;}
.msg_info b{ display:block; font-size:24px; margin:20px 0;}
.msg_info p{ color:#333;}
.msg_link{ margin-left:-1.5%; margin-top:5px;}
.msg_link a{ display:block; float:left; width:29%; height:35px; line-height:35px; color:#000; font-size:16px; text-align:center; margin:10px 1.5% 10px; border-radius:2px; border:1px solid #000; overflow:hidden; }
.msg_link a:hover{ color:#FFF; border:1px solid #FF1516; background-color:#FF1516;}
.msg{ background:none;}
.msg .box{ clear:both; overflow:hidden; padding:20px; box-sizing:border-box; background:url(/skin/images/contact.jpg)#F0F0F0 no-repeat top center;}

#map_canvas{width:100%;margin:0 auto;}

/*product*/
.product{ width:100%; padding:40px 0; margin:0 auto; background:url(/skin/images/pro_ban.jpg) no-repeat center;}
.pro_tj{ clear:both; overflow:hidden; margin-top:30px; padding-right:220px; background:url(/skin/images/ico_tj.png) no-repeat right top;}
.pro_tj .pro_tab { height:12px; margin:15px auto; text-align:center; margin-right:2.5%;}
.pro_tj .pro_tab li{ display:inline-block; width:12px; height:12px; border-radius:6px; cursor:pointer; background-color:#FFF;}
.pro_tj .pro_tab li.selected{ background-color:#F73D2E;}
.pro_tj .pro_box{ clear:both; overflow:hidden;}
.pro_tj .pro_box ul{ clear:both; overflow:hidden; margin-left:-1%;}
.pro_tj .pro_box ul li{ float:left; width:47%; margin:0 1%; text-align:center; box-sizing:border-box; background-color:#F3F3F3;}
.pro_tj .pro_box ul li img{ width:100%;}
.pro_tj .pro_box ul li p{ line-height:40px; font-size:16px;}

.pro_show{ width:100%; margin:40px auto;}
.pro_tit{ text-align:center; height:36px; font-size:36px; font-weight:bold;}
.pro_show p{ text-align:center; font-size:16px; margin:10px auto;}
.pro_show p i{ padding:0 10px;}
.pro_show ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}
.pro_show ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.pro_show ul li a{ display:block; overflow:hidden;}
.pro_show ul li img{ width:100%; transition:0.5s;}
.pro_show ul li:hover img{transform:scale(1.1);}

.pro_show ul li p{ line-height:40px; color:#444; margin:0; background-color:#F3F3F3;}
.shows{ padding:30px 0; background-color:#F3F3F3;}
.shows ul li p{ background-color:#FFF;}

.pro_type{ width:100%; margin:0 auto; padding:40px 0 20px;}
.pro_type ul{ width:100%; clear:both; overflow:hidden;}
.pro_type li{ float:left; width:13.2%; text-align:center; margin:0 0.5%; }
.pro_type li a{ display:block;}
.pro_type li img{ width:64%; margin:0 auto; border:1px solid #999; border-radius:50%;}
.pro_type li.pro_select img{ border:1px solid #EB0001;}
.pro_type li.pro_select p a{ color:#EB0001; font-weight:bold;}
.pro_type li:hover img{ border:1px solid #EB0001;}
.pro_type li:hover p a{ color:#EB0001; font-weight:bold;}
.pro_type li p{ line-height:30px; font-size:18px; margin-top:5px;}

.pro_device{ width:100%; margin:0 auto 40px;}
.pro_device ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}
.pro_device ul li{ float:left; width:24%; margin:0 0.5% 10px; text-align:center; overflow:hidden;}
.pro_device ul li a{ display:block; overflow:hidden;}
.pro_device ul li img{ width:100%; transition:0.5s;}
.pro_device ul li:hover img{transform:scale(1.1);}
.pro_device ul li p{ font-size:16px; line-height:40px; color:#444; margin:0;}

.pro_detail{ width:100%; padding:40px 0; margin:0 auto 40px; background:url(/skin/images/pro_ban.jpg) no-repeat center;}
.pro_detail dl{ clear:both; overflow:hidden; padding:8px; box-sizing:border-box; background-color:#FFF;}
.pro_detail dl dt{ float:left; width:46%;}
.pro_detail dl dt img{ width:100%;}
.pro_detail dl dd{ float:left; width:54%; padding:10px 20px; box-sizing:border-box; background-color:#FFF;}
.pro_detail dl dd h1{ font-size:32px; height:32px;}
.pro_detail dl dd p{ margin:10px auto; max-height:48px; line-height:24px; overflow:hidden;}
.pro_detail ul{ clear:both; overflow:hidden;}
.pro_detail ul li{ float:left; width:31.3%; text-align:center; padding:15px 3px; margin:0 1%; box-sizing:border-box; background-color:#F3F3F3;}
.pro_detail ul li span{ display:block; margin:0 auto; width:40px; height:40px; border-radius:20px; background-color:#FECB00;}
.pro_detail ul li img{ width:30px; height:30px; margin:5px;}
.pro_detail ul li b{ display:block; margin:10px auto 5px;}
.pro_detail ul li i{ display:block; height:44px; line-height:22px; overflow:hidden;}
.box_btns{ display:block; color:#FFF; font-size:22px; width:98%; text-align:center; padding:10px 0; margin:20px auto 0; border-radius:4px; background:url(/skin/images/sign.gif) #F73D2E no-repeat 65% center; background-size:32px 32px;}
.pro_detail dl dd a:hover{ color:#FFF;}
.pro_detail dl dd p.pro_tel{ height:36px; line-height:36px; font-size:16px; background:url(/skin/images/pro_tel.png) no-repeat left center; background-size:36px; padding-left:50px; margin-left:10px;}
.pro_detail dl dd p.pro_tel a{ color:#F73D2E; font-size:28px; font-weight:bold;}



#header-wrapper{ width:100%; height:50px; margin:0 auto 55px;}	
#header-wrapper ul{ width:100%; margin:0 auto; }
.fixed #header-wrapper{ width:100%; height:45px; margin:0 auto; }
section{ display:block;}
.pd_guide,.pd_guide *{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.pd_guide{ width:1200px; margin:0 auto}
.pd_guide li{ float:left; width:25%; *width:24.8%; text-align:center; background-color:#f4f4f4; color:#000;}
.pd_guide a{ display:block; color:#000; font-size:20px; padding:17px 0; border-right:#fff 4px solid; position:relative; }
.pd_guide a:after{ content:""; display:none; width:0; height:0; overflow:hidden; border-color:#424355 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; bottom:-19px;}
.pd_guide li:last-child a{ border-width:0; }
.pd_guide.fixed { position:fixed; top:0; z-index:10; }
.pd_guide li.active a { background-color:#424355; color:#fff }
.pd_guide li.active a:after { display:block; }
.fixed {position: fixed; top: 0px; left:0; z-index:99; height: 50px;width:100%;}
.fixed .pd_guide li.active a{ background-color:#424355; color:#fff }

.pro_info{ width:100%; margin:20px auto 0;}
.pro_js{ width:1200px; margin:0 auto;}
.pro_info h2{ font-size:26px; height:28px; line-height:28px; padding-left:10px; border-left:3px solid #F73D2E; margin:20px 0;}
/*.pro_info h2{ font-size:30px; text-align:center; background:url(/skin/images/line.png) no-repeat center bottom; padding-bottom:20px; margin:20px auto; background-size:136px 3px;}*/
.pro_info p{ color:#444; font-size:15px; text-indent:2em; line-height:26px; margin-bottom:10px;}

.pro_ys{ width:1200px; margin:0 auto;}
.pro_ys ul{ clear:both; overflow:hidden;}
.pro_ys ul li{ float:left; position:relative; padding:60px 20px 20px; margin-top:70px; background:#F3F3F3; color:#444; line-height:26px; height:180px; box-sizing:border-box; width:48%; margin-left:1% ;margin-right:1%;}
.pro_ys ul li span{ position:absolute; top:-50px; left:50%; width:93px; height:93px; margin-bottom:10px; margin-left:-48px;}
.pro_ys ul li span img{ width:100%;}
.pro_ys ul li b{ display:block; font-size:20px; text-align:center;}
.pro_ys ul li i{ display:block; line-height:25px; height:50px; text-align:center; overflow:hidden; margin-top:10px;}
.pro_info table{ width:100%; text-align:center; border:1px solid #D8D8D8; border-collapse:collapse; margin-top:10px; margin-bottom:15px;}
.pro_info table td{ padding:8px 0; line-height:20px; border:1px solid #CCC; text-align:center; vertical-align:top;}
.table_yd{ display:none;}

.pro_al{ width:1200px; margin:0 auto;}
.pro_al ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}
.pro_al ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.pro_al ul li a{ display:block; overflow:hidden;}
.pro_al ul li img{ width:100%; transition:0.5s;}
.pro_al ul li:hover img{transform:scale(1.1);}
.pro_al ul li p{ line-height:40px; text-indent:0;}


/*line*/
.line{ width:100%; margin:40px 0;}
.line ul{ clear:both; overflow:hidden; margin-left:0.5%;}
.line ul li{ float:left; width:180px; text-align:center; font-size:20px; margin-right:5px; line-height:2.5em; background:#F3F3F3; overflow:hidden;}
.line ul li a{ display:block; }
.line li.select a{ display:block; color:#FFF; background-color:#E73527; }
.line p{ color:#555; font-size:16px; line-height:30px; text-indent:2em; margin:15px 0.5% -20px;}
.line p a{ color:#E73527; font-size:18px;}

.line_list{ width:100%; margin:40px 0;}
.line_list ul{ clear:both; overflow:hidden;}
.line_list ul li{ float:left; width:32.3%; margin:0 0.5% 20px; background-color:#F3F3F3;}
.line_list ul li a{ display:block; overflow:hidden;}
.line_list ul li img{  width:100%; height:100%; transition:0.5s;}
.line_list ul li img:hover{transform:scale(1.1);}
.line_show{ clear:both; overflow:hidden; padding:10px; box-sizing:border-box;}
.line_show p{ line-height:24px;}
.line_show p.line_tit{ font-size:18px; font-weight:bold; line-height:30px; margin-bottom:5px;}
.line_show p.line_btn{ width:50%; margin:10px auto;}
.line_show p.line_btn a{ color:#FFF; text-align:center; padding:6px 0; background-color:#E73527; transition:0.4s;}
.line_show p.line_btn a:hover{ color:#333; background-color:#FDCE06;}

.case_list ul{ clear:both; overflow:hidden;}
.case_list ul li{ float:left; width:32.3%; margin:0 0.5% 20px; position:relative; overflow:hidden; text-align:center; background-color:#F3F3F3;}
.case_list ul li a{ display:block; overflow:hidden;}
.case_list ul li img{ width:100%; transition:0.5s;}
.case_list ul li:hover img{transform:scale(1.1);}
.case_list ul li .case_name p{ text-align:center; font-size:16px; line-height:40px;}
.case_list ul li .case_main{ position:absolute; left:0; top:-100%; width:100%; height:100%; padding:40px 20px 20px; transform:scale(0); background-color:rgba(255,255,255,0.8); transition:0.3s; box-sizing:border-box;}
.case_list ul li:hover .case_main{ top:0; opacity:1; transform:scale(1);}
.case_list ul li b{ display:block; font-size:20px; margin-bottom:15px;}
.case_list ul li .case_main p{ font-size:14px; line-height:30px; margin:0;}
.case_list ul li .case_main a{ display:inline-block; font-size:14px; color:#FFF; padding:4px 8px; margin-top:15px; border:2px solid #F73D2E; background-color:#F73D2E;}
.case_list ul li .case_main a:hover{ color:#F73D2E; background-color:#FFF;}

.line_detail{ clear:both; overflow:hidden; width:100%; margin:40px auto;}
.line_pic{ float:left; width:46%;}
.line_pic img{ width:100%;}
.line_info{ float:right; width:52%;}
.line_info h1{ font-size:30px; margin-bottom:20px; margin-top:5px;}
.line_info p{ color:#444; line-height:30px; font-size:15px; margin-bottom:5px;}
.line_info p span{ font-weight:bold;}
.line_tel{ width:100%; padding:12px 0 12px 50px; margin:10px 0; background:url(/skin/images/ico_tel.png) no-repeat left center; background-size:40px; box-sizing:border-box;}
.line_tel i{ color:#444; margin-right:10px;}
.line_tel a{ color:#F73D2E; font-size:30px; font-weight:bold;}
.line_btn{ width:100%;}
.line_btns a{ display:block; height:60px; line-height:60px; color:#FFF; font-size:22px; text-align:center; border-radius:4px; background-color:#F73D2E;}
.line_btns a img{ width:30px; vertical-align:middle; margin-left:6px;}
.line_btns a:hover{ transition:0.3s; background-color:#424355;}

.line_main{ width:100%;}
.line_main .box{ border-top:1px solid #DDD;}
.line_main h2{ font-size:26px; height:28px; line-height:28px; padding-left:10px; border-left:3px solid #F73D2E; margin:20px 0;}
.line_main p{ color:#444; font-size:15px; text-indent:2em; line-height:26px; margin-bottom:10px;}
.line_main ul{ clear:both; overflow:hidden;}
.line_main ul li{ float:left; position:relative; padding:60px 20px 20px; margin-top:70px; background:#F3F3F3; color:#444; line-height:26px; height:180px; box-sizing:border-box; width:48%; margin-left:1% ;margin-right:1%;}
.line_main ul li span{ position:absolute; top:-50px; left:50%; width:93px; height:93px; margin-bottom:10px; margin-left:-48px;}
.line_main ul li span img{ width:100%;}
.line_main ul li b{ display:block; font-size:20px; text-align:center;}
.line_main ul li i{ display:block; line-height:25px; height:50px; text-align:center; overflow:hidden; margin-top:10px;}

.line_al{ clear:both; overflow:hidden; width:100%; margin:20px auto;}
.line_al h2{ font-size:26px; height:28px; line-height:28px; padding-left:10px; border-left:3px solid #F73D2E; margin:20px 0;}
.line_al ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}
.line_al ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.line_al ul li a{ display:block; overflow:hidden;}
.line_al ul li img{ width:100%;}
.line_al ul li p{ line-height:20px; text-indent:0; display:inline-block; width:100%; margin:15px 0;font-size:15px;position:relative}
.line_al ul li p:after{ transition:all .5s cubic-bezier(.68,-.55,.27,1.55); position:absolute; bottom:-15px; left:0; display:inline-block; content:""; height:3px; width:0; background-color:#FF3F3C;}
.line_al ul li:hover p:after{ transition:all .5s cubic-bezier(.68,-.55,.27,1.55); position:absolute; bottom:-15px; left:0; display:inline-block; content:""; height:3px; width:100%;background-color:#FF3F3C;}

.case_detail{ clear:both; overflow:hidden; width:100%; margin:40px auto;}
.case_detail h1{ font-size:36px; height:40px; line-height:40px; text-align:center;}
.case_detail .case_pic img{ width:680px;}
.case_detail img{ display:block; width:80px; margin:20px auto; text-align:center;}
.case_detail ul{ clear:both; overflow:hidden; margin:20px auto;}
.case_detail ul li{ float:left; width:30.3%; margin:0 1.5%;}
.case_detail ul li p{ color:#111; font-size:16px; text-align:center;}
.case_zx{ width:100%; text-align:center; margin:30px auto 10px; overflow:hidden; margin-left:-1.5%;}
.case_zx a{ float:left; height:50px; line-height:50px; color:#FFF; font-size:20px; width:48.5%; text-align:center; margin:3px 0 3px 1.5%; }
.case_tel a{ background-color:#424355;}
.case_btn a{ background-color:#FF0036;}

.ul-sec-case{overflow:hidden;margin:0 -2px}
.ul-sec-case li{float:left;width:30%; margin:0 1%;overflow:hidden}
.ul-sec-case li .item{position:relative;margin:0 2px;padding-bottom:145px;background-color:#ececec}
.ul-sec-case img{display:block;width:100%}
.ul-sec-case .txt{padding:0 2% 20px; width:96%;text-align:center;overflow:hidden;position:absolute;left:0;bottom:-130px;width:100%;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.ul-sec-case .txt h3 a{display:block;font-size:20px;color:#333;line-height:45px; font-weight:500;text-align:center;margin:15px 0 5px}
.ul-sec-case .txt strong a{display:block;font-size:20px;color:#0740b1;line-height:36px;text-align:center;margin:35px 0 5px}
.ul-sec-case .txt p{font-size:13px;color:#595959;line-height:24px; margin:0 auto; width:80%;text-align:left;opacity:0;filter:alpha(opacity=0);transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;}
.ul-sec-case .txt p strong{float:left}
.ul-sec-case .txt p em{display:block;height:72px;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.ul-sec-case .txt span{display:inline-block;font-size:15px;color:#090909;line-height:26px;position:relative;margin-bottom: 20px;}
.ul-sec-case .txt span::before{content:"";position:absolute;width:40px;height:1px;background-color:#040404;left:-50px;top:50%}
.ul-sec-case .txt span::after{content:"";position:absolute;width:40px;height:1px;background-color:#040404;right:-50px;top:50%}
.ul-sec-case .txt .more{display:inline-block;width:170px;height:44px;line-height:44px;border-radius:4px;background-color:#eb0001;color:#fff;}
.ul-sec-case .item:hover .txt{background:rgba(255,255,255,0.9);bottom:0}
.ul-sec-case .item:hover .txt p{opacity:1;filter:alpha(opacity=100);display: block;}
.index_case .ul-sec-case li .item{padding-bottom: 58px;}
.index_case .ul-sec-case .txt p{display: none;}
.index_case .ul-sec-case .txt{bottom:-75px;}

#owl-demo{position:relative;margin: 0 auto;}
#owl-demo .item_ie7{ position:relative;display:block;}
.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:14px;height:14px;margin:0 5px;background-image:url(/skin/images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:35px;background-image:url(/skin/images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:43%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(/skin/images/bg17.png);}
.owl-next{right:0;background-image:url(/skin/images/bg18.png);}
.owl-prev:hover{background-image:url(/skin/images/bg19.png);}
.owl-next:hover{background-image:url(/skin/images/bg20.png);}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

@media screen and (max-width:1200px){
	.box, .pro_js, .pro_ys, .pro_al, .pd_guide{ width:98%;}
	.index_type ul li{ width:24%; margin:0 0.2%;}
	.pro_main .pro_box dl dt{ width:45%;}
	.pro_main .pro_box dl dd{ width:55%; padding:20px 10px;}
	.pro_main .pro_box dl dd p{ margin:15px auto;}
	.box_btn{ background-position:70% center;}
	.index_case ul li{ width:31.8%;}
	.index_case ul li .case_mask{ padding:40px 15px 15px;}
	.news_show ul{ width:56%;}
	.show_video{ width:42%;}
	.news_show ul li .show_date{ width:60px;}
	.news_show ul li .show_list{ width:86%;}
	.pro_detail dl dt{ width:50%;}
	.pro_detail dl dd{ width:50%;}
	.pro_detail dl dd p{ margin:16px auto;}
	.pro_detail dl dd p.pro_tel a{ font-size:26px;}
	.navul li{ margin-left:20px;}
	.top .tel{ width:33%;}
	.navul li a{ padding:10px;}
	
}

@media screen and (max-width:1000px){
	.top{ display:none;}
	.navs{ height:44px;}
	.nav{ display:none;}
	.nav_m{ display:block;}
	.logo img{ width:160px; margin-top:4px;}
	.index_case ul li{ width:31.6%;}
	.show_video{ display:none;}
	.news_show ul{ width:100%;}
	.news_show ul li .show_list{ width:90%;}
	.box_btn{ background-position:75% center;}
	.con_info{ padding:15px;}
	.about_fw ul{ width:82%; background:none;}
	.about_fw ul li{ width:31%; background-color:#FF1516; margin-left:10px;}
	.about_lc ul li{ background:none;}
	.pro_detail{ background:none; padding:10px 0; margin-bottom:20px;}
	.pro_detail dl{ padding:0;}
	.pro_detail dl dt{ width:100%;}
	.pro_detail dl dd{ width:100%; padding:20px 0 0;}
	.box_btns{ padding:15px 0;}
	.pro_tj{ background-size:160px; padding-right:160px;}
	.pro_main .pro_box dl dt{ width:100%; margin:0;}
	.pro_main .pro_box dl dd{ width:100%;}
	.main_zb{ display:none;}
	.news_main ul{ width:100%; margin-left:0;}
	.news_main ul li .show_list{ width:91%;}
	.newslist ul li a{ width:75%;}
	.news_xg ul li a{ width:75%;}
	.case_list ul li .case_main{ padding-top:20px;}
	.case_list ul li .case_name p{ font-size:15px;}
	.case_list ul li b{ font-size:18px;}
	.index_type{ margin:10px auto 20px;}
	.index_type ul li img{ float:none; display:block; margin:0 auto;}
	.index_type ul li a{ float:none; display:block; text-align:center; margin-left:0; margin-top:0; font-size:16px;}
}

@media screen and (max-width:840px){
	.line_detail{ margin:10px auto;}
	.line_pic{ width:100%;}
	.line_info{ width:100%; margin-top:10px;}
}

@media screen and (max-width:768px){
	.logo img{ width:120px; margin-top:6px;}
	#banner{ display:none;}
	.ban_m{ display:block;}
	.index_type, .index_pro, .index_case, .index_news, .about, .about_nl, .about_lc, .about_hz{ margin:20px auto;}
	.index_pro h1, .about h1, .contact_info h1, .news h1{ font-size:36px; line-height:36px;}
	.index_case h2, .index_about h2, .index_news h2, .about_nl h2, .about_lc h2, .about_hz h2, .about_main h2, .news_title h2{ font-size:30px; line-height:30px;}
	.index_case ul li h3{ font-size:18px;}
	.pro_main{ margin-top:20px;}
	
	.index_case ul li.case_jl{ display:none;}
	.index_case ul li{ width:47.2%; margin:0 0.5%;}
	.index_about ul li b{ font-size:52px; line-height:52px;}
	.news_show ul li .show_list{ width:86%;}
	.index_case ul li .case_mask{ padding-top:20px;}
	.index_case ul li .case_mask a{ margin-top:10px;}
	.about ul li img{ width:120px;}
	.about_sl ul li:first-child { display:none;}
	.about_sl ul li{ width:100%;}
	.con_info{ padding:30px;}
	.about_nl ul li{ width:32.3%;}
	.about_nl ul li:nth-child(7), .about_nl ul li:nth-child(8){ display:none;}
	.about_tit{ display:none;}
	.about_fw ul{ width:100%;}
	.about_lc ul li{ width:33.3%;}
	.about_lc ul li img{ margin:0 auto; width:100px;}
	.about_lc ul li p{ width:100%; line-height:40px;}
	.about_main{ width:96%;}
	.about_zl{ height:640px;}
	.about_main ul{ margin-left:-6%; margin-top:40px;}
	.msg_info{ display:none;}
	.msg_fill{ width:100%;}
	.pro_type li img{ width:80%;}
	.pro_device ul li{ width:32.3%;}
	.pro_tj{ background-size:140px; padding-right:140px;}
	.pro_type{ background-color:#F3F3F3; margin-bottom:10px; padding:20px 0;}
	.table_yd{ display:table;}
	.table_pc{ display:none;}
	.news_main ul li .show_list{ width:88%;}
	.news_cp ul{ margin-left:0;}
	.news_cp ul li{ width:100%; margin-left:0;}
	.news{ margin-bottom:0; padding:20px 0 0; background:none;}
	.news p{ margin:10px auto;}
	.news h1 a, .news p{ color:#333;}
	.news h1 a:hover{ color:#EB0001;}
	.news ul li{ width:100%; margin-right:0; background-color:#FFF;}
	.news ul li .news_pic{ float:left; width:20%; position:static; padding-bottom:0; margin-right:2%;}
	.news ul li .news_pic img{ position:static;}
	.news ul li time{ display:none;}
	.news_title{ line-height:30px;}
	.news_main{ margin-top:10px;}
	.news_main ul li{ margin-bottom:15px;}
	.news_sp{ padding:20px 0;}
	.news_sp ul{ margin-top:10px;}
	.news_cp{ margin:20px auto;}
	.news_cp ul li{ margin-top:10px;}
	.newslist{ margin:10px auto 20px;}
	.newslist ul{ margin-left:0;}
	.newslist ul li{ width:100%; margin-left:0;}
	.newslist ul li a{ width:80%;}
	.newsdetail{ margin-top:20px;}
	.news_cue{ background:none; background-color:#F3F3F3; padding:10px;}
	.news_xg ul li span{ display:none;}
	.news_xg ul li a{ width:100%;}
	.line_list ul li{ width:49%;}
	.line p{ font-size:14px; line-height:22px;}
	.case_list ul li{ width:49%;}
	.case_list ul li .case_main{ display:none;}
	.case_list ul li .case_name p{ font-size:14px;}
	.pro_type li p{ font-size:16px;}
}

@media screen and (max-width:650px){
	.pro_info p img{ width:100%;}
	.box_btns{ background-position:70% center;}
	.product{ display:none;}
	.news_main ul li .show_list{ width:85%;}
	.news_title a{ padding:0 25px 0 0;}
	.news_info p img{ width:100%; height:auto;}
	.news_tel span{ padding-left:32px;}
	.news_tel span i{ display:none;}
	.line p{ display:none;}
	.line_al ul li{ width:49%; margin-bottom:10px;}
	.line_main p img{ width:100%; height:auto;}
	.case_detail{ margin:20px auto;}
	.case_detail h1{ font-size:30px;}
	.case_detail .case_pic img{ width:100%;}
	.pro_type li p i{ display:none;}
}

@media screen and (max-width:480px){
	.index_pro h1, .about h1, .contact_info h1, .news h1{ font-size:30px; line-height:30px;}
	.index_case h2, .index_about h2, .index_news h2, .about_nl h2, .about_lc h2, .about_hz h2, .about_main h2, .news_title h2{ font-size:26px; line-height:26px;}
	.index_case ul li{ width:46.8%;}
	.news_show ul li .show_list{ width:80%;}
	.location{ display:none;}
	.about ul li img{ width:80px;}
	.con_info{ padding:15px;}
	.about_fw{ display:none;}
	.about_main ul{ width:80%;}
	#gotoTop{ width:40px; height:40px;}
	.contact_info ul li{ width:47%;}
	.pro_detail dl dd h1{ font-size:26px;}
	.pro_info h2{ font-size:24px; margin-bottom:10px;}
	.pd_guide a{ font-size:16px; padding:10px 0;}
	#header-wrapper{ margin-bottom:0;}
	.pro_info p{ font-size:14px;}
	.pro_al ul li{ width:49%;}
	.pro_info p{ margin-bottom:10px;}
	.pro_show{ margin:20px auto;}
	.pro_tit{ font-size:26px; height:26px;}
	.pro_show p{ display:none;}
	.pro_show ul li p{ display:block; font-size:14px;}
	.pro_show ul li{ width:49%;}
	.pro_show ul li:hover img{transform:none;}
	.shows{ padding:20px 0;}
	.pro_show ul{ margin-top:10px;}
	.news p{ display:none;}
	.news h1{ text-align:left;}
	.news ul{ margin-top:10px;}
	.news ul li p{ display:block;}
	.news ul li .news_pic{ width:30%;}
	.news ul li h3{ margin-top:0;}
	.news_main ul li .show_list{ width:81%;}
	.news_sp ul li p{ font-size:14px;}
	.newslist ul li{ height:50px; line-height:50px;}
	.newslist ul li a{ width:75%;}
	.disabled, .page a, .page .current{ padding:6px 10px; margin-right:2px;}
	.news_cue p{ display:none;}
	.newsdetail h1{ font-size:24px;}
	.news_info{ margin:15px auto;}
	.news_info h2{ font-size:20px;}
	.news_info p{ line-height:24px;}
	.news_tel span a{ font-size:22px; letter-spacing:-1px;}
	.news_tel a.new_btn{ font-size:16px; padding-left:45px; padding-right:15px;}
	.line, .line_list{ margin:20px auto;}
	.line{ border-top:1px solid #DDD; margin-top:0; padding-top:20px;}
	.line ul{ width:90%; margin:0 auto;}
	.line ul li{ width:50%; margin:0; font-size:18px;}
	.line_show{ padding:5px 2px;}
	.line_show p{ display:none;}
	.line_show p.line_tit{ display:block; text-align:center; font-size:16px; font-weight:normal; margin-bottom:0;}
	.line_list ul li{ margin-bottom:5px;}
	.case_list ul li .case_name p{ line-height:20px; height:40px; padding:3px 0;}
	.line_info h1{ font-size:26px; margin-bottom:10px;}
	.line_info p{ font-size:14px; line-height:24px;}
	.line_tel a{ font-size:28px;}
	.line_btns a{ height:50px; line-height:50px;}
	.line_main h2, .line_al h2{ font-size:24px; margin:10px 0;}
	.line_main p{ font-size:14px; line-height:24px;}
	.line_detail{ margin-top:0;}
	.case_detail{ border-top:1px solid #DDD; margin-top:0; padding-top:10px;}
	.case_detail h1{ font-size:26px;}
	.case_detail img{ margin:10px auto;}
	.case_detail ul li p{ font-size:14px;}
	.case_zx{ margin-left:0; margin-top:10px;}
	.case_zx a{ width:100%; margin-left:0;}
	.product{ display:block; padding:0; height:1px; background:none; background-color:#DDD;}
	.pro_tj{ display:none;}
	.index_type ul li a i{ display:none;}
	.index_type ul li img{ width:70px;}
	.index_type ul li{ border-right:0;}
	.pro_type li p{ font-size:14px;}
	.message ul li{ width:99%; height:46px; line-height:44px;}
	.message ul li input{ height:44px; line-height:44px; font-size:15px;}
	.message ul li textarea{ font-size:15px; height:150px;}
	.message ul li.msg_area{ height:152px;}
	.message ul li span.icon_msg01{ background-size:20px;}
	.message ul li span.icon_msg02{ background-size:20px;}
	.message ul li span.icon_msg03{ background-size:20px;}
	.msg_btn{ width:36%;}
}

@media screen and (max-width:375px){
	.logo img{ width:100px;}
	.navs{ height:36px;}
	.nav_m ul li{ line-height:36px; font-size:14px;}

	.index_pro{ padding:20px 0;}
	.index_pro h1, .about h1, .contact_info h1, .news h1{ font-size:24px; line-height:24px;}
	.index_case h2, .index_about h2, .index_news h2, .about_nl h2, .about_lc h2, .about_hz h2, .about_main h2, .news_title h2{ font-size:20px; line-height:20px;}
	.index_case p, .index_about p, .index_news p, .about_nl p, .about_lc p, .about p, .contact_info p{ font-size:14px; margin:10px auto;}
	.pro_main .pro_box dl dd{ padding:10px 0;}
	.pro_main .pro_box ul li{ width:48%; margin-bottom:6px;}
	.pro_main .pro_box ul li:nth-child(3){ width:100%;}
	.pro_main .pro_box ul li i{ height:22px;} 
	.pro_main .pro_tab li{ margin:0 5px;}
	.box_btn{ font-size:18px; margin-top:10px;}
	.index_case ul li{ border:0; width:49%;}
	.index_case ul li .case_tit{ display:block;}
	.index_case ul li .case_mask{ display:none;}
	.index_about ul{ margin-top:26px;}
	.index_about ul li{ width:48%; margin-top:10px;}
	.index_about ul li i{ margin-top:10px;}
	.news_show{ margin-top:20px;}
	.news_show ul li .show_date{ width:52px;}
	.news_show ul li .show_date b{ font-size:24px;}
	.news_show ul li .show_date i{ font-size:12px;}
	.news_show ul li .show_list{ width:82%;}
	.news_show ul li .show_list h3{ font-size:16px;}
	.index_service ul li img{ width:40px; height:40px;}
	.index_service ul li i{ line-height:22px; margin-top:10px;}
	.about p i{ display:none;}
	.about ul li img{ width:60px;}
	.about_sl, .about_zl{ display:none;}
	.about_nl{ background-color:#F2F1F6; padding:15px 0;}
	.about_nl ul li{ width:49%;}
	.about_lc ul{ margin-top:20px;}
	.about_lc ul li img{ width:80px;}
	.about_lc ul li p{ font-size:14px;}
	.about_hz ul li{ width:49%; margin-bottom:5px;}
	.contact{ margin:10px auto;}
	.contact_info ul li{ padding-top:10px;}
	.contact_info ul li span{ width:80px; height:80px;}
	.contact_info ul li span.contact01{ background-size:42px auto;}
	.contact_info ul li span.contact02{ background-size:42px auto;}
	.contact_info ul li span.contact03{ background-size:42px auto;}
	.contact_info ul li span.contact04{ background-size:42px auto;}
	.contact_info ul li h3{ font-size:16px; margin-bottom:0;}
	.contact_info ul li p a.cont{ font-size:14px;}
	.contact_info ul li p a{ font-size:18px;}
	.message{ padding:15px 0; margin-top:20px;}
	.message .msg_tit{ font-size:26px;}
	
	.msg_btn{ width:40%;}
	.pro_type{ padding:15px 0 10px;}
	.pro_type li img{ width:86%;}
	.pro_type li p{ font-size:14px; line-height:24px; margin-top:2px;}
	
	.pro_device ul{ margin-top:0;}
	.pro_device ul li{ width:49%; margin-bottom:0;}
	.pro_device ul li p{ font-size:14px; line-height:32px;}	
	.pro_detail ul li{ width:48%; margin-bottom:5px;}
	.pro_detail ul li:nth-child(3){ width:100%;}
	.pro_detail ul li i{ height:22px;} 
	.pro_detail dl dd p.pro_tel font{ display:none;}
	.box_btns{ font-size:20px; padding:10px 0; background-position:75% center;}
	.pro_detail dl dd h1{ font-size:24px;}
	.pro_info h2{ font-size:20px; margin:10px 0 5px;}
	.pro_ys ul li{ width:100%; margin-left:0; margin-right:0; margin-top:50px; padding-top:50px; height:160px;}
	.pro_ys ul li span{ width:80px; height:80px; top:-40px; margin-left:-40px;}
	.pro_al ul li p{ margin-bottom:0;}
	.pro_detail{ padding-top:0;}
	.pro_tit{ font-size:24px; height:24px;}
	.pro_show ul li p{ line-height:30px;}
	.news ul li{ margin-bottom:6px; padding-bottom:10px; border-bottom:1px dashed #DDD;}
	.news ul li h3{ height:26px; line-height:26px; font-size:16px; margin-bottom:2px;}
	.news ul li p, .news_cp ul li p{ line-height:22px; height:44px;}
	.news_hy{ margin:10px auto;}
	.news_title{ line-height:24px;}
	.news_main ul li .show_date{ width:56px;}
	.news_main ul li .show_date b{ line-height:40px; font-size:24px;}
	.news_main ul li .show_date i{ font-size:13px;}
	.news_main ul li .show_list h3{ font-size:16px;}
	.news_sp ul li:nth-child(2){ display:none;}
	.news_sp ul li{ width:49%;}
	.news_sp{ margin:10px auto;}
	.news_cp ul li{ padding:5px 1%;}
	.news_cp ul li h3{ font-size:16px;}
	.news_cp ul li time{ margin:2px 0;}
	.news{ padding-top:15px;}
	.newsdetail h1{ font-size:22px; line-height:26px;}
	.news_base{ padding:10px 0; margin-top:15px;}
	.news_cue{ padding:8px 5px;}
	.news_tel{ line-height:36px;}
	.news_tel a.new_btn{ line-height:36px; font-weight:normal;}
	.news_info p{ line-height:22px;}
	.newsdetail{ margin-bottom:10px;}
	.news_xg{ margin:10px auto 20px;}
	.news_tit{ line-height:20px;}
	.news_tit h2{ font-size:20px;}
	.news_xg ul{ margin-left:0; margin-top:0;}
	.news_xg ul li{ width:100%; margin-left:0; height:40px; line-height:40px; padding:0 2px;}
	.line_info h1{ font-size:24px;}
	.line_tel i{ display:none;}
	.line_btns a{ height:44px; line-height:44px; font-size:20px;}
	.line_btns a img{ width:25px;}
	.line_main h2, .line_al h2{ font-size:20px;}
	.line_main ul li{ width:100%; margin-left:0; margin-right:0; margin-top:50px; padding-top:50px; height:160px;}
	.line_main ul li span{ width:80px; height:80px; top:-40px; margin-left:-40px;}
	.line_main ul li p{ margin-bottom:0;}
	.line_al{ margin:5px auto;}
	.line_al ul li p{ margin:5px 0;}
	.line_al ul li{ margin-bottom:2px;}
	.case_detail h1{ font-size:24px;}
	.case_detail ul{ margin:10px auto;}
	.case_detail img{ width:60px;}
	.index_type ul li img{ width:60px;}
	.index_type ul li a{ font-size:15px;}
	.index_type{ margin:8px auto 10px;}
	.pro_type li img{ width:86%;}
	
}

@media screen and (max-width:320px){
	.contact_info h1{ font-size:20px;}
	.news ul li .news_pic{ width:34%;}
	.news_main ul li .show_list{ width:78%;}
	.newslist ul li{ height:44px; line-height:44px;}
	.newslist ul li span{ display:none;}
	.newslist ul li a{ width:100%;}
	.disabled, .page a, .page .current{ padding:4px 8px;}
	.newsdetail{ margin-top:15px;}
	.news_tel a.new_btn{ background:none; background-color:#ED1E24; padding-left:10px; padding-right:5px;}
	.line{ padding-top:15px; margin-bottom:15px;}
	.line ul li{ line-height:2em; font-size:17px;}
	.line_show p.line_tit{ font-size:14px; padding:2px; line-height:24px;}
	.case_detail h1{ font-size:20px; height:30px; line-height:30px;}
	.line_main h2, .line_al h2{ font-size:18px;}
	.nav_m{ width:68%;}
	.pro_type li p{ font-size:13px;}
	.case_detail ul li{ width:100%; margin:0 auto;}
	
}



.index-sl {
    background: url(/skin/images/foot_bg.jpg) no-repeat;
    background-size: cover;
    margin-top: 30px;
    padding: 50px 500px;
    box-sizing: border-box; margin-bottom:10px;
}

.index-sl .wrap {
    max-width: 855px;
    transform: translateX(-25%);
}

.index-sl .pic {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.index-sl h2 {
    font-size: 38px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-top: -50px;
}

.index-sl h2 a {
    color: #fff;
}

.index-sl h2 img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -10px;
}

.index-sl .tit {
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
}

.index-sl ul {
    overflow: hidden;
    background: url(/skin/images/kj_bg.png) no-repeat;
    padding: 50px 105px;
    box-sizing: border-box;
    margin-top: 40px;
}

.index-sl li {
    float: left;
    text-align: center;
    width: 25%;
    cursor: pointer;
}

.index-sl li a {
    display: inline-block;
    position: relative;
    -webkit-transition: -webkit-transform ease-out .1s, background .2s;
    -moz-transition: -moz-transform ease-out .1s, background .2s;
    transition: transform ease-out .1s, background .2s;
    border-radius: 50%;
}

.index-sl li a:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    border-radius: 50%;
}

.index-sl li:hover a {
    -webkit-transform: scale(.93);
    -moz-transform: scale(.93);
    -ms-transform: scale(.93);
    transform: scale(.93);
    border-radius: 50%;
}

.index-sl li:hover a:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms
}
.index-sl li img {
    max-width: 74px;
    width: 100%
}

.index-sl li p {
    font-size: 20px;
    color: #051741;
    margin-top: 20px;
    margin-bottom: 5px; text-align:center;
}

.index-sl li p strong {
    font-size: 30px;
    color: #051741;
    font-family: Impact Regular;
}

.index-sl li span {
    font-size: 20px;
    color: #4b556e;
}