/*
 1.全式
*/
*{margin:0;padding:0;border:0;}
body{background: #fff; font-size:12px; font-family:微软雅黑,Arial,Helvetica,Tahoma,sans-serif !important;color:#333;/*overflow-x:hidden; */  min-width:1200px;}
a{text-decoration:none;color:#333333;-webkit-tap-highlight-color:transparent;}
a:hover,a:active{/*text-decoration:underline;*/color:#000;}
image{ vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
var{font-style:normal;}
input,select,img{vertical-align:middle;}
.wrap{clear:both;width:1200px;;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both;width:1200px;margin:0 auto;text-align:left;zoom:1;}
.clear{clear:both; zoom:1;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.m_t{ margin-top:9px;}
.m_t17{ margin-top:17px;}
.m_t20{ margin-top:20px;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.margin_top{ margin-top:-500px;}
/*
 1.头部
*/
.b_center{ margin:0 auto; }
.i_blank{ height:145px; font-size:0; overflow:hidden;}
.top_bg{ width:100%; text-align:center;  background:#ffffff; height:145px;/* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);*/ position:fixed; top:0; left:0; z-index:99;transition:all 0.3s; }
.tpos .top_bg{ height:94px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.top_search{ float:right;height:30px; width:30px; position:relative;background:url(../images/top_bg3.png) left center no-repeat;}
.top_search .input1{ width:83%; text-indent:10px; line-height:30px; height:30px; outline:medium; background:none; color:#9c9c9c; text-align:left; font-size:13px; border:0;}
.top_search em{height:100%; width:100%; background:url(../images/top_pic1.png) right center no-repeat; cursor:pointer; display:block;}
.top_search em:Hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_search .search_con{ display:none;position:absolute; bottom:-82px;right:0px; width:300px; height:0px; padding-top:23px; padding-bottom:19px; background:url(../images/top_bg2.png) no-repeat;z-index:100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/}
.top_search .search_con .input1{ height:39px; line-height:39px; background:#f8f8f8; border:0; padding-left:5px; margin-left:16px; padding-right:47px; width:174px; float:left; outline:none;}
.top_search .search_con .bnts{ float:left; width:40px; height:39px; background:url(../images/top_pic3.png) no-repeat; cursor:pointer;}
.top_search .search_con .bnts:hover{transition:all 0.3s;background:url(../images/top_pic4.png) no-repeat;}

.top_a{ float:right;height:30px; line-height:30px; background:url(../images/top_bg4.png) center center no-repeat; width:179px; margin-left:13px;}
/*.tpos .top_a{ margin-top:23px;}*/
.top_a a{ display:inline-block; color: #0096fd; font-weight:bold; font-family:Arial; font-size:14px; text-indent:20px; background:url(../images/top_bg5.png) left center no-repeat; }
.top_a a:hover{transition:all 0.3s;filter: Alpha(Opacity=60);opacity: 0.6;}

.menu {width:100%; max-width:1200px;}
.menu .logo_l{  float:left; margin-top:32px; display:inline;}
.menu .logo_l img{ height:80px;transition:all 0.3s;}
.tpos .menu .logo_l img{ height:94px;}
.menu .logo_r{  float:right; display:inline;}
.menu .logo_r .top_two{ margin-top:20px; height:30px;transition:all 0.3s;}
.tpos .menu .logo_r .top_two{ margin-top:0;}
.top_language{ float:right;position:relative; height:30px; text-align:left;transition:all 0.3s; z-index:; margin-left:24px;}
.top_language label{ display:block; padding-right:19px;height:30px; line-height:30px; font-size:14px; color:#464646; background:url(../images/top_bg1.png) right center no-repeat;transition:all 0.3s;/*text-align:right; padding-right:21px;*/}
.top_language ul{/*width: calc(100% - 2px);*/ width:88px; display:block;position:absolute; top:30px; right:0; border:1px solid #ccc; background:#fff; z-index:999; display:none;}
.top_language:hover ul{ display:block;}
.top_language ul li{line-height: 32px; height:32px; overflow:hidden; display:block; border: 1px solid transparent; cursor: pointer; font-size:13px;}
.top_language ul li a{ display:block;width: 100%;display: inline-block;color: #323232; text-indent:12px;}
.top_language ul li a:hover{background: #f4f4f4; color: #000;}
.top_language ul li.current a{background: #f4f4f4; color: #000;}


.nav{margin-top: 0; font-family:"微软雅黑";}
.tpos .nav{ margin-top:0px;}
.nav li.m{ float:left; text-align:center; position:relative; margin-left:66px;}
.nav li.m:first-child{ margin-left:0;}
.nav h3 a{ height:96px; line-height:79px;display:block; font-size:14px; color:#333333; text-decoration:none;/*  background:url(../images/nav_bg1.png) right center no-repeat;transition:all 0.3s;*/ overflow:hidden;}
.tpos .nav li.m h3 a{ height:84px;line-height:84px;}
.nav h3{ font-weight:normal; position:relative;}
.nav h3 a span{ display:block;position:relative;transition: all 0.5s;height:64px;}
.nav h3 a span:after{content:attr(data-title);position:absolute;/*color:#fff;*/left:0;transform:translateY(100%);width:100%;top:0;}
.tpos .nav h3 a span{ height:84px;font-size:16px;}
.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom:0px;height: 2px;opacity: 0;background-color: #0096fd;-webkit-transition: all .5s;
-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li h3 a:hover:after{left: 1%;right: 1%;opacity: 1;/*-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;*/}
.nav h3 a:hover{color:#0096fd;}
.nav h3 a:hover span{transform:translateY(-100%);}
.nav li.on h3 a{ color:#0096fd;}
.nav li.on h3 a:after{left: 0%;right: 0%;opacity: 1;/*-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;*/}
.nav .sub{
	display:none;
	width:auto;
	padding:0;
	background:rgba(255, 255, 255, 0.9);
	border-top:2px solid #0096fd;
	position:absolute;
	top:94px;
	left:50%;
	z-index:110;
	transform: translate(-50%,0%);
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
}
.tpos .nav .sub{ top:62px;}
/*.tpos .nav .sub_bg{ top:90px;}*/
.nav .sub dl{width:100%; margin:0 auto;  text-align:left;}
.nav .sub dd{ list-style:none; text-decoration:none;}
.nav .sub dd a{
	white-space: nowrap;
	height:40px;
	line-height:40px;
	display:block;
	color:#333;
	font-size:13px;
	 width:117px;
	overflow:hidden;
	letter-spacing:0;
	padding: 0 14px;
	box-sizing: border-box;
}
.nav .sub dd a:hover{ color:#fff; text-decoration:none;background:#0096fd;}
.nav .sub dd .top_img{ float:left; margin-left:40px; width:270px; overflow:hidden;}
.nav .sub dd .top_img img{ width:100%; height:180px; margin-bottom:4px;}
.nav .sub dd .top_img h2{ font-size:14px; color:#333333; font-weight:normal; height:22px; line-height:22px; overflow:hidden; margin-bottom:3px;}
.nav .sub dd .top_img p{ line-height:20px; height:40px; overflow:hidden; font-size:12px; color:#8f8f8f;}
.nav .sub dd .top_img a:hover h2{ color:#f4ae17}
.nav .sub dd .top_img a:hover img{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}

/*微信弹窗*/
#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}


/*banner*/
.banner_pc{margin-top:0;}
.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 {width: 100%; text-align: center; position:absolute; bottom:5px;}
.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; background:#fff;}
.flex-control-paging li a:hover {}
.flex-control-paging li a.flex-active { background: #0096fd; cursor: default; }

/*首页中间内容*/
.box_main{width:100%; margin: 90px auto 15px auto; overflow: hidden;}

/*优势*/
.prod_cc{max-width:1200px; margin:0 auto 80px auto; overflow: hidden;}
.prod_cc .box{border-top:0; border-radius:0 0px 5px 5px;}
.prod_cc h2 span{ float:right; padding-right:2%;}
.prod_cc li{ float:left; width:25%; text-align:center;}
.prod_cc li .pic{ margin:0 auto; transition:all 0.3s;}
.prod_cc li .pic img{max-width:100%;}
.prod_cc li p{ font-size:20px; font-weight: bold; margin:18px 0 12px 0;}
.prod_cc li span{display: block; text-align: center; width: 70%; margin: 6px auto; line-height: 24px;}

/*产品推荐*/
.dyip{background: #f1f1f1; text-align:center;  padding:71px 0 76px 0;  overflow: hidden;}
.dyip h2{ line-height:60px;  font-size:24px; color:#444; padding-bottom:22px;}
.dyip .slideTxtBox{max-width:1200px; margin:0 auto;overflow: hidden;}
.dyip .slideTxtBox .hd{ padding:0;}
.dyip .slideTxtBox .hd ul{ margin-left:-1%;}
.dyip .slideTxtBox .hd ul li{ cursor:pointer; display:inline-block; width:12%; margin-left:1%; font-size:15px;}
.dyip .slideTxtBox .hd ul li .border{ border:1px solid #aaa; height:40px; line-height:40px;}
.dyip .slideTxtBox .hd ul li.on  .border{ border:1px solid #0096fd; background:#0096fd; color:#FFF;}
.dyip .slideTxtBox .hd ul li .border:hover{ border:1px solid #0096fd; background:#0096fd; color:#FFF;}
.dyip .slideTxtBox .bd{ padding:40px 0 0 0; overflow: hidden}
.dyip .slideTxtBox .bd ul{ margin-left:-2%;}
.dyip .slideTxtBox .bd li{ float:left; width:23%; margin-left:2%; position:relative; transition:all 0.3s;}
.dyip .slideTxtBox .bd li .box{ border:1px solid #bababa;}
.dyip .slideTxtBox .bd li .box img{ width:100%;}
.dyip .slideTxtBox .bd li p{font-size: 13px; padding:12px 0;}

.derp{background: #fff; max-width:1200px; margin:0 auto; padding:90px 0;  overflow: hidden;}

.dspic{width: 740px;float: left; height: 345px; }

.picScroll-left{ width:100%;  overflow:hidden;   }
.picScroll-left .hd{ overflow:hidden;  height:35px;  padding-top: 50px;  }
.picScroll-left .hd .prev{ background: url(../images/anhg.png) no-repeat;background-position: 0 0;width: 35px;height: 35px;display:block;float:right;margin:0 5px;cursor:pointer}
.picScroll-left .hd .next{ background: url(../images/anhg.png) no-repeat;background-position: -35px 0;width: 35px;height: 35px;display:block;float:right;margin:0 5px;cursor:pointer}
.picScroll-left .hd .prev:hover {background-position: 0 -35px;}
.picScroll-left .hd .next:hover {background-position: -35px -35px;}

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ width: 100%;  }
.picScroll-left .bd ul{ overflow:hidden;}
.picScroll-left .bd ul li{ margin:0 10px;  float:left; text-align:center; position: relative;}
.picScroll-left .bd ul li .pic{ text-align:center;  }
.picScroll-left .bd ul li .pic img{ width:345px;border-radius: 10px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:50px;  height: 50px; font-size: 15px; color: #fff; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%;   background: rgba(0, 0, 0, 0.6); border-radius:0 0 10px 10px;}


.newsdsp{float: right;width: 410px;min-width: 320px;border-left: 1px solid #d7d7d7;padding-left: 30px;position: relative;}
.newsdsp ul li{position: relative;height: 88px;margin: 9px 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.newsdsp ul li .infhh-img{width: 100px;height: 80px;line-height: 80px;border-radius: 10px;position: absolute;left: 0;top: 0;overflow: hidden;text-align: center;}
.newsdsp ul li .infhh-img img{max-width: 100px;max-height: 80px;vertical-align: middle; border-radius: 10px;}
.newsdsp ul li .newsdsp-text{position: absolute;right: 0;top: 0;height: 80px;background: #fff;width: 280px;padding:2px 10px;line-height: 20px;border-radius: 5px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.newsdsp ul li .newsdsp-text h3{font-size: 14px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsdsp ul li .newsdsp-text time{font-size: 12px;color: #999;display: block;margin-bottom: 3px;}
.newsdsp ul li .newsdsp-text .in-p-text{color: #777;line-height: 20px;height: 40px;overflow: hidden;}
.newsdsp ul li .newsdsp-text:hover{background: #fff ;}
.move{position: absolute;bottom:-88px;right: 0;display: block;background: url(../images/anhg.png) no-repeat;background-position: -70px 0;width: 135px;height: 35px;}
.move:hover{background-position: -70px -35px;}


.box_links{width: 100%; margin-top:35px; height:187px; background: #fff;border-top: 1px solid #e6e6e6;box-shadow: 0 0 1px #e6e6e6;}
.box_links_main{max-width: 1200px; margin: 0 auto;}
.box_links .link_text{float: left;width: 100px;line-height: 187px;color: #121d58;font-size: 18px;}
.box_links .link_pics {width: 1080px;margin-top: 40px;text-align: left;float: right;}

.picMarquee-left{ width:100%; overflow:hidden; position:relative;  }
.picMarquee-left .bd{ padding:10px 0;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:190px; height:81px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }



/*尾部*/
.foot{ background:#f4f4f4; margin-top:0;border-top: 1px solid #e2e2e2; overflow:hidden;}
.foot_nav{ border-bottom:1px solid #ccc;overflow:hidden; padding:10px 0 5px 0;} 
.foot_nav ul{}
.foot_nav li{ float:left; height:40px; line-height:40px; padding: 0 40px 0 0; font-size:14px; text-align:center;}
.foot_nav li a{ color:#444; text-transform: uppercase;}
.foot_nav li a:hover{ color:#0096fd;}
.copyright{ padding:15px 0; overflow:hidden;}
.copyright .ewm{ float:right;}
.copyright .ewm img{width: 120px;}
.copyright .copy_l{ float:left; color:#444; padding-left:0; line-height:28px; font-size:12px;}


/* -- 内页代码 -- */
.Contain,.main{max-width:1200px; min-width:320px; margin:0 auto; padding:0 10px;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; font-size:13px; line-height:24px;}

.Current{ width:100%; border-top:#dfdfdf 2px solid;border-bottom:#eee 1px solid;}
.Currentmain{ text-align:right; height:46px; line-height:46px;  color:#888;}
.Currentmain a{ color:#888;}
.Currentmain a:hover{ color:#0096fd;}
.Currentmain span{ color:#000;}

/*SildeBar*/
.SildeBar{ width:100%; border-bottom:#e5e5e5 1px solid;}
.MenuList ul{ float:left;}
.MenuList ul li{ float:left; width:100px; text-align:center; background:url(../images/bg9.jpg) no-repeat right center; /*height:112px; line-height:112px;*/}
.MenuList ul li:nth-last-child(2){ background:none;}
.MenuList ul li .menuA{ display:block; color:#7d7d7d; font-size:14px; padding: 46% 0;}
.MenuList ul li:hover .menuA,.MenuList ul li.onmenu .menuA{ background:url(../images/bg8.png) no-repeat center top; font-weight: bold; color:#0096fd; background-size:auto 100%;}

.columnname{ float:right; width:155px; height:112px; text-align: center;  background:url(../images/bg6.jpg) no-repeat center bottom;}
.columnname span{ display:inline-block; color:#777; font-size:2.1em; font-weight:bold; line-height:2; background:url(../images/bg7.jpg) no-repeat right bottom; margin:25px 0;}


/*about*/
.aboutinfor{ padding:2.6% 0 1.5% 0;line-height:30px; overflow:hidden; font-size: 14px;}
.aboutinfor img{ max-width:100%;}
.aboutinfor table td{ padding:5px;}
.aboutinfor .Charitylister{ padding-top:0;}

/*公司简介*/
.infor{ float:left; width:51%; line-height:28px;}
.aboutBan{ float:right; width:45%; position:relative;}
.aboutBan .BanList{ width:100%; height:100%;}
.aboutBan .BanList li{ width:100%; overflow:hidden;}
.aboutBan .BanList li a{ width:100%; display:block;}
.aboutBan .BanList li img{ width:100%;}
.aboutBan .BanList li .tit{ display:block; background:#fff; border:#f2f2f2 1px solid; padding:15px 25px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.aboutBan .TabList{ /*width:100%;*/ height:14px; right:20px; bottom:26px; position:absolute;}
.aboutBan .TabList .List ul{ float:right;}
.aboutBan .TabList li{ float:left; width:10px; height:10px; margin:0 6px;}
.aboutBan .TabList li span{ width:10px; height:10px; display:block; cursor:pointer; background:#bbb; -moz-border-radius:3px;-webkit-border-radius:3px;  border-radius:3px; }
.aboutBan .TabList li.on span{ background:#0096fd;}

/*发展历史*/
/*.history{ width:50%; margin: 0 auto;}
.history ul li{ display:table; width:100%; cursor:pointer;}
.history ul li .tit{ width:25%; min-width:110px; background:url(../images/bg15.jpg) repeat-y right top; display:table-cell; vertical-align:middle;}
.history ul li .tit .year{ display:block; background:url(../images/bg12.jpg) no-repeat right center; line-height:26px; font-size:1.85em; color:#0096fd;}
.history ul li .cont{ width:70%; padding:3% 0 3% 5%;display:table-cell; vertical-align:middle;}
.history ul li .cont p{ margin:0;}
.history ul li:hover  .tit .year{ background:url(../images/bg11.jpg) no-repeat right center;}
.history .div{ width:26%; min-width:110px; text-align:right;}
.history .prev,.history .next{ display:inline-block; width:40px; height:40px;}
.history .prev{ margin-bottom:15px;}
.history .next{ margin-top:15px;}

.historyimg{ width: 49%; float:right; margin-top:40px;}
.historyimg img{ max-width:100%;}
*/

/*history*/
.demo{width:900px; float: right;}
.history{background:url(../images/line04.gif) repeat-y 187px 0;overflow:hidden;position:relative;}
.history-date{overflow:hidden;position:relative;}
.history-date h2{background:#fff url(../images/icon06.gif) no-repeat 162px 0;height:49px;font-size:28px;font-family:微软雅黑;font-weight:normal;padding-left:35px;margin-bottom:54px; }
.history-date h2{width:835px;z-index:99;}
.history-date h2 a{color:#444;display:inline-block;*display:inline;zoom:1;padding-right:17px;margin:12px 97px 0 0;}
.history-date h2 a:hover{text-decoration:none;}
.history-date h2 img{vertical-align:-5px; }

.history-date ul li{background:url(../images/icon07.gif) no-repeat 180px 0;padding-bottom:25px;zoom:1;}
.history-date ul li.last{padding-bottom:0;}
.history-date ul li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.history-date ul li h3{float:left;width:168px;text-align:right;padding-right:19px;color:#c3c3c3;font:normal 18px/16px Arial;}
.history-date ul li h3 span{display:block;color:#d0d0d0;font-size:12px;}
.history-date ul li dl{float:left;padding-left:41px;margin-top:-5px;font-family:微软雅黑;}
.history-date ul li dl dt{font:20px/22px 微软雅黑;color:#737373;}
.history-date ul li dl dt span{display:block;color:#787878;font-size:12px;}
.history-date ul li.green h3{color:#444;}
.history-date ul li.green h3 span{color:#a8dda3;}
.history-date ul li.green dl{margin-top:-8px;}
.history-date ul li.green dl dt{font-size:15px; font-weight: bold; line-height:32px;color:#222;}
.history-date ul li.green dl dt a{display:inline-block;*display:inline;zoom:1;overflow:hidden;vertical-align:middle;margin-left:12px;}
.history-date ul li.green dl dd{padding-top:12px;}
.history-date ul li.green dl dd img{float:left; width: 220px;}
.history-date ul li.green dl dd p{overflow:hidden;zoom:1;line-height:21px;color:#787878;}

.history-date h2.first .more-history{font-size:16px;background:transparent;margin-left:30px;}
.history-date h2.first .more-history:hover{text-decoration:underline;}





/*图片列表*/
.ulimg { margin: 0 auto;width: 100%;   }
.ulimg ul { list-style: none;  overflow:hidden; margin-left:-2%;}
.ulimg li { width: 23%; margin-left:2%; float: left; margin-bottom:10px;}
.ulimg li img { width:96%;  border: 1px solid #cdcdcd; padding: 2px;}
.ulimg li span { display: block; text-align: center; line-height:25px; color: #222; font-size: 12px; padding: 5px 0; }
.ulimg li:hover img { width:96%;  border: 1px solid #0096fd; padding: 2px;}


/*多图展示切换*/
#owl-demo{position:relative;width:800px;height:600px;margin:5px auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:100%;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.4;filter:alpha(opacity=40);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:16px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/left.png);}
.owl-next{right:0;background-image:url(../images/right.png);}
.owl-prev:hover{background-image:url(../images/left_h.png);}
.owl-next:hover{background-image:url(../images/right_h.png);}



/*证书列表*/
.honorimg { margin: 0 auto;width: 100%;   }
.honorimg ul { list-style: none;  overflow:hidden; margin-left:-2%;}
.honorimg li { width: 31.333%; margin-left:2%; float: left; margin-bottom:10px;}
.honorimg li img { width:96%;  border: 1px solid #cdcdcd; padding: 2px;}
.honorimg li span { display: block; text-align: center; line-height:25px; color: #222; font-size: 12px; padding: 5px 0; }
.honorimg li:hover img { width:96%;  border: 1px solid #0096fd; padding: 2px;}


/* 合作伙伴 */
.partnerList{ margin:2% auto;width:100%; overflow: hidden;}
.partnerList ul{margin-left:-2%;}
.partnerList ul li{float:left;width:18%;margin-left:2%;margin-bottom:25px;}
.partnerList ul li img{ border: 1px solid #d4d4d4; max-width: 99%;}
.partnerList ul li span{line-height: 30px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}


/*公司新闻*/
.Charityinfor{ padding-bottom:20px; border-bottom:#f2f2f2 1px solid;}

.Charitylist{ padding-top:85px; padding-left:45px;}
.Charitylist ul{ width:100%;}
.Charitylist ul li{ background:#f4f4f4; border:#e4e4e4 1px solid; position:relative; padding:20px 20px 20px 70px; margin-bottom:30px;}
.Charitylist ul li .time{ width:90px; -moz-border-radius:45px;-webkit-border-radius:45px;  border-radius:45px; background:#0096fd; color:#fff; text-align:center; padding:17px 10px; position:absolute; left:-45px; top:32%; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
 box-sizing: border-box;}
.Charitylist ul li .time span,.Charitylist ul li .title{ display:block;}
.Charitylist ul li .time .month{ font-size:1em; border-bottom:#fff 1px solid; line-height:2;}
.Charitylist ul li .time .day{ font-size:1.56em; font-weight:bold;}
.Charitylist ul li .title,.Charitylist ul li .pxws,.Charitylist ul li .more{ display:block; float:left; width:calc(100% - 405px);}
.Charitylist ul li .title{ font-size:1.1em; font-weight:bold; color:#444; margin-top: 35px;}
.Charitylist ul li .img{ float:right; width:33%;}
.Charitylist ul li .img img{ width:100%;}
.Charitylist ul li .pxws{ line-height:2.2; color:#585858; margin:15px 0; font-size: 14px;}
.Charitylist ul li .more{ color:#0096fd;}
.Charitylist ul li .title:hover{ color:#0096fd;}


	
.News_info .info_title{ display:block; padding:10px 0px; font-size:1.32em; font-weight:bold; text-align:center;}
.News_info .info_time{ display:block; text-align:center; color:#999; font-size:13px; font-weight:normal; border-bottom:1px dotted #ccc; padding-bottom:5px;}
.News_info .info_txt{ padding:10px 0px;}
.News_info .info_txt{ padding:15px 0; font-size:13px; line-height: 27px;  text-align:justify; word-wrap:break-word; clear:both;}
.News_info  .info_txt img{max-width:100%}
.gr-fenx{height:35px;background:#eee;padding:0 10px;margin-top:35px;font-size:13px;}
.prew {background:url(../images/pre_info.gif) no-repeat left center;float:left;height:35px;line-height:35px;overflow:hidden;padding-left:15px;text-align:left;width:46%;}
.nextw {background:url(../images/next_info.gif) no-repeat right center;float:right;height:35px;line-height:35px;overflow:hidden;padding-right:15px;text-align:right;width:46%;}


/*产品*/
.categorylist{ width:100%; border-bottom:#ebedf0 1px solid;}
.categorylist ul li { float:left; /*width:112px;*/ line-height:45px; margin-top:10px; margin-right:5%;}
.categorylist ul li a{ display:block; font-size:1.18em; border-bottom:#fff 3px solid; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.categorylist ul li.on a,.categorylist ul li:hover a{ color:#0075c1; border-bottom:#0075c1 3px solid;}

.pro_list{ width:100%}
.pro_list ul{ margin-left:-2%}
.pro_list li{ float:left; width:22%; margin:0.5% 0 1.5% 2%; text-align:center; line-height:33px;border:1px solid #e2e2e2; padding:2px;}
.pro_list li:hover{border:1px solid #0096fd; padding:2px;  }
.pro_list li a{ overflow:hidden; display:block; text-align:center; }
.pro_list li img{ width:100%;}
.pro_list li span { display: block; text-align: center; line-height:25px; color: #222; font-size: 12px; padding: 8px 0; }

/*详细页*/
#DB_gallery{ position:relative; z-index:5;}
#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery img{ vertical-align:middle;}

#DB_gallery .DB_imgSet {position:relative; width:100%;overflow:hidden; border-bottom:#eee 0px solid; padding-bottom:5px;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%; width:53%; margin-left: 5.5%;}
#DB_gallery .DB_imgSet .DB_imgWin img{ width:96%;border:1px solid #e2e2e2; padding: 4px;}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#fff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{ display:block; position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{ display:block; position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

.product_infor{ position:absolute; top:0px; right:4%; width:34%; z-index:7; background:#fff;}
.product_infor .div_dt{background:#f8f8f8; border-left:#0096fd 3px solid; color:#333; font-size:15px; font-weight: bold; line-height:35px; padding-left:15px;  margin-top:10px; }
.product_infor .div_p{ min-height:420px;padding: 12px 0;font-size:13px; line-height:25px; }

.product_infor .div_p table{ border-collapse:collapse; border: 1px #333 solid !important; width:100% !important;line-height:30px!important; margin-bottom: 10px;}
.product_infor .div_p table td{padding: 5px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #333 solid !important;line-height:30px!important;}


.prosinfor {padding:0 0 12px 0; overflow: hidden;}
.prosinfor .div_pros{font-size:14px; line-height:28px;}
.prosinfor .div_pros .httsp{height: 40px; line-height: 40px; border-bottom:#ccc 1px solid; margin: 15px 0;}
.prosinfor .div_pros .httsp span{display: block; width: 120px; line-height: 40px; background: #0195ff;  text-align: center; color: #fff; font-size:15px; border-radius: 5px 5px 0 0;}
.prosinfor .div_pros table{margin-top: 12px; border-collapse:collapse; border: 1px #333 solid !important; width:100% !important;line-height:30px!important; margin-bottom: 10px;}
.prosinfor .div_pros table td{padding: 5px!important; padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #333 solid !important;line-height:30px!important;}


/*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 28px 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% #0195ff;border:none;}




@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}



@media screen and (max-width: 1200px) {
.top_bg{ position:static;}
.i_blank{ height:0;}
}