/****/
* { margin: 0; padding: 0; transition:background-color .4s,opacity .4s,border-color .4s; -webkit-transition:background-color .4s,opacity .4s,border-color .2s;}
body{ color: #333; overflow-x: hidden; width: 100%; height: 100%; font:14px/2 "Microsoft Yahei","Hiragino Sans GB",sans-serif; background: #fff;}
ul, li { list-style-type: none; }
input, button, select, textarea { outline: none;resize: none;font:14px/2 "Microsoft Yahei","Hiragino Sans GB",sans-serif; background: none; color: #999; text-indent: 5px; margin: 0; padding: 0;}
img { border:0; vertical-align: middle;}
small,i,em{font-style: normal;}
table{border-color: #e5e5e5; width: 100%; border-collapse: collapse;}
td,th {border-color: #e5e5e5; padding: 10px;}
hr{height: 1px; border: none; background-color: #efefef;}
a{ color: #333; text-decoration: none; transition: all ease 0.3s;}
a:hover{color: #cc3300;}
.hide,.ad h4,.ad p{display: none;}
.fl{float: left;}
.fr{float: right;}
.mb_15{margin-bottom: 15px;}
.mt_15{margin-top: 15px;}
.w{width: 1200px; margin: 0 auto;}
.main{width: 1200px; margin:40px auto 50px; height: auto; min-height: 400px;}
.container{margin: 0 auto;width:100%; overflow: hidden;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0;}
.clearfix:after { clear: both;}


/*头部+导航*/
.header{width: 100%;height: 130px; background: #fff url(../images/head_bg.jpg) repeat-x center bottom;}
.header .logo a{display: block;margin-top: 40px;}
.header_r{padding-top: 35px;max-width: 900px;}
.header_r .tel{text-align: right;}
.header_r .tel a{font-size: 12px;position: relative;margin-right: 25px; color: #999;}
.header_r .tel a:hover{color: #cc3300;}
.header_r .tel a:after{content: "";position: absolute; width: 1px; height: 10px; background: #ddd; right: -14px; top: 4px;}
.header_r .tel .wx span{display: block;overflow: hidden;position: absolute;  top: 30px;  left: -30px; background: #ececec; height: 0;  z-index: 5;transition: height .3s;}
.header_r .tel .wx:hover span{height: 110px;}
.header_r .tel .wx span img{width: 100px;height: 100px;border: 5px #ececec solid;}
.header_r .tel .phone{color: #cc3300; font-size: 12px;}
.header_r .tel .phone i{font-size: 20px;line-height: 22px;}

.menu{padding-top: 10px;}
.nav{display: block; text-align: center; float: left;}
.nav li{ display: inline-block;}
.nav .nav_li{ float: left; margin-left: 40px; position: relative; z-index: 3;}
.nav .nav_li.curr .nav_a,.nav .nav_li.curr .nav_a:hover,.nav .nav_li:hover .nav_a{ color: #cc3300;}
.nav .nav_a{display: block;position: relative;font-size: 16px;padding: 0 2px 22px;}
.nav .nav_a:before{position: absolute; content: ""; height: 4px; background: #cc3300; left: 0; width: 0; bottom: 0; transition: all 0.3s;}
.nav .nav_a:hover::before,.nav .nav_li.curr .nav_a::before,.nav .nav_li:hover .nav_a::before{width: 100%;}

.nav .subnav{width: 140px; display: none;position: absolute;left: -35px;top: 55px;background:#efefef;z-index:99;}
.nav .subnav_li{display: block; }
.nav .subnav_a{ display: block; line-height: 40px;border-bottom: 1px #e0e0e0 solid;}

.nav .thinav{background: #fff;}
.nav .thinav .thinav_li{border-bottom: 1px #eee solid;display: block;}
.nav .thinav .thinav_li a{line-height: 34px;display: block}
.nav .thinav .thinav_li a:hover,.nav .subnav_a:hover{background: #cc3300;color: #fff;border-color: #cc3300;}


/*=======================首页部分start=======================*/
.t{ font-weight: normal; text-transform: uppercase;margin-bottom: 35px;color: #999; text-align: center;}
.t span{color: #333;font-size: 32px;display: block;line-height: 40px;}
.t p{display: block; font-size: 12px; color: #888; line-height: 20px;}

/*banner*/
.banner{width:100%; position:relative;overflow:hidden;background: url(../images/loading.gif) 50% no-repeat;}
.banner .slides{position:relative;z-index:1;height: 600px;width: 5000px;left: 50%;margin-left: -2500px;}
.banner .slides li{display: none;}
.banner .slides li a{display: block; width: 100%; height: 100%;text-align: center;}
.flex-control-nav{position:absolute;bottom:45px;z-index:2;width:100%;text-align:center;}
.flex-control-nav .flex-active{ background: #cc3300; width: 25px;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.flex-control-nav li { height: 12px; margin: 0 3px;display: inline-block;}
.flex-control-nav li a{display: inline-block; width: 12px; height: 12px; overflow: hidden; background: #fff; text-indent: -9999px; cursor: pointer; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}

/* 首页搜索  */
.index_se{ position: relative;z-index: 1;}
.index_se:after { content: ""; position: absolute; left: -100%; width: 150%; background: #cc3300; height: 150px; top: -30px; z-index: -1;}
.index_se .searL { width: 600px; color: #fff; font-size: 18px; font-weight: normal;}
.index_se .searL span { display: block; font-size: 35px; line-height: 46px; margin-top: 8px; letter-spacing: 2px; word-break: break-all;}
.index_se .sear_r{width: 600px;}
.index_se .sear_r .search{ width: 600px; height: 60px; line-height: 60px; overflow: hidden; background: #313334;}
.index_se .sear_r .search .input{ float: left; width: 500px; height: 60px; line-height: 60px; padding: 0 20px; background: #313334; color: #aaa;border: none;}
.index_se .sear_r .search .sub_btn{float: right; width: 60px; height: 60px; cursor: pointer; background: #242627 url(../images/sbtn.png) no-repeat center; transition: all 0.3s;}
.index_se .sear_r .search .sub_btn:hover{background-color: #008a43;}
.index_se .sear_r .se_hot{  padding-left: 20px;height: 58px; line-height: 58px;overflow: hidden;}
.index_se .sear_r .se_hot strong{color: #cc3300; font-weight: normal;}
.index_se .sear_r .se_hot p{display: inline;margin: 0 8px;}

/*产品*/
.pdt_scroll {padding: 70px 0; background: #e5e5e5;}
.pdt_scroll .list{ width: 1220px;margin-left:-10px;}
.pdt_scroll .item{float: left; width: 290px; background: #fff url(../images/p_more.png) no-repeat center bottom;  text-align: center;  margin: 0 13px 13px 0;  height: 320px;  transition: all 0.3s;}
.pdt_scroll .item:hover{box-shadow: 0 0 10px #999;}
.pdt_scroll .item a{display: block;overflow: hidden; text-align: center;}
.pdt_scroll .item span{ width: 290px; height: 235px; overflow: hidden; display: block; margin-bottom: 10px;}
.pdt_scroll .item img{ width: 290px; height: 235px; transition: all 0.5s ease-in;}
.pdt_scroll .item a:hover img{transform: scale(.9)}
.pdt_scroll .item h4{font-size: 14px; padding: 5px 10px; line-height: 32px;font-weight: normal;}
.pdt_scroll .item p{display: none; padding: 0 10px 5px;color: #888;}
.pdt_scroll .item a:hover h4{color: #cc3300;}


.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{	display: none;	padding: 0;	position: relative;	width: 100%;-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);}
/* fix */
.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);}
.owl-theme .owl-controls .owl-buttons div {position: absolute;top: 35%;width: 40px;height: 40px;margin: 0;padding: 0;overflow: hidden;_display: none;}
.owl-theme .owl-controls .owl-buttons div:hover{color: #666;}
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -60px; background:#cc3300 url(../images/l.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-next { right: -60px;background:#cc3300 url(../images/r.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover{background-color: #cc3300}
.owl-theme .owl-controls .owl-buttons .owl-next:hover{background-color: #cc3300}

/* 案例 */
.index_case{padding: 70px 0;}
.index_case .list{width: 106%;}
.index_case .item{float: left; width: 390px; height: 260px; overflow: hidden; position: relative; margin: 0 15px 15px 0;}
.index_case .item img{width: 390px; height: 260px; transition: all 0.5s;}
.index_case .item h4{position: absolute;  bottom: 0;  left: 0;  height: 50px;  line-height: 50px;  padding: 0 5%;  width: 90%;  background: #000;  background: rgba(0,0,0,.6);  color: #fff;  transition: all 0.3s;  font-size: 14px;  font-weight: normal;}
.index_case .item h4:after{content: ""; position: absolute; width: 19px; height: 9px; background: url(../images/p_arr.png) no-repeat; right: 10px; top: 20px;}
.index_case .item a:hover h4{ bottom: -50px;}
.index_case .item .txt{display: block; position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: #000; background: rgba(0,0,0,.6); color: #fff; transition: all 0.3s; text-align: center; padding: 30px; transition: all 0.35s;transform: perspective(400px) rotateX(-90deg); -moz-transform: perspective(400px) rotateX(-90deg); -webkit-transform: perspective(400px) rotateX(-90deg); -o-transform: perspective(400px) rotateX(-90deg); transform-origin: top; z-index: 2; opacity: 0;}
.index_case .item a:hover .txt{ transform: perspective(200px) rotateX(0); opacity: 1;}


.index_case .item .txt h5{font-size:16px;font-weight:normal;position:relative;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-bottom:20px;margin-bottom:15px;margin-top:10px;}
.index_case .item .txt h5:after{content:"";position:absolute;bottom:0;height:2px;width:40px;left:50%;margin-left:-20px;background:#fff;}
.index_case .item .txt .more{display:inline-block;width:90px;height:30px;background:#cc3300;text-align:center;color:#fff;line-height:30px;font-size:12px;margin-top:25px;transition:all 0.3s;}
.index_case .item .txt .more:hover{width:100%;}

/*关于我们*/
.about_box{background: #f1f6fa;padding: 70px 0;}
.about_box .t{text-align: left;}
.about_box .info a.ad{cursor: default; color: #333;display: block;clear: both;}
.about_box .info span{display: block;float: right;width: 600px;text-align: right;overflow: hidden;margin-top: -95px;}
.about_box .info p{display: block;float: left;width: 560px;}
.about_box .about_link a{display: inline-block; width: 170px; height: 50px; line-height: 50px; background: #cc3300; font-size: 14px; text-align: center; color: #fff; border-radius: 0 18px 0 18px;}
.about_box .about_link a:hover{background: #c63b05;border-radius: 0;}
.about_box .about_link i{display: inline-block;  width: 14px;  height: 14px;  background: url(../images/mIcon.png) no-repeat;  position: relative;  margin-left: 8px;  top: 3px;}
.about_box .list{margin-top: 50px;width: 1220px;margin-left: -10px;}
.about_box .list .item a{padding: 0 10px;display: block;overflow: hidden;}
.about_box .list .item a span{display: block;overflow: hidden;}
.about_box .list .item img{ width: 285px; height: 200px; transition: all 0.5s;}
.about_box .list .item a:hover img{transform: scale(1.1)}
.about_box .list .item h4{font-weight: normal; display: block; background:rgba(0,0,0,.6); height: 40px; line-height: 40px; color: #fff; text-align: center; position: relative; transition: all 0.5s; margin-top: -40px;}

/*滚动相册*/
.photo_scroll{background: #fff;padding: 40px 0;}
.photo_scroll .dowebok{width: 1220px; margin-left: -10px;}
.photo_scroll .item{padding: 0 10px; text-align: center;}
.photo_scroll .item span{display: block; border: 1px #ddd solid;overflow: hidden;}
.photo_scroll .item span img{width: 100%;}
.photo_scroll .item h4{font-weight: normal;padding-top: 10px;}
.photo_scroll .item p{font-size: 14px; padding: 5px 10px; line-height: 32px;font-weight: normal;}
.photo_scroll .owl-theme .owl-controls .owl-buttons .owl-prev{left: auto;right: 50px;top: 35px;}
.photo_scroll .owl-theme .owl-controls .owl-buttons .owl-next{left: auto;right: 0;top: 35px;}


/*新闻列表*/
.news_box{background: #f1f6fa;padding: 70px 0;}
.news_box .t{background: #fff; height: 70px;line-height: 70px;}
.news_box .t span{width: 170px; display: block; text-align: center; color: #fff;font-size: 20px;float: left;line-height: 70px; background: #cc3300;}
.news_box .t a{float: right;display: block; text-transform: uppercase;  font-size: 14px;  font-family: Arial;  margin-right: 30px;}

.news_box .news_com{width: 660px;}
.news_box .news_com .list{width: 106%;}
.news_box .news_com .item{width: 320px; float: left; font-size: 12px; color: #888;margin-right: 20px;}
.news_box .news_com .item .image{ width: 320px; height: 200px; overflow: hidden; margin-bottom: 25px; display: block;}
.news_box .news_com .item img{ width: 320px; height: 200px; transition: all 0.5s;}
.news_box .news_com .item h4{font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; margin-bottom: 5px; line-height: 20px; position: relative; transition: all 0.3s;}
.news_box .news_com .item a:hover h4{ margin-top: -15px; padding-bottom: 15px;}
.news_box .news_com .item h4:after{content: ""; position: absolute; left: 0; bottom: 8px; height: 2px; width: 0; background: #cc3300;  transition: all .3s;}
.news_box .news_com .item a:hover h4:after{width: 80px;}
.news_box .news_com .item a:hover img{transform: scale(1.1)}
.news_box .news_com .item .time{ display: block; font-size: 12px; font-family: Arial; color: #888; margin-top: 3px;}
.news_box .news_com .item p,.news_box .news_ind .item p{color: #888;}

.news_box .news_ind{width: 490px;}
.news_box .news_ind .scroller_li{height: 360px;}
.news_box .news_ind .item{height: 100px;  overflow: hidden;  font-size: 12px;  color: #888;  margin-bottom: 20px;  line-height: 22px;}
.news_box .news_ind .item .image{width: 100px;  float: left;  height: 100px;  overflow: hidden;  margin-right: 25px;}
.news_box .news_ind .item img{height: 100px; transition: all 1s;}
.news_box .news_ind .item h4{ font-size: 14px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  font-weight: normal;  margin-bottom: 10px;  line-height: 20px;}
.news_box .news_ind .item .time{display: block; font-size: 12px; font-family: Arial; color: #888; margin-top: 3px; text-decoration: underline;}
.news_box .news_ind .item a:hover img{margin-left: -50px;}



/*首页广告*/
.ad_box{text-align: center;}

/*友链*/
.links_box{background: #f3f3f3; padding: 10px 0;}
.links_box .t{margin-bottom: 0;}
.links_box a{display: block;float: left;margin: 0 10px 10px 0;}

/*=======================首页部分end=======================*/

/*底部*/
.footer{margin:0 auto; clear:both; width:100%; background: #242627;padding-top: 30px;}
.footer .f_nav{ width: 950px;}
.footer .f_nav li{float: left;width: 140px;}
.footer h4{font-size: 16px; color: #fff; height: 35px; font-weight: normal;}
.footer .f_nav li a{display: block;color: #a1a1a1;font-size: 12px;}
.footer .f_nav li a:hover{color: #fff;}
.footer .ft_code {width: 240px; padding-left: 40px;overflow: hidden;}
.footer .ft_code img{margin-top: 10px;width: 100%;}

.footer .copyright{border-top: 1px solid #3a3c3d;padding: 20px 0;font-size: 12px;color: #a1a1a1;margin-top: 40px;}
.footer .copyright a {  margin: 0 10px;  font-style: normal;}
.footer .copyright a{color: #a1a1a1;}
.footer .copyright a:hover{color: #fff;}
/*404*/
.error{width: 440px; height: 400px; text-align: center;position: absolute;  left: 50%; margin-left: -220px; top: 50%; margin-top: -160px;}
.error_img{margin: -40px auto 0; width: 220px;}
.error a{width: 100px;display: block;margin: 0 auto; background: #;color: #fff;line-height: 40px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

/*标签样式*/
.tags{}
.tags ul{position:absolute; z-index:100;width:720px; margin-top: 10px;}
.tags li{float: left;list-style:none; }
.tags a{display:block;color:#bdbdbd; height: 16px; font-size:12px; float:left;text-align:center; background-color:#68696D; padding:3px 10px; margin:5px 4px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px;line-height: 16px;}
.tags a:hover{ text-decoration:none; background-color:#68696D; color:#fff;}


/*=======================内页部分start=======================*/

/*内页banner*/
.page_banner{position: relative; width: 2560px; left: 50%; margin:0 auto 0 -1280px;  text-align: center; height: auto; overflow: hidden; background: #eee;}
.page_banner a{cursor: default;}
.page_banner img{max-width: 100%;}

/*左侧*/
#left {width:260px;float:left; }
#left h2{ background: #cc3300 url(../images/sub.jpg) no-repeat left center; height: 90px; color: #fff; font-size: 24px; font-weight: normal; line-height: 90px; text-align: center;}
.side_menu,.contact{background: #eee; margin-bottom: 20px;}
.side_menu ul ul{display: none;}
.side_menu li{position: relative;border-bottom: 1px #fff solid;}
.side_menu em{display: none; position: absolute;width: 50px; height: 50px; cursor: pointer; right: 0;top: 0; z-index: 1}
.side_menu em.inactive{background: url(../images/arr_d.png) no-repeat center center;}
.side_menu em.active{background: url(../images/arr_u.png) no-repeat center center;}
.side_menu a{height: 50px; line-height: 50px; background: url(../images/sub_li.png) no-repeat 25px center; padding-left: 40px; display: block; color: #454545;}
.side_menu a:hover,.side_menu a.category_active{ background: #cc3300 url(../images/sub_lih.png) no-repeat 25px center;  color: #fff;}
.side_menu li li a{display:block;text-decoration:none; text-indent: 30px;background:#f6f6f6; color: #999;border-left: 3px solid #f6f6f6;}
#left .sidebarThree .left_title{ background: #cc3300; height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding-left: 15px; border-left: 5px solid #cc3300;text-align: left;font-weight: bold}
#left .sidebarThree .twoCont{padding: 15px 10px; overflow: hidden; background: #eee;line-height: normal;color: #666;}
.sidebarThree h3 { font-size: 15px; margin-bottom: 10px; font-weight: normal;}
.sidebarThree h3 span { display: block; font-size: 24px; color: #cc3300; font-family: Arial;}

/*右侧*/
#right{float:left; width:910px; margin-left: 30px; display: inline-block;}
#right .content{padding:0 20px 0; height: auto; overflow: hidden;}
#right .content img{max-width: 100%;}

/*面包屑样式*/
.path_title{display: none;height:60px;border-bottom: 1px solid #ededed; line-height: 60px;}
.path_title .span_left{ float: left; font-size: 22px;}
.path_title .span_right{ float: right; color: #999}
.path_title .span_right a{color: #999;}

/*产品列表*/
.products_list {width: 102%;}
.products_list li{ width:31.3333%; float:left; margin-right: 2%; margin-bottom: 20px; }
.products_list a{display: block; width: 100%;height: 320px; overflow: hidden;background: #fff url('../images/p_more.png') no-repeat center bottom;}
.products_list span{width:100%;display:block;overflow: hidden;  height: 235px;  margin-bottom: 10px;}
.products_list img{ width: 100%; height: 235px; transition: all 0.5s ease-in;}
.products_list a:hover{box-shadow: 0 0 10px #999;}
.products_list a:hover img{transform: scale(.9)}
.products_list p{ color: #333;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.products_list a:hover p{color: #cc3300;}


/*产品详情*/
.main_photo{float:left; margin:0}
.product_group{float: right; width:400px; }
.product_group h1{color:#cc3300;font-size:24px; line-height:30px; padding:5px 0px 15px 0px;margin-bottom: 10px;border-bottom: 1px #e5e5e5 solid;font-weight: normal;}
.product_group .attr{padding: 8px 0 0;}
.product_group li{list-style:none; line-height:28px; color: #666}
.product_group .info_desc{color: #aaa;}
.product_group .info_desc span{color: #333;}
.product_group .info_desc.h{height: 220px;}
.product_group .download{padding-top: 10px;border-top: 1px #e5e5e5 dashed;}
.product_group .download li{float: left;margin-right: 20px;}
.product_group .download a{color: #999;background:url(../images/attch.png) no-repeat left center; padding: 3px 0 3px 12px;}
.product_group .download a:hover{color: #333;}
.introduce,.eintroduce{color:#333; margin-bottom: 20px; border-bottom: 1px #e8e8e8 solid; font-size: 18px; line-height: 50px;}

.product_group .pdt_tel{padding-top: 10px;margin-top: 5px;}
.product_group span.tel{line-height: 22px;margin-bottom: 20px;display: block;font-size: 12px; background: url(../images/pdt_tel.png) no-repeat left center; padding-left: 40px;color:#999;}
.product_group span.tel p{font-size: 18px; color: #ef0000;}
.product_group span.fd a{  display: inline-block; width: 170px; height: 40px; line-height: 40px; text-align: center; background: #4b4b4b url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;margin-right: 25px; transition: all 0.3s; font-size: 16px;}
.product_group span.buy a{display: inline-block; width: 170px; height: 40px; line-height: 40px; text-align: center; background: #cc3300 url(../images/proshow_icon2.png) no-repeat 20px 14px;  color: #fff; transition: all 0.3s;font-size: 16px;}
.product_group span a:hover{opacity: 0.8; filter: alpha(opacity=50); transition: all 0.3s;}

.product_content{ clear:both; width:100%; overflow:hidden; padding-top: 25px;}
.product_content img{max-width: 100%; height: auto!important;}
.product_content .tabs{border-bottom: 1px #e5e5e5 solid;}
.product_content .tabs li{float: left;}
.product_content .tabs a{display: block;text-align: center;line-height: 40px;padding: 0 25px;background: #e5e5e5; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.product_content .tabs .thistab a,.product_content .tabs a:hover{ color: #fff; background: #cc3300;}
.product_content .tab_conbox{padding-top: 20px;}

/* 相关产品 */
.related_product{padding-top: 30px; margin-top: 30px;}
.related_list{width: 106%;}
.related_product .item{float: left; width: 282px; margin-bottom: 20px; margin-right: 32px; background: #eee; text-align: center;;}
.related_product .item a{display: block;overflow: hidden; text-align: center; border: 1px solid #ddd;}
.related_product .item span{width: 100%; overflow: hidden; display: block; text-align: center;}
.related_product .item img{ width: 270px; height: 220px;  padding: 5px;  background: #fff;}
.related_product .item h4{  height: 35px; line-height: 35px; padding: 0 5px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  display: block;font-weight: normal}
.related_product .item p{display: none; padding: 0 10px 5px;color: #888;}
.related_product .item a:hover{border-color: #cc3300;}
.related_product .item a:hover h4{background: #cc3300;color: #fff;}

/*图片列表*/
.photo_list{width: 102%;}
.photo_list li{ width:31.3333%; float:left; margin-right: 2%; margin-bottom: 20px; }
.photo_list a{display: block;border: 1px solid #ccc;padding: 9px;}
.photo_list span{width:100%;height: 200px; display:block; overflow: hidden;}
.photo_list .imsgs {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}
.photo_list img{width: 100%;
  position: absolute;
  top: 0;
  left: 0;}
  .photo_list img.top1 {
    z-index: 1;
    position: relative;
}
.photo_list a:hover{border-color: #cc3300}
.photo_list p{ white-space: nowrap;text-overflow: ellipsis; overflow: hidden; border-top: 1px solid #c6c6c6; margin-top: 8px; font-weight: normal; padding-top: 8px;  font-size: 14px;  color: #333;}
.photo_list a:hover p{color: #cc3300;border-color: #cc3300}
.photo_list a:hover img{transform: scale(1.1,1.1)}

/*相册放大*/
body.over-flow-x{overflow: hidden;}
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:1000;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-image{max-width: 800px; max-height: 600px;}
#lightbox-loading{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;line-height:0;background: url(../images/loading.gif) no-repeat center center;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{float:left;}
#lightbox-nav-btnNext{float:right;}
#lightbox-container-image-data-box{background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:20px;float:right;padding:0 10px 10px 0;}

/* 技术服务 */
.tech_page{color: #666;}
.tech_page .tech_t{font-size: 30px; color: #555; font-weight: normal; background: url(../images/support_icon4.png) no-repeat; padding-left: 40px; line-height: 30px; height: 60px;}
.tech_page .shouhou{ width: 415px; background: #eaeaea; padding: 20px; height: 460px;}
.tech_page .shouhou img{max-width: 100%;margin-top: 100px;}
.tech_page .jishu{ width: 415px; background: #f3f3f3; padding: 20px; height: 460px;}
.tech_page .jishu .image,.tech_page .jishu p{display: none;}
.tech_page .jishu .item{height: 50px; line-height: 50px;  border-bottom: 1px dashed #bababa;  background: url(../images/s_li.png) no-repeat left center;  padding-left: 20px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.tech_page .jishu .item h4{font-weight: normal;color: #666;}
.tech_page .jishu .item h4 span{display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 325px;}
.tech_page .jishu .item a:hover span{color: #cc3300}
.tech_page .jishu .item .time{display: block;float: right;color: #999;}
.tech_page .jishu .more{ display: block; width: 215px; height: 50px; line-height: 50px; background: #333; border-radius: 5px; text-align: center; color: #fff; font-size: 16px; margin: 0 auto;  margin-top: 30px; transition: all 0.3s;}
.tech_page .jishu .more:hover{background: #cc3300;}
.tech_page .tech_download{margin-top: 40px;}
.tech_page .tech_download .do_t{height: 90px; line-height: 90px; padding: 0 40px 0 80px; font-size: 30px; background: #555 url(../images/support_icon3.png) no-repeat 40px center; font-weight: normal; color: #fff; margin-bottom: 15px;}
.tech_page .tech_download .do_t i{ float: right; background: url(../images/down_icon.png) no-repeat left -40px; width: 21px;  height: 13px;  margin-top: 38px;}
.tech_page .tech_download .item{height: 40px; line-height: 40px; border-bottom: 1px dashed #bababa; margin-bottom: 10px; font-size: 14px;background: url(../images/do.png) no-repeat right center}
.tech_page .tech_download .item a{display: block; background: url(../images/file.png) no-repeat left center; padding-left: 40px;}
.tech_page .tech_download .item small{display: none}

/*分页样式*/
.page{clear:both; margin:25px 0px; text-align: center; font-size: 13px;}
.page a,.page .current {display: inline-block; padding: 5px 15px; background: #ebebeb; border-radius: 3px; -webkit-border-radius: 5px; margin:0 3px;}
.page a:hover,.page .current{ background: #cc3300; color: #fff;}


/*上一个下一个*/
.point{border-bottom:1px dotted #adadad;}
.point span{display: block; width: 48%; line-height: 50px;padding-right 2%;float: left;}
.point span i{float: left;display: block;width: 56px;}
.point span a{display: block;float: left;width: 340px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.related_new{padding-top: 20px;}

/*新闻列表*/
#right .news_list li{position: relative; padding:30px 250px 0 30px; height: 160px;border: 1px solid #e2e2e2;margin-bottom: 20px;transition: all 0.3s;}
#right .news_list .image{display: block; width: 200px; height: 130px; position: absolute; right: 30px; top: 30px; overflow: hidden;}
#right .news_list .image img{width: 100%; height: 100%; transition: all 0.5s;}
#right .news_list a:hover img{transform: scale(1.1)}
#right .news_list li:hover{box-shadow: 0 5px 10px #eee;}
#right .news_list h4{font-size: 16px; font-weight: normal;}
#right .news_list a{display: block;transition: all 0.3s}
#right .news_list a:hover{padding-left: 20px;}
#right .news_list a:hover h4{color: #cc3300;}
#right .news_list .list_time{display: block;color: #999;}
#right .news_list .desc{color: #999;line-height: 25px;}

.related_title{background: #d1d1d1; height: 35px;  line-height: 35px;margin-bottom: 20px;font-weight: normal}
.related_title span{display: inline-block;  color: #fff;  background: #cc3300;  width: 120px;  height: 35px;  text-align: center;  font-size: 14px;}

/*下载列表*/
#right .download_list{ color: #666;}
#right .download_list li{ background: #ededed; overflow: hidden; width: 100%; color: #888; line-height: 22px; margin: 0 0 20px 0;}
#right .download_list li .icon{float: right; width: 70px; height: 130px; background: url(../images/down1.png) no-repeat center center; margin-left: 10px;}
#right .download_list h4{padding-top: 20px; font-size: 16px; font-weight: normal; font-weight: normal; height: 35px;}
#right .download_list a{display: block;height: 130px; padding-left: 20px;}
#right .download_list a:hover {color: #fff;background-color: #333;}
#right .download_list a:hover .desc {color: #fff;}
#right .download_list a:hover .icon{background: #cc3300 url('../images/down2.png') no-repeat center center;}
.download_info{border-top: 1px dotted #adadad; padding-top: 20px; margin-top: 15px; margin-bottom: 10px;}

/*新闻详情*/
.news_info{border-top: 1px dotted #adadad;padding-top: 20px; margin-top: 15px;border-bottom: 1px dotted #adadad;margin-bottom: 10px;}
h1.content_title{font-size:18px; font-weight: normal; line-height:45px; color: #000;text-align: center}
.info_time{text-align: center;display: block;color: #888;}
.down_btn{display: inline-block; padding: 8px 25px; background: #cc3300; color: #fff; font-size: 16px; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 10px;}
.down_btn:hover{color: #fff; background: #d64b14;}


.pthto_info{border-top: 1px dotted #adadad; padding-top: 20px; margin-top: 15px; margin-bottom: 10px;}

/*订单留言*/
dl.table{margin:30px 0 0;}
dl.table dt{float:left; width:75px; height:40px; line-height:40px;}
dl.table dd{height:40px; margin-bottom: 20px;float: left;margin-right: 20px;}
dl.table dd.mr_0{margin-right: 0;}
dl.table dd input{border:1px solid #ebebeb;width:360px; height: 40px;}
.f_tip { text-align: center; font-size: 24px; font-weight: normal; margin-bottom: 25px; color: #333; position: relative;margin-top: 40px;}
.f_tip:before { content: ""; border-bottom: 1px solid #e1e1e1; width: 100%; left: 0; position: absolute; top: 25px;}
.f_tip span{ padding: 0 25px; background: #fff; position: relative;  z-index: 2;}
dl.table dd.biezhu{height:130px;width: 818px;}
dl.table dd.biezhu textarea{height:115px;width:100%;border:1px solid #ebebeb;}
.codeimg{background-color: #000; margin: 0 0 0 10px;cursor: pointer;}
dl.table dd .submit_btn{width: 120px; height: 40px; margin-right: 10px;margin-top: 20px; background: #cc3300; color: #fff; border: none; font-size: 15px; margin-bottom: 0; cursor: pointer;}
dl.table dd .submit_btn.reset{background: #ccc;}
dl.table dd .submit_btn:hover{ background: #333;transition: all 0.3s;}

/*网站地图*/
.ul_sitemap{margin: 10px 0 30px 30px;}
.ul_sitemap li{list-style: none; line-height: 26px;}
li.small_li_sitemap{clear: both;padding-left: 12px;}
li.small_li2_sitemap{float: left; padding-left: 20px;}

/*=======================内页部分end=======================*/

/* 悬浮客服*/
#leftsead{position:fixed;bottom:32%;right:0; z-index:79}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{height:50px;margin-bottom: 1px;}
#leftsead li span{display: block; width: 140px; height: 50px; padding-left: 50px;margin-right:-140px;cursor:pointer;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#leftsead li a{height:50px;float:right;display:block;min-width:50px;max-width:140px; color: #fff; line-height: 50px;border-radius: 6px 0 0 6px;overflow: hidden;}

#leftsead li.qq_li span{background: #19baea url(../images/q.png) no-repeat 12px center;}
#leftsead li.msn_li span{background: #58d249 url(../images/msn.png) no-repeat 12px center;}
#leftsead li.skype_li span{background: #12e2cd url(../images/skype.png) no-repeat 12px center;}
#leftsead li.w_li span{background: #ef6311 url(../images/ww.png) no-repeat 12px center;}
#leftsead li.ww_li span{background: #e8952d url(../images/ww.png) no-repeat 12px center;}
#leftsead li.www_li span{background: #b1d848 url(../images/ww.png) no-repeat 12px center;}
#leftsead li.feedback span{background: #e46464 url(../images/feedback.png) no-repeat 12px center;}
#leftsead li.code_li span{background: #6381f1 url(../images/code.png) no-repeat 12px center; position: relative;}
#leftsead li.code_li .code{ width: 280px; height: 280px; position: absolute; right: 140px; bottom: 0; background:#6381f1; background: rgba(99, 129, 241, 0.52); border-radius: 5px; padding: 10px;}
#leftsead li.code_li .code img{width: 280px; height: 280px;}
#leftsead li.top_li span{background: #6e6e6e url(../images/gotop.png) no-repeat 12px center;}
#remind{ width: 100%; height: 50px;line-height: 50px; position: fixed; bottom: 0; left: 0; z-index: 10; color: #f5d783; font-size: 20px; text-align: center; background: #000; background: rgba(0,0,0,.8);}


@media screen and (max-width: 1000px) {
  body{width: 1200px;;}
  .header,.max_w,.banner,.banner img,.footer,.index_product ,.index_case,.index_about,.index_news,.container{width: 1200px;overflow: hidden;}
  #slides li {width: 100%;margin: 0;left: 0;position: inherit;}
  #slides li a img{width: 100%;}
  .banner .slides{height: auto;}
  }
  