@charset "utf-8";



body,div,dl,dt,dd,ul,ol,li,p,span,a,img,form,input,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}

body {width: 100%;min-width: 320px;font-size: 1em;background: #fff;font-family: "Microsoft Yahei","Yahei";}

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



h1,h2,h3,h4,h5,h6 {font-weight: normal;}

a {text-decoration: none;color:#333;}

img{max-width: 100%;border: none;display:block; margin:auto;}

i {font-style:normal}

@font-face {font-family: "Yahei";src: url("../font/msyh.ttf")}

.fl{float: left;}

.fr{float: right;}

.main {padding:0 3%;}

.wrap1 {padding:0 0%;}

/*.title-div{ background-color:#e9e9e9; height:10px;}*/

@font-face {font-family: "Yahei";src: url("../font/msyh.ttf") ;}

a:focus{outline:none;}

i,em,strong{font-style: normal;}

.clearfix:after {content: '.';display: block;clear: both;height: 0;visibility: hidden;}

.clearfix {*zoom:1;}

input,textarea,button{border:none;outline: none;font-family:"Microsoft Yahei"}











/*头部*/

.header {width: 100%;height:50px;position: fixed;top: 0px;left: 0px;background: #fff;z-index: 9;border-bottom: 1px solid #ececec;}

.header .back {display: block;height:50px;position: absolute;left: 0px;top: 0px;}

.header .back img {height:50px;}

.header .logo {width:100%;height:50px;}

.header .logo img {height:50px;margin:0 auto;position:relative;margin-left:3%;}

.header .sort {display:block;width:60px;height:50px;background: url(../images/navbg.png) no-repeat center / 40% auto;position:absolute;right: 0px;top:0px;}







/*左侧导航*/

.allnav_left {position: fixed;right: -100%;top: 0px;height: 100%;background:rgba(255,255,255,0.95);z-index: 1111199;width: 60%;padding: 0px 0px;max-width: 320px;box-shadow: 1px 0px 20px #444;}

.theclose {overflow: hidden;padding:15px 0;text-align: right;cursor: pointer;background-color:#0293cd;}

.theclose img {width: 15px;height: 15px;float:left;margin-left:20px;}

.allnav_left a {display: block; color: #666;font-size: 1em;height:21px;padding:10px 0 10px 30px;border-bottom: 1px solid #e6e6e6;}

.allnav_left a span {float: left;}

.allnav_left a img {width: 9px;height: 18px;float: right;margin-top: 2px;}

.bk_gray {background:#000;opacity:0.2;filter:alpha(opacity=20);position:fixed;width:100%;height:100%;z-index: 98;display: none;top: 0;}

.allnav_left .on{ color:#0293cd; background-color:#f2f2f2;}

.allnav_left ul li{ width:100%;}







/*banner*/

.flexslider{width: 100%;max-width: 640px;position: relative;overflow: hidden;margin:50px auto 20px;}

.flexslider .slides {text-align: center;position: relative;z-index: 1;width: 100%;height: 100%;}

.flexslider .slides li {width: 100%;height: 100%;}

.flexslider .flex-control-nav{position: absolute;bottom:20px;left: 50%;margin-left: -50%;z-index: 2;width: 100%;text-align: center;}

.flexslider .flex-control-nav li {display: inline-block;margin: 0 5px;zoom: 1;}

.flexslider .flex-control-nav a {display: inline-block;width: 7px;height: 7px;overflow: hidden;background: #fff;border-radius: 50%;cursor: pointer;text-indent: 999999px;}

.flexslider .flex-control-nav .flex-active{ background: #0293cd;}







/*form*/

#form form{ position:relative; width:100%;height:40px; }

#form form input.wd{padding:0 10px;position:absolute;left:0px;border:1px solid #ddd;line-height:38px;box-sizing:border-box;width:calc(100% - 175px);margin-left:115px;}

#form form input.submit{ position:absolute;right:0px;top:0px;vertical-align: middle;height: 40px;}





/*搜索*/

.form_select form{margin-bottom:30px;width:405px;border:1px solid #0293cd;box-sizing:border-box;height:40px;line-height:40px;position:relative;}

.form_select form .text,.form_select form .submit{height:38px;line-height:38px;position:absolute;}

.form_select form .text{width:240px;left:120px;border-radius:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

.form_select form .submit{padding:8px 10px 8px 20px;box-sizing: border-box;right:0;font-size:20px;color:#fff;cursor:pointer;}



._htools-selec-box{height:auto;margin:100px auto 0;border: 1px solid #d2d2d2;}

._htools-select{font-size:16px;width:165px;float:left;position: absolute;left:0px;top:0px;box-sizing:border-box;border-right:none; text-align:center;background: url(../images/xiala.png) no-repeat 95px center #0293cd / 10px;outline:none;cursor:pointer;}

._htools-select *{margin: 0;padding: 0;outline: none;}

._htools-select:hover ._select-selectbtn{border-top-color: dodgerblue;transition: border-top-color 0.5s;-moz-transition: border-top-color 0.5s;-webkit-transition: border-top-color 0.5s;-o-transition: border-top-color 0.5s;}

._htools-select ._select-input{color:#fff;display:inline-block;font-size:0.9rem;position:relative;top:0;text-align: left;

  padding-left: 14px;}

._htools-select ._select-selectbtn{position:absolute;right:12px;top:17px;width:12px;height:10px;}

._htools-select ._select-select-ul{background-color: white; outline: none;position: relative;z-index: 10;display: none;-webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.18);-moz-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.18);box-shadow: 1px 0 10px rgba(0, 0, 0, 0.18);top:3px;left:0;}

._htools-select ._select-select-ul li{background-color: white;color: black;font-size: 14px;padding: 3px 6px;cursor: pointer;list-style-type:none;line-height:35px;height:35px;

transition: color 0.5s, background-color 0.5s;-moz-transition: color 0.5s, background-color 0.5s;-webkit-transition:color 0.5s, background-color 0.5s;-o-transition: color 0.5s, background-color 0.5s;border-bottom:1px solid #d2d2d2;}

._htools-select ._select-select-ul li:hover{background-color: #ff6418;color: white;}









/*#list*/

#list{margin:10px auto;background: #eee;padding:3px 3px;box-sizing:border-box;}

#list ul{margin-right:-1%;}

#list ul li{overflow:hidden;float:left;width:24%;margin-right:1%;background: #fff;padding:10px 0;box-sizing:border-box;}

#list ul li img{width:50px; margin:auto;}

#list ul li p{color:#333;font-size:12px;padding:5px 0; text-align:center;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}







/*index-about*/

.index-about p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow: hidden;}







/*index-strategy*/

.index-strategy{color:#fff;}

.index-strategy ul{margin-right:-1%;}

.index-strategy ul li{float:left;width:100%;margin:auto 1% 10px;padding:50px 20px;background:url(../images/pic_zhanlve.jpg) no-repeat center / 100%;box-sizing:border-box;}

.index-strategy ul li p{font-size:0.9rem;width:calc(100% - 50px);float:right;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.index-strategy ul li p.p1{font-size:1rem;font-weight:bold;}



.index-strategy ul li i{float:left;display:inline-block;width:35px;height:35px;background:url(../images/gszl1.png) no-repeat center top / 35px;}

.index-strategy ul li .i2{background:url(../images/gszl2.png) no-repeat center top / 35px;}

.index-strategy ul li .i3{background:url(../images/gszl3.png) no-repeat center top / 35px;}









/*index-form*/

.index-form{box-sizing:border-box;}

.index-form .ul1 li{width:100%;border-bottom:1px dashed #ddd; line-height:35px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;box-sizing:border-box;background:url(../images/icon5.png) no-repeat left center /18px;padding-left:20px;font-size:12px;}







/*index-cases*/

.index-cases .picMarquee-left{width:100%;overflow:hidden;position:relative;box-sizing:border-box;margin-left: -0.5%;}

.index-cases .picMarquee-left .bd ul{overflow:hidden;zoom:1;}

.index-cases .picMarquee-left .bd ul li{margin:0 3px;width:50%;float:left;_display:inline;overflow:hidden;text-align:center;}

.index-cases .picMarquee-left .bd ul li .pic{text-align:center;}

.index-cases .picMarquee-left .bd ul li .pic img{max-width:100%; display:block;box-sizing:border-box; }

.index-cases .picMarquee-left .bd ul li .pic a:hover img{border-color:#999;  }

.index-cases .picMarquee-left .bd ul li p{line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px;box-sizing:border-box;}

.index-cases .picMarquee-left .bd ul li:hover p a{color:#0293cd;}







/*footer*/

.footer{background:#dbdbdb;margin:30px auto 20px;padding:10px 0;}

.footer  p{color:#333;font-size:0.8em;text-align:center;}







/*客服*/

.boom_kf{ width:100%; height:40px; position:fixed; bottom:5px; text-align:center;}

.boom_kf a{ display:inline-table; height:40px; line-height:40px; width:32%; color:#fff; font-size:0.9em; border-radius:3px;}

.boom_kf .b_kf_phone{ background:#4aa10e;}

.boom_kf .b_kf_feek{ background:#fca000;}

.boom_kf .b_kf_qq{ background:#0196ff;}

.boom_kf i{ display:inline-table; *display:block; width:30px; height:40px; line-height:40px; vertical-align:middle; background:#333}

.boom_kf .b_kf_phone i{ background:url(../images/zx2.png) center no-repeat; background-size:auto 50%}

.boom_kf .b_kf_feek i{ background:url(../images/zx3.png) center no-repeat; background-size:auto 50%}

.boom_kf .b_kf_qq i{ background:url(../images/zx4.png) center no-repeat; background-size:auto 50%}

.boom_kf span{ display:inline-table; *display:block; height:40px; line-height:40px;}







/*about*/

.about p{ line-height:1.8; font-size:0.9rem;color:#505050;padding:0 0 5px; text-indent:2rem;}

.about p  img{ display:block; margin:5px auto;}

.about h1{color:#0293cd; font-size:1.2rem; text-align:left;}







/*.video*/

.video ul li {width:48%;box-sizing:border-box; }

.video ul li a.img {display: block;width:100%;overflow: hidden;box-sizing:border-box;}

.video ul li a.img img {display: block;width:100%;}

.video ul li .name {display: block;text-align: center;color: #666;font-size: 15px;margin:10px auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.video ul li .name a{color: #000;font-size:13px;}

.video ul li:hover .name a{color: #0293cd;}

.video ul li .info p {color: #666;font-size: 14px;line-height:1.5;padding-left: 5px;box-sizing:border-box;

display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.video ul li .title{color:#999;font-size:12px;margin-top:15px;}









/*cases-det*/

.news-det h1{color:#333;font-weight:bold;}

.news-det .info{font-size:12px;color:#999;text-align:center;line-height:24px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}

.news-det .info span{ padding:0 10px;font-size:12px;}

.news_pages {padding-top:50px;}

.news_pages div a{color: #797979;font-size:15px;line-height: 26px;}







/*Supply*/

.Supply ul li{margin-bottom:15px;border-bottom: 1px dashed #ddd;padding-bottom: 15px;}

.Supply ul li .img{display:block; margin:auto auto 10px;max-width:100%;}

.Supply ul li .title a{text-align:left;display:block;font-size:0.95rem;color:#333;}

/*.Supply ul li .content{margin:5px auto; text-indent:2em;}

.Supply ul li .content a{font-size:12px;color:#999;}*/

.Supply ul li .tel{font-size:13px;color:#333;}







/*books*/

.books ul{margin-right:-3%;}

.books ul li{float:left;width:30.33%;margin-right:3%; text-align:center;margin-bottom:10px;}

.books ul li img{max-width:100%;box-sizing:border-box;border:1px solid #ddd;}

.books ul li p{color:#333;box-sizing:border-box;padding:0 10px;font-size:12px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}







/*contact*/

.contact{width:100%;margin:auto;}

.contact{color:#383838;line-height:2; }

.contact h1{font-size:1.1rem;font-weight:bold;}

.contact p{font-size:0.75rem;}

.contact .ewm{ margin:25px auto;}

.contact .ewm img{display:block;margin:5px auto 0;width:120px;}

.contact .ewm p{font-size:0.8rem; text-align:center;}







/*design*/

.design ul li{line-height:40px;border-bottom:1px dashed #ddd;}

.design ul li .title{width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.8rem;color:#333;}

.design ul li .i{width:20px;height:20px; background:url(../images/fangda.png) no-repeat center / 18px;padding-right:20px; vertical-align:middle;display:inline-block; position:relative; top:12px;}

.design ul li .i1{width:20px;height:20px; background:url(../images/xiazai.png) no-repeat center / 18px; vertical-align:middle;display:inline-block; position:relative; top:12px;}









/*learn*/

.design table{font-size:12px;margin-top:10px;}

.design table tr td{border-bottom:1px dashed #ddd;padding:10px;box-sizing:border-box;text-align:center;}

.design table tr.tr1 td{border-bottom:1px solid #eee;}

.design table tr td.td1{text-align:center;}

.design table tr td.td2{color:#666;}



.click_view a{width:20px;height:20px; background:url(../images/fangda.png) no-repeat center / 18px;padding-right:20px; vertical-align:middle;display:inline-block; position:relative;}

.click_download a{width:20px;height:20px; background:url(../images/xiazai.png) no-repeat center / 18px; vertical-align:middle;display:inline-block; position:relative;}







/*sharing*/

.sharing{}

.sharing ul li{float:left;width:50%;padding:10px;border:1px solid #ddd;box-sizing:border-box;margin-bottom:-1px;margin-right:-1px;text-align:center;font-size:12px;}

.sharing ul li img{width:130px;display:block; margin:auto auto 10px;}































/*相册图css*/

.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background: url(../images/tmbg.png);display: none; background-color:rgba(0,0,0,0.80);}

.lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}

.lightbox .lb-image {display: block;height: auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}

.lightbox a img {border: none;}

.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;

-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}

.lb-outerContainer:after {content: "";display: table;clear: both;}

.lb-container {padding: 4px;}

.lb-loader {position: absolute;top: 45%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}

.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(../images/loading.gif) no-repeat;}

.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}

.lb-container > .nav {left: 0;}

.lb-nav a {outline: none;}

.lb-prev, .lb-next {width: 49%;height: 100%;cursor: pointer;display: block;}

.lb-prev {left: -50px;float: left;background: url(../images/prev.png) left 48% no-repeat;background-size:25%;}

.lb-next {right: 0;float: right; background: url(../images/next.png) right 48% no-repeat;background-size:25%;}

.lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}

.lb-dataContainer:after {content: "";display: table;clear: both;}

.lb-data {padding: 0 4px;color: #bbbbbb;}

.lb-data .lb-details {width: 85%;float: left;text-align: left;line-height: 1.1em;}.lb-data .lb-caption {font-size: 13px;font-weight: bold;line-height: 1em;}

.lb-data .lb-number {display: none;clear: left;padding-bottom: 1em;font-size: 0px;color: #999999;}

.lb-data .lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}	























/*共用标题*/

.mar{margin:10px auto;}

.index-bj{margin:10px auto;padding-left:15px;color:#fff;line-height:30px;height:30px;background:url(../images/bj.png) no-repeat left center / 113px;}

.index-bj a{color:#333;font-size:12px; float:right;}



.index-bj-sp{background:url(../images/shiping1.png) #444 no-repeat 7px center / 40px;line-height:40px;padding-left:52px;color:#fff;}



 p img{max-width:100%;}



.banner-nav{margin-top:50px;}



.about-nav{ margin:10px auto 15px;}

.about-nav ul{margin-right:-3%;}

.about-nav  a{color:#333;float:left;font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;display:block; width:30.333%;text-align:center;background:#eee; line-height:35px; margin:0 3% 15px 0;box-sizing: border-box;}

.about-nav .cur a{background-color:#0293cd;color:#fff; }



/*page*/

.page{text-align: center;margin:20px auto;}

.page a{display: inline-block;padding:0px 13px;color:#333;line-height:34px;font-size:13px;margin-left: 10px;border:1px  solid #d2d2d2; box-sizing: border-box;}

.page a:hover,.page .on{background: #0293cd; color:#fff;border-color:#0293cd;}





.news_pages {padding-top:30px;}

.news_pages div a{color: #797979;font-size:12px;line-height: 26px;}

.news_pages div a:hover{color: #0293cd;}