﻿@charset "utf-8";
/* CSS Document */
.banner{margin-top: 90px;}
.banner_pc{}
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}

.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav { text-align: center; position:absolute; left: 50%; bottom:15px;transform: translateX(-50%);}
.flex-control-nav li {margin: 0 8px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px; height:12px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;border: 2px solid #FFF;}
.flex-control-paging li a.flex-active { border: 2px solid #ee720b;background: #ee720b; cursor: default; }
.flexslider .flex-direction-nav li a{ width:60px; height:60px; position:absolute; top:50%; margin-top:-30px;border-radius: 50px;visibility: hidden;opacity: 0;transition: all 0.3s;}
.flexslider:hover .flex-direction-nav li a{visibility: visible;opacity: 1;}
.flexslider .flex-direction-nav li a.flex-prev{ background:rgba(0,0,0,0.3) url(../images/pic11.png) center center no-repeat; left:2%; z-index:99;background-size: 15px;}
.flexslider .flex-direction-nav li a.flex-next{ position:absolute; background:rgba(0,0,0,0.3) url(../images/pic12.png) center center no-repeat; right:2%;background-size: 15px;}


.content{width: 100%;  padding: 20px 0 0; margin: 0 auto;}
.dyip{max-width: 1250px; margin: 15px auto 40px auto;}
.dyip h2{ font-size:28px; text-align:center;}
.dyip .sit{ text-align:center; font-size: 14px;  line-height:25px; padding-bottom: 30px;}
.xian{ width:80px; height:1px; background:#ff5500; margin:1% auto;}
.dyip ul{margin-left: -2%;}
.dyip li{width: 23%;float: left;overflow: hidden;margin-left: 2%;}
.dyip li .pic{overflow: hidden;}
.dyip li .pic img{width: 100%;transition: all 0.3s;}
.dyip li:hover .pic img{transform: scale(1.2);}
.dyip li .title{padding:14px 0; font-size: 18px; text-align: center; transition: all 0.3s;}
.dyip li p{font-size: 13px; line-height: 24px;}
.dyip li a{color: #444;overflow: hidden;}
.dyip li a:hover{color: #ee720b;text-decoration: none;}


.dsanp{ margin-top:2%;background: #f5f5f5; overflow: hidden; padding:30px 0 15px 0;}
.dsanp h2{ font-size:28px; text-align:center;}
.dsanp .box{max-width: 1250px; margin: 20px auto;}

.post-slide{margin: 0 15px; background: #fff; }
.post-slide .post-img{overflow: hidden; text-align:center; border:1px solid #DDD;}
.post-slide .post-img p{ line-height:50px; font-size: 14px;border-top: 1px solid #ddd;}
.post-slide .post-img img{width: 100%;height: auto;transform: scale(1);transition: all 1s ease-in-out 0s;}
.post-slide:hover .post-img img{transform: scale(1.08);}
.post-slide .post-content{background: #fff;padding: 20px;}
.post-slide .post-title{font-size: 17px;font-weight: 600;margin-top: 0;text-transform: capitalize;}
.post-slide .post-title a{display: inline-block;color: #808080;transition: all 0.3s ease 0s;}
.post-slide .post-title a:hover{color: #3d3030;text-decoration: none;}
.post-slide .post-description{font-size: 15px;color: #676767;line-height: 24px;margin-bottom: 14px;}
.post-slide .post-bar{padding: 0;margin-bottom: 15px;list-style: none;}
.post-slide .post-bar li{color: #676767;padding: 2px 0;}
.post-slide .post-bar li i{margin-right: 5px;}
.post-slide .post-bar li a{display: inline-block;font-size: 12px;color: #808080;transition: all 0.3s ease 0s;}
.post-slide .post-bar li a:after{content: ",";}
.post-slide .post-bar li a:last-child:after{content: "";}
.post-slide .post-bar li a:hover{color: #3d3030;text-decoration: none;}
.post-slide .read-more{display: inline-block;padding: 10px 15px;font-size: 14px;font-weight: bold;color: #fff;background: #e7989a;border-bottom-right-radius: 10px;text-transform: capitalize;transition: all 0.30s linear;}
.post-slide .read-more:hover{background: #333;text-decoration: none;}


.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.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)}
.grabbing{cursor:url(grabbing.png) 8 8,move}
.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)}


.derp{ background: url(../images/ab_bg.jpg) left top no-repeat; padding: 3% 0; overflow: hidden;}
.derp .box{max-width: 1250px; margin: 20px auto; overflow: hidden; }
.derp .box .a_left{float: left; width: 58%; max-width: 700px;}
.derp .box .a_left .BTs{width: 145px; font-size: 30px; font-weight: bold;color: #fff; padding-bottom: 12px; }
.derp .box .a_left .BTs span{width: 55px; height:1px;  background: #ff5500; display: block;  margin-top: 12px;}
.derp .box .a_left .ab_com{padding: 18px 0; line-height: 32px; font-size: 15px; color: #fff; }
.derp .box .a_right{float: right; width: 40%; text-align: right;}
.derp .box .a_right img{max-width: 100%;}



.index06{max-width: 1250px;margin: 0 auto; overflow:hidden; padding:1% 0;  height:auto; overflow:hidden;}
.index06 h2{ font-size:28px; text-align:center;}
.index06 dl{ width:100%; overflow:hidden; padding-top:30px;}
.index06 dl dt{ width:45%; height:auto; overflow:hidden; float:left; position:relative;}
.index06 dl dt img{max-width: 100%; display:block;}
.index06 dl dt h3{ line-height:50px; overflow:hidden;  font-size:17px; color:#fff; position: absolute;left:0; bottom:0; background-color:rgb(0,0,0,.75); width: 100%; text-indent: 12px; }
.index06 dl dt span{ display:block; position:absolute; left:0; top:0; background:#ee720b; width:82px; height:90px; font-family:Arial; color:#fff; text-align:center; font-size:12px;}
.index06 dl dt span strong,.index06 dl dd span strong{ font-size:35px; display:block; padding-top:18px; line-height:100%;}
.index06 dl dd{ float:right; width:50%; height:85px; padding-bottom:12px; border-bottom:1px #ccc solid; margin-bottom:18px; overflow:hidden;}
.index06 dl dd span{ display:block; width:85px; height:85px; overflow:hidden; float:left; background:#999; color:#fff; font-size:12px; text-align:center; font-family:Arial;}
.index06 dl dd h3,.index06 dl dd p{ width:calc(100% - 105px); float:right;}
.index06 dl dd p{ line-height:24px; font-size: 12px; color:#777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index06 dl dd h3{ line-height:30px; height:30px; overflow:hidden; font-size:15px; color:#333; font-weight: bold;}
.index06 dl dd:last-child{ border-bottom:none; padding-bottom: 0;}



/*内页代码开始*/
.ban_pic{width: 100%; margin-top: 90px; overflow: hidden;}
.ban_pic img{max-width: 100%;}

.location{background-color:#f3f3f3;border-bottom:1px solid #e2e2e2; overflow: hidden;}
.location .G-in{font-size:15px;}
.location .breadcrumbs{float:left;}
.location .breadcrumbs a{padding:18px 0px 18px;color:#333;display:inline-block;padding-right:15px;background:url(../images/tr.png) right center no-repeat;margin-left:15px;transition:all 0.3s linear;}
.location .breadcrumbs a:last-child{background:none;}
.location .breadcrumbs .a_home{padding-left:30px;margin-left:0px;background:url(../images/tr.png) right center no-repeat,url(../images/home.png) left 21px no-repeat;}
.location .breadcrumbs a:hover{color:#ee7511;}
.location .subNav{float:right;}


.location .subNav li{float:left;position:relative;}
.location .subNav li>a{display:block;padding:18px 32px 18px;color:#333;transition:all 0.3s linear;position:relative;z-index: 1;}
.location .subNav li:after{display:block;content:"";position:absolute;left:0px;top:0px;width:0%;height:100%;background-color:#ee7511;z-index:0;transition:all 0.3s linear;}
.location .subNav li>a:hover{color:#fff;}
.location .subNav li .current{color:#fff;background-color:#ee7511;}
.location .subNav li:hover:after{width:100%;}


.con{padding:30px 0;overflow: hidden;}
.about{width:100%; padding-bottom: 15px;}
.about h2{font-size: 28px; line-height: 40px; text-align: center;font-weight: bold; color: #444;}
.about .txt{margin-top: 20px;padding-bottom: 20px; line-height: 32px; font-size: 15px; }
.about .txt img{max-width: 100%;}
.about .txt table tr td{ padding:15px 0; line-height:42px; font-size:16px;}

.gywh {width:100%; margin-top:30px; overflow: hidden; font-size: 14px; line-height: 32px;}
.gywh dd{width: calc(100% - 450px); float: left;margin-bottom: 30px;}
.gywh dd span{font-weight: bold;color: #e40112}
.gywh dt{float: right; width: 32%}
.gywh dt img{max-width: 100%}
.gywh ul{width: 102%; padding-top: 40px;  margin-left: -2%; overflow: hidden;}
.gywh ul li{float: left;width: 23%;text-align: center;color: #555;margin-left: 2%;}
.gywh ul li span{display: block;padding-top:8px;line-height: 30px;}
.gywh ul li img{max-width: 100%;}

.about .txt .lx_left{float: left; width:34%; margin-top:30px;}
.about .txt .map_right{float: right; width: 64%; margin-top: 30px;}


/**honor*/
.Mgist{width:100%;overflow: hidden;margin-top:30px;}
.Mgist ul{margin-right:-2%}
.Mgist ul li{width:31.333%;float:left;margin-right:2%;margin-bottom:15px;text-align:center;}
.Mgist ul li img{display:block;width:94%; padding:4px;border:2px solid #e2e2e2;background:#fff;}
.Mgist ul li img:hover{border:2px solid #ee7511;}
.Mgist ul li p{padding-top:8px; line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}



/*应用案例*/
.Case_List{ width:100%;  padding:12px 0 5px 0;  overflow: hidden;}
.Case_List li { border-bottom:#f1f1f1 1px solid; padding:0px 0px 22px; margin-bottom:22px;overflow: hidden;}
.Case_List .img { width:295px;  float:left; overflow:hidden; }
.Case_List .img img{max-width: 100%;}
.Case_List .intro {float: right; width: calc(100% - 325px)}
.Case_List .intro h3{font-size: 17px; margin-bottom:5px;line-height: 32px; font-weight: bold;}
.Case_List .intro time{ color:#999; font-size: 13px;  line-height: 24px;}
.Case_List .intro .text{ margin-top:3px; font-size: 13px; line-height: 27px; margin-bottom:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.Case_List .intro .Learn{border: 1px solid #999; width: 110px; background:#999; padding: 2px 0; text-align: center;}
.Case_List .intro .Learn a{color:#fff; }
.Case_List li:last-child{margin-bottom:0;}


.newShow{ padding:0; overflow: hidden;}
.newShow .name{ text-align:center; font-size:20px; color:#222; font-weight:bold; padding-bottom:12px;}
.newShow .time{ text-align:center; font-size:14px; color:#666; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.newShow .time em{ padding:0 15px;}
.newShow .contss{ padding:18px 0 20px 0; font-size:14px; line-height:30px;border-bottom:1px #ccc solid; color: #555;}
.newShow .contss img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#00a0e9;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}

/*产品中心*/
.product{width:100%; margin-top:5px; overflow: hidden;}
.product ul{margin-left: -1%;}
.product ul li{width: 24%;margin-left: 1%;float: left;margin-bottom: 2%;}
.product ul li img{max-width: 100%;}
.product ul li p{line-height: 30px;text-align: center;font-size: 14px;}


.pro_txt{padding: 15px 0; line-height: 35px; font-size: 15px; overflow: hidden;}

.pro_txt img{max-width: 100%; margin: 0 auto; display: block;}
.pro_txt table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%; font-size: 14px; margin-top:12px;}
.pro_txt table tr td{border-right: 1px solid #000;border-bottom:1px solid #000; padding:8px; line-height: 28px; }
.pro_txt table tr:first-child{background: #888; color: #fff; text-align:center;  font-weight:bold;}
.pro_txt table tr td:first-child{width: 20%;}

/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 0 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #ee7511;border:none;}