/*Common Style*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#333333; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear,.cl{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #cc0000;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.fl{ float:left;}
.fr{ float:right;}
.mainpage{width: 1300px;margin: 0px auto 0px auto;}
.page_main{width: 1300px;margin: 0px auto 0px auto;}
.bgw{background-color: #fff;}
.bg01{background-color: #f6f6f6;}
.index_box01{background-color: #fff;width: 100%;}
.index_box02{background-color: #f5f5f5;width: 100%;overflow: hidden}
.pd8{padding: 8px;}
.pd12{padding: 12px;}
.pd20{padding: 20px;}

/*head*/
.head{}
.head .top{height: 45px;border-bottom: 1px solid #eee;line-height: 44px;font-size: 14px;color: #aaa;}
.head .top .top_tools{}
.head .top .top_tools ul{}
.head .top .top_tools ul li{background-color:#69439A;color: #fff;float: left;border-right: 1px solid #eee;padding: 0px 20px 0px 19px; position: relative; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;}
.head .top .top_tools ul li:first-child{border-left: 1px solid #eee;}
.head .top .top_tools ul li i{font-size: 24px;vertical-align: middle;padding-right: 8px;}
.head .top .top_tools a{font-size: 14px;color: #fff;}
.head .top .top_tools ul li .qrcode{width: 100%;left: 0px; position: absolute;text-align: center; transition:height 0.5s;-webkit-transition:height 0.5s;height: 0px;overflow: hidden;background-color: #fff;}
.head .top .top_tools ul li .qrcode img{width: 120px;height: 120px;margin: 10px 0px;}

.head .top .top_tools ul li:hover{background-color:#69439A;color: #fff; }
.head .top .top_tools ul li:hover i{position:relative;animation:icomove 0.5s infinite;-webkit-animation:icomove 0.5s infinite;animation-iteration-count: 1;}
@keyframes icomove
{
from {top:40px;}
to {top:0px;}
}

@-webkit-keyframes icomove /*Safari and Chrome*/
{
from {top:40px;}
to {top:0px;}
}

.head .top .top_tools ul li:hover a{color: #fff;}
.head .top .top_tools ul li:hover  .qrcode{height: 140px;display: block;border: 1px solid #eee;overflow-x: visible;z-index: 9;}

.head .logo_box{padding: 40px 0px 0px 0px}
.head .logo_box .logo{}
.head .logo_box .biaoyu{float: left;margin-left: 40px;}
.head .logo_box .biaoyu .title01{width:540px; font-size:29px;color:#333; line-height:40px;}
.head .logo_box .biaoyu .title02{}
.head .logo_box .biaoyu .title02 ul{}
.head .logo_box .biaoyu .title02 ul>li{float: left;font-size:15px;font-weight:400;height:29px;line-height: 30px;font-size:19px;float:left; color:#999;}
.head .logo_box .tel_box{float: right;}
.head .logo_box .tel_box i{font-size: 72px;margin-right: 15px;color: #999;}
.head .logo_box .tel_box p{font-size:14px;line-height:14px;margin-bottom:5px; color: #666; font-weight: 100;}
.head .logo_box .tel_box em{font-size:27px;font-family:Impact,Arial; line-height:28px; font-style: normal; color: #CC0000;}
.head .logo_box .tel_box em span{font-size: 22px; line-height: 24px; color:#CC0000;}


/*nav*/
.nav{background-color: #ddd; background:url(../images/nav_bg.png) repeat-x 0 0;margin-top: 20px;}
.nav #nav_box{width: 1300px;margin: 0px auto 0px auto;position: relative;}
.nav #nav_box>li{float: left;padding:0px;height: 60px;overflow: hidden;text-align:center;}
.nav #nav_box>li:hover{}
.nav #nav_box>li>a{display: inline-block;margin-top: 15px;padding: 0px 30px; border-left: 1px solid #ddd; text-align:center;font-size:18px;font-weight: 500; line-height:30px;color:#333;position:relative;z-index:1113;}
.nav #nav_box>li:hover a{color: #fff;border-left: 1px solid #69439A;}
.nav ul li:hover { background-color: #69439A; }
.nav ul li.curr { background-color: #69439A; color: #fff;}
.nav ul li.curr a{border-left: 0px;border-left: 1px solid #69439A;}
.nav ul li.curr a>span{color: #fff;}

/*banner*/

.banner{ min-width:1000px;  position:relative;  height:600px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:600px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:600px;  }
.banner .bd li a{ height:600px; display:block;  }
.banner-btn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 600px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/bnt.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/bnt.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:35px; width: 100%; display: block; }
.banner-box .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:35px; height:10px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #69439A; width: 70px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


/*search*/
.search_bg{width:100%;height:60px; margin:0 auto;min-width:1002px; background:#fff; padding:10px 0px;border-bottom: 1px solid #eee;}
.search_b{width:1300px; margin:0 auto; height:80px; }
.search-i{float:left; margin-top:10px;}
.search_r{width: 210px;float: right; background-color: #fff;border-radius: 50px; height: 40px; border:1px #d2d2d2 solid;margin-top: 10px;}
.search-bg {float: left; width: 155px;height: 40px;overflow: hidden; background: #fff;margin-left: 15px;}
.search-text{width:890px; float:left; line-height:60px; color: #666; font-size: 15px; font-weight: 100;}
.search-text a{color: #666; font-size: 14px;}
.search-text strong{font-weight: bold; font-size: 15px;}

.search_center img{width:400px;}
.search_center .bodycontent div div+div{width:400px !important; height:40px !important; line-height:40px !important; overflow: hidden;}



/*bot*/
.bot{padding: 52px 0px 80px 0px; text-align: center;width: 1300px;margin-left: auto;margin-right: auto;}
.bot p{ font-size:36px; color:#222;padding: 0px;margin: 0px;margin-bottom: 30px;font-weight: bold;}
.bot p em{color: #69439A;}
.bot span{ font-size:18px; color:#666;border: 1px solid #ddd;padding: 15px;background-color: #fff;}
.bot span>em{font-size: 30px;color: red;}
.bot i{height: 1px;background: #ddd;display:block;   margin: 0 auto;margin-top: -10px}
.bot1 p{ font-size:40px; color:#fff; font-weight:bold;}
.bot1 span{ font-size:18px; color:#eee; display:block; margin-top:10px;}
.bot1 span>em{font-size: 30px;}
.bot1 i{width: 21px;height:19px;display:block;   margin: 0 auto;margin-top: 10px; background:none;}

/* problem */
.problem{ padding-bottom:60px;}
.problem_box{ width:1200px; margin:0 auto;}

.problem_con{ background-color: #69439A; width:500px; height:56px; margin:0 auto; text-align:center; color:#fff; margin-top:84px; font-size:24px; line-height:56px;border-radius:50px;transition:all 0.4s;}
.problem_con:hover{ background-color: #FF8000;}
.problem_content { width:223px; height:223px; border:1px solid #ddd; border-radius:50%; position:relative; text-align:center;     float:left;margin-right: 18px;}
.problem_content:hover{ cursor:pointer;margin-top: -20px;transition:all 0.4s;}
.problem_content:nth-child(6){ margin-right:0;}
.problem_content dd strong{ font-size:22px; color:#222; margin-top:43px; display:block;}
.problem_content dd div{ font-size:16px; color:#666; line-height:29px; margin-top:18px;}
.problem_content dt { position:absolute; bottom:-21px; left:90px;}
.problem_content dt i{background-color: #69439A;color: #fff;font-size: 32px;padding: 10px;border-radius:50px;}
.problem_content:hover i{background-color: #FF8000;}



/*index*/
.product{background-color: #fff;}
.prod_cate {color: #333;min-height: 500px;width: 260px;box-sizing: border-box;float: left;overflow: hidden;}
.prod_cate .title{font-size: 24px;background-color: #69439A;color: #fff;padding: 45px 0px;}
.prod_cate .title>dl{margin: 0px;padding: 0px;text-align: center;}
.prod_cate .title>dl>dt{font-size: 60px;padding: 0px 20px 0px 20px;}
.prod_cate .title>dl>dd{font-size: 36px;padding-top: 14px;font-weight: bold;}
.prod_cate .title>dl>dd.en{font-size: 14px;padding-top: 0px;}
.prod_cate ul{padding:0px;margin: 0px;}
.prod_cate ul>li{line-height: 48px;margin-top: 2px;}
.prod_cate ul>li>a{text-indent:20px;font-size: 16px;color: #69439A;font-weight: bold;display: block;width: 100%;height: 48px; background-color: #EFEAF7;}
.prod_cate ul>li>a::after{content: "◢";float: right;padding-right: 20px;transform: rotate(45deg);}
.prod_cate ul>li:hover{}


.prod_cate ul>li>ul{padding: 0px;margin: 0px;}
.prod_cate ul>li>ul>li{line-height: 40px;margin: 0px;padding: 0px;margin-top: 2px;}
.prod_cate ul>li>ul>li>a{background-color: #eee;color: #666;font-weight: normal;height: 40px;}
.prod_cate ul>li>ul>li>a::after{content: "+";float: right;padding-right: 20px;transform: rotate(0deg);}
.prod_cate ul>li>ul>li>a:hover{background-color: #69439A;color: #fff;}

.prod_cate .prod_cate_tel{background-color: #efefef;margin-top: 10px; padding: 40px 20px 50px 20px;background-image: url(../images/cate_tel.png); background-repeat: no-repeat;}
.prod_cate .prod_cate_tel .t01{font-size: 20px;margin-top: 16px;}
.prod_cate .prod_cate_tel .t02{font-size: 28px;margin-top: 10px;color: #69439A;font-weight: bold;}


.prodlist{float: right;width: 1000px;}
.prodlist ul{margin-left: -40px;}
.prodlist ul>li{background-color: #fff;border: 1px solid #efefef; transition: all 0.3s ease 0s; display: inline-block; line-height: 40px; text-align: center;width: 280px;margin-left: 40px;margin-bottom: 20px;}
.prod_list ul>li img{width: 280px;height: 280px;padding: 10px;}
.prodlist ul>li>a{font-size: 16px;}
.prodlist ul>li:hover a{color: #fff;}
.prodlist ul>li>a .ptitle{background-color: #efefef;}
.prodlist ul>li:hover .ptitle{background-color: #69439A;}


/*sbanner01*/
.sbanner01{background:url(../images/sbanner_01.jpg) no-repeat center 0; height: 380px;}

.cers{background:url(../images/cers.jpg) no-repeat center 230px; height: 700px;}

@keyframes breath {
    0%   { opacity: 0.6;-webkit-transform: scale(1); }
    25%   {opacity: 0.3;-webkit-transform: scale(1.1); }
    50%   {opacity: 0.1;-webkit-transform: scale(1.1); }
    75%   {opacity: 0;-webkit-transform: scale(1.1); }
    90%   {opacity: 0;-webkit-transform: scale(1.1); }
    100% { opacity: 0;-webkit-transform: scale(1.1);}
}

.huxibtn {position: relative;width: 100px;height: 100px;border-radius: 50%;background:#69439A;margin-left: auto;margin-right: auto;margin-top: 220px;text-align: center;line-height: 100px;font-size: 50px;color: #fff;}
.huxibtn::before {
	content: '';
	position: absolute;
	top: -25%;
	left: -25%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	background: #69439A;
	border-radius: 50%;
	opacity: 0;
	animation: breath 1.6s ease-out 1.5s infinite normal;
  }


/**/
.homenews { margin-top: 0px;}
.homenews .news_l { float: left; padding: 10px;background-color: #fff;width: 574px;height: 520px;}
.homenews .news_l img{width: 100%;}
.homenews .news_l .title{margin-top: 10px;}
.homenews .news_l .title a{font-size: 24px;font-weight: bold;line-height: 36px;}
.homenews .news_l .descript{font-size: 18px;margin-top: 10px;}
.homenews .news_l .view{background-color: #666;padding: 10px;margin-top: 20px;width: 100px;text-align: center;transition:0.2s all ease-in-out;}
.homenews .news_l .view a{color: #fff;transition:0.2s all ease-in-out;}
.homenews .news_l .view:hover{background-color:#684399; width: 150px;}
.homenews .news_l .view:hover a{color: #fff;}

.homenews .news_r { float: right;width: 692px;height: 540px;}
.homenews .news_r .newstab ul{margin-left: -15px;}
.homenews .news_r .newstab li{display: inline-block;background-color: #fff;color: #333;font-size: 20px;cursor:pointer;text-align: center;line-height: 64px;width: 217px;margin-left: 15px;}
.homenews .news_r .newstab li.curr{background-color:#684399;color: #fff;}
.homenews .news_r .newstab li:hover{}
.homenews .news_r .newstab .bd{margin-top: 10px;}
.homenews .news_r .newstab .bd .newslist{background-color: #fff;margin-top: 10px;padding: 10px;height:128px; }
.homenews .news_r .newstab .bd .newslist .news_img{float: left;width: 180px;}
.homenews .news_r .newstab .bd .newslist .news_img img{width: 180px;height: 120px;}

.homenews .news_r .newstab .bd .newslist .news_txt{float: left;margin-left: 10px;width: 475px;}
.homenews .news_r .newstab .bd .newslist .news_txt a{font-size: 18px;}
.homenews .news_r .newstab .bd .newslist .news_txt .news_date{color: #999;}
.homenews .news_r .newstab .bd .newslist .news_txt .news_descript{color: #999;font-size: 14px;word-break: break-word;word-wrap: break-word;margin-top: 10px;}

/*about*/
.home_about{background-color: #fff;width: 100%;}

.home_about_conbox{margin-top: 30px;}

.home_about_img{float: right;width: 45%;height: 440px;background-color: #ccc;}
.home_about_img img{max-width: 100%;height: 100%;}

.home_about_con{float: left;width: 55%;height: 440px;}
.home_about_con .title{background:url(../images/kuang.png) no-repeat 0 0;min-height: 171px;padding-top: 30px;}
.home_about_con .title .title01{background-color: #fff;font-size: 50px;font-weight: bold;color: #674399;margin-left: 30px;}
.home_about_con .title .title02{background-color: #fff;font-size: 26px;color: #666;margin-left: 30px;}

.home_about .company_name{font-size: 30px;color: #fff;padding: 20px;line-height: 40px;}
.home_about_con .txt{font-size: 18px;line-height: 1.5;background-color: #fff;padding-right: 25px;}


.home_about .online_btn{display: inline-block;padding: 8px 15px;background-color:#69439A;}
.home_about .online_btn:hover{background-color: #FF4000;}
.home_about .online_btn a{color: #fff;font-size: 16px;}
.home_about .more_btn{display: inline-block;padding: 8px 15px;background-color:#3ACD16;margin-left: 12px;}
.home_about .more_btn:hover{background-color: #FF4000;}
.home_about .more_btn a{color: #fff;font-size: 16px;}


.home_about_photos{margin-top: 30px;}
.home_about_photos>ul{margin-left: -20px;}
.home_about_photos>ul>li{display: inline-block;background-color: #fff;padding: 5px;margin-left: 20px;transition:all 0.3s ease-out;}
.home_about_photos>ul>li img{width: 230px;height: 160px;}
.home_about_photos>ul>li:hover{transform:scale(1.1);box-shadow: 5px 5px 10px #000;}


/*合作客户*/
.home_kehu{background:url(../images/kehu_bg.png) no-repeat 0 0;min-height: 758px;text-align: center;}
.home_kehu img{}
.home_khlist{}
.khlist_gd{overflow: hidden;height: 166px;}
.home_khlist ul{margin-left: -30px;}
.home_khlist ul>li{float:left;margin-left: 30px;}
.home_khlist ul>li>a>img{width: 250px;height: 150px;padding: 5px;background-color: #fff;border: 1px solid #ddd;}


/*应用场景*/
.hz_bj{ overflow: hidden;padding: 20px 0px 0px 40px;}

.hz{ box-sizing: border-box; overflow: hidden;}
.hztit{ overflow:hidden; font-size:18px; text-align:center;width:362px; float: left;  }
.hztit li{ background:#ebebeb;border-bottom:1px solid #fff; border-right:1px solid #fff; width:180px; text-align: center; height: 180px;box-sizing: border-box; float: left; position: relative; color: #222; font-weight: normal;}
.hztit li:nth-child(2n){border-right: 0;}
.hztit li:nth-child(7),.hztit li:nth-child(8){border-bottom: 0;}
.hztit li i{width: 51px; height: 39px;overflow: hidden;  margin:45px auto 15px; display: block;overflow: hidden; position: relative;}
.hztit li i img{position: absolute;top:0;left:0;}
.hztit li em{ display: block;font-size:18px; padding:0 8%; color: #383838; font-weight: bold; text-align: center;position: relative;  font-weight: normal;}
.hztit li a{ color:#222;text-decoration: none; }
.hztit .cur,.hztit li:hover{ background:#007bdd; color:#fff;}
.hztit .cur a,.hztit li:hover a{color:#fff;}
.hztit .cur em,.hztit li:hover em{ color: #fff; }
.hztit .cur i img,.hztit li:hover i img{left:-51px;}


.hz_nr {width:934px; height:538px;float: right;}
.hz_nr  dl{width:938px; height:539px;overflow: hidden;box-sizing: border-box; position: relative; }
.hz_nr  dl dt{width: 938px;height:538px; overflow: hidden; display: block; float: left;}
.hz_nr  dl dt img{width: 934px;height:538px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.hz_nr  dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.hz_nr  dl dd{height: 180px;box-sizing: border-box;  position: absolute;  bottom:0; left:0px; }
.hz_nr  dl dd .desc{background:rgba(0, 0, 0, 0.7);width: 100%; padding:25px 40px 0 45px; box-sizing: border-box;height:185px;}
.hz_nr  dl dd h3{font-weight: normal;text-align: left; font-size: 24px; color: #fff; line-height: 33px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative;margin-bottom:10px; font-weight: bold;}
.hz_nr  dl dd h3 em{display: block; font-size: 22px; color: #fff; font-weight: normal;}
.hz_nr  dl dd p{line-height:28px;overflow: hidden; font-size:16px;color: #fff;  text-align: justify;  }
.hz_nr  dl dd span a{  display: block; width: 150px; height:45px;border:1px solid #eb3c00; color: #eb3c00;border-radius: 30px; text-align: center; line-height: 45px; box-sizing: border-box;  float: right; margin-top:126px;margin-right:38px; font-size: 18px; }



/*page*/

#tabs { margin: 0 0 0 250px; padding: 7px 0 0; list-style-type: none; }
#tabs li { line-height: 32px; text-align: center; width: 98px; height: 32px; float: left; margin-right: 4px; margin-left: 4px; }
#tabs li a { color: white; font-size: 14px; font-weight: bold; }
#tabs .tab-active { background-color: #3ACD16; }
#tabs .tab-nav { background-color: #69439A; }
.panel ul li { background-image: url(../images/li02.png); background-repeat: no-repeat; background-position: 4px 12px; text-indent: 18px; height: 32px; overflow: hidden; border-bottom: 1px solid #ebebeb; }
.panel ul li a { color: #666; font-size: 14px; line-height: 32px; width: 324px; height: 32px; overflow: hidden; }
.panel ul li span { color: #999; font-size: 14px; font-family: "Verdana"; line-height: 33px; float: right; }
.more { color: white; font-size: 12px; line-height: 36px; float: right; padding-right: 10px; padding-left: 10px; margin-top: 15px; }
.more a { color: #fff; }
#photos li img { background-color: white; padding: 1px; border: solid 1px #ccc; }
/*imgnewslist style*/
.imgnewslist { overflow: hidden; height: 206px; }
.imgnewslist ul { margin: 0px 0px 0px -20px; padding: 0px; }
.imgnewslist ul li { text-align: center; width: 220px; overflow: hidden; float: left; margin: 10px 0px 20px 21px; padding: 0px; border: solid 1px #ebebeb; }
.imgnewslist ul li .news_thumb { background-color: white; }
.imgnewslist ul li .news_thumb img { width: 220px; height: 154px; padding: 0px; }
.imgnewslist ul li .product_name { background-color: #fff; height: 38px; overflow: hidden; }
.imgnewslist ul li .product_name a { color: #000; font-size: 14px; line-height: 38px; word-break: break-all; }
.imgnewslist ul li:hover .product_name a { color: #333; }
/*links style*/

.links .title01 {font-size: 24px;text-align: left; color: #333; line-height: 32px;height: 32px; font-family: "MicroSoft YaHei", "SimHei";overflow: hidden;}
.links .title01 span{font-size: 14px;color: #999;}
.links .line { border-bottom: 2px solid #69439A; }
.links .links_list { margin-top: 10px; background-color: #fff; margin-bottom: 20px; }
.links .links_list ul { padding: 12px; min-height: 28px;}
.links .links_list ul li { float: left; margin-right: 20px; margin-left: 20; }
.links .links_list ul li a { font-size: 14px; color: #999; line-height: 28px; text-decoration: underline; }
.links .links_list ul li a:hover { color: #cc0000; }
/*footer*/
.footer {min-height: 80px;padding: 0px;color: #fff;line-height: 1.6; }
.footer .foot_nav{background-color: #69439A;height: 60px;text-align: center;}
.footer .foot_nav ul{margin-left: auto;margin-right: auto;}
.footer .foot_nav ul li{display: inline-block;margin-top: 18px;}
.footer .foot_nav ul li a{display: inline-block;line-height: 24px;color: #fff;font-size: 16px; border-right:  1px solid #ccc;padding: 0px 20px;}
.footer .foot_nav ul li a:hover{color: #fff;}
.footer .foot_nav ul li a:last-child{border-left: 0px;}

.footer .foot_info{margin: 0px;padding: 0px;}
.footer .foot_info .foot_con{font-size: 16px;color: #333;line-height: 1.8;padding: 30px 0px;}
.footer .foot_info .foot_con a{color: #333;font-weight: bold;}



/*page style*/
.head_title { background-color: #fff; }
.head_title .title { float: left; width: 600px; overflow: hidden; }
.head_title .title h1 { text-align: left; font-family: "MicroSoft YaHei", "SimHei"; font-size: 26px; font-weight: normal; color: #333; line-height: 60px; }
.head_title .title h1 i { padding: 0px 10px 0px 10px; }
.head_title .title h2 { text-align: left; font-family: "MicroSoft YaHei", "SimHei"; font-size: 26px; font-weight: normal; color: #333; line-height: 60px; }
.head_title .title h2 i { padding: 0px 10px 0px 10px; }
.head_title .catpos { color: #999; font-size: 12px; line-height: 60px; float: right; width: 330px; overflow: hidden; text-align: right; }
.head_title .catpos a { color: #999; }
.head_title .catpos a:hover { color: #cc0000; }
/**/
.page { margin-top: 20px;}
.page_sidebar { float: right; width: 260px; margin-bottom: 50px; }
.page_sidebar .title { background-color: #69439A; color: white; line-height: 40px; font-size: 16px; font-family: "MicroSoft YaHei", "SimHei"; }
.page_sidebar .title i { padding: 0px 10px 0px 10px; }
.page_sidebar .catelist { border: 1px solid #ebebeb; padding: 0px 10px 0px 10px; background-color: #fff; margin-bottom: 20px; }
.page_sidebar .catelist i { padding: 0px 10px 0px 10px; }
.page_sidebar .catelist li { font-size: 14px; border-top: 1px solid #f5f5f5; line-height: 40px; }
.page_sidebar .catelist li:first-child { border-top: none; }
.page_sidebar .catelist li > a { color: #666; }
.page_sidebar .catelist li > a:hover { color: #cc0000; }
.page_sidebar .catelist h5 { color: #333; font-size: 14px; font-weight: normal; line-height: 26px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; text-align: center; border-bottom: 1px solid #ebebeb; }
.page_sidebar .sidecontact { color: #666; font-size: 12px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 22px; padding: 10px 0px 20px 0px; }
.page_sidebar .catelist2 { background-color: #fff; margin-bottom: 20px; }
.page_sidebar .catelist2 > ul { padding: 10px; }
.page_sidebar .catelist2 > ul > li { margin-top: 6px; }
.page_sidebar .catelist2 > ul > li a:hover { text-decoration: none; }
.page_sidebar .catelist2 > ul > li > a { background-color: #69439A; font-size: 14px; line-height: 32px; color: #fff; display: block; height: 32px; padding-left: 22px; background-image: url(../images/icon01.png); background-position: 7px 12px; background-repeat: no-repeat; overflow: hidden; }
.page_sidebar .catelist2 > ul > li > a:hover { background-color: #3ACD16; }
.page_sidebar .catelist2 > ul > li > ul > li { margin-top: 6px; }
.page_sidebar .catelist2 > ul > li > ul > li > a { font-size: 14px; line-height: 32px; color: #333; padding-left: 22px; display: block; height: 32px; background-image: url(../images/icon02.png); background-position: 7px 12px; background-repeat: no-repeat; overflow: hidden; }
.page_sidebar .catelist2 > ul > li > ul > li > a:hover { background-color: #3ACD16; color: #fff; }
.page_sidebar .txtlist { border: 1px solid #ebebeb; padding: 5px 10px 10px 10px; background-color: #fff; margin-bottom: 20px; }
.page_sidebar .txtlist i { padding: 0px 10px 0px 10px; }
.page_sidebar .txtlist li { font-size: 14px; line-height: 32px; height: 32px; overflow: hidden; }
.page_sidebar .txtlist li:first-child { border-top: none; }
.page_sidebar .txtlist li > a { color: #666; }
.page_sidebar .txtlist li > a:hover { color: #cc0000; }

/**/
.pagescdz {background-color: #fff;padding: 10px;padding-top: 50px; margin-bottom: 10px;font-family: "MicroSoft YaHei", "SimHei";}
.pagescdz .title_a01{margin-top: 20px; font-size: 32px;text-align: center; color: #5DBEB7; line-height: 60px;background-image: url(../images/page_title01.png); background-repeat: no-repeat; background-position: top center;}
.pagescdz .title_a01 span{padding: 5px 20px;border: 2px solid #5DBEB7;display: inline-block;background-color: #fff;margin-top: 15px;margin-left: 10px;}
.pagescdz .title_a02{text-align: center;font-size: 26px;color: #555;line-height: 60px;}
.pagescdz .khlist{margin-top: 20px;margin-bottom: 20px;}
.pagescdz .khlist img{width: 100%;}
.pagescdz .dzicon{height: 350px;background-color: #7ECBC5;margin-top: 30px;margin-bottom: 30px;background-image: url(../images/dzicon.png); background-repeat: no-repeat; background-position: top center;}
.pagescdz .dzicon ul{margin-left: 120px;padding-top: 200px;}
.pagescdz .dzicon ul li{color: #fff;float: left;font-size: 22px;width: 150px;}
.pagescdz .dzicon .btm{ border-radius: 25px;border: 2px solid #fff;margin-top: 40px;margin-left: auto;margin-right: auto;background-color: #fff;width: 300px;text-align: center;font-size: 22px;color: #5DBEB7;padding: 10px;}

.pagescdz .dzys{height: 1573px; background-image: url(../images/dzys.jpg); background-repeat: no-repeat; background-position: top center;}
.pagescdz .dzys .title_b01{font-size: 26px;color: #555;line-height: 70px;}
.pagescdz .dzys .title_b02{font-size: 20px;color: #555;line-height: 30px;margin-top: 10px;}

.pagescdz .dzys .dzys01{padding-top: 72px;margin-left: 642px;width: 368px;}
.pagescdz .dzys .dzys02{margin-top: 274px;margin-left: 184px; width: 368px;}
.pagescdz .dzys .dzys03{margin-top: 220px;margin-left: 642px; width: 368px;}
.pagescdz .dzys .dzys04{margin-top: 284px;margin-left: 184px; width: 368px;}
.zjmt{background-image: url(../images/zjmt.jpg); background-repeat: no-repeat; background-position: top center;}
.zjmt ul{margin-left: 120px;padding-top: 240px;}
.zjmt ul li{color: #fff;float: left;font-size: 20px;width: 200px;text-align: center;}
.zjmt .info{width: 960px;margin-left: auto;margin-right: auto;background-color: #ebebeb;padding: 20px;margin-top: 30px;font-size: 18px;}
.zjmt .info .btm{ border-radius: 25px;border: 2px solid #fff;margin-top: 40px;margin-left: auto;margin-right: auto;background-color: #fff;width: 300px;text-align: center;font-size: 22px;color: #5DBEB7;padding: 10px;}
.zjmt .info .btm a{color: #5DBEB7;}
.zjmt .info .btm:hover{background-color: #5DBEB7;color: #fff;border: 2px solid #5DBEB7;}
.zjmt .info .btm:hover a{color: #fff;}


.h20{height: 20px;}
.h50{height: 50px;}
.tablinks{margin-top: 0px;}
.tablinks ul{width: 500px;}
.tablinks li{width: 200px;margin-right: 10px;float: left;background-color: #5DBEB7;padding: 10px;text-align: center;font-size: 22px;color: #fff;margin-bottom: 10px;}
.tablinks li:hover{background-color: #3ACD16;}
.tablinks li a{color: #fff;text-decoration: none;}
.tablinks li:hover a{}
.pzqd {width: 800px;margin-left: auto;margin-right: auto;border-collapse:collapse;}
.pzqd tr{}
.pzqd td{line-height: 36px;font-size: 18px;text-align: center;border: 1px solid #999;padding: 2px 5px;}

.cptx1{width: 1000px;height: 450px;margin-left: auto;margin-right: auto; background-image: url(../images/cptx01.jpg); background-repeat: no-repeat; background-position: top center;}
.cptx1 ul{margin: 0px;padding: 75px;}
.cptx1 ul li{font-size: 20px;color: #666;width: 500px;margin: 0px;padding: 0px;}
.cptx1 ul li span{font-size: 28px;color: #5DBEB7;}

.cptx2{width: 1000px;height: 340px;margin-left: auto;margin-right: auto; background-image: url(../images/cptx02.jpg); background-repeat: no-repeat; background-position: top center;}
.cptx2 ul{padding-top: 260px;}
.cptx2 ul li{float: left;font-size: 22px;width: 25%;text-align: center;color: #5DBEB7;}

.zysx{width: 1000px; margin-left: auto;margin-right: auto;}
.zysx table{border-collapse: collapse;border: 0px solid #999;}
.zysx table td {height: 128px;vertical-align: top; border-top: 0;border-right: 1px solid #999;border-bottom: 1px solid #999;	border-left: 0; padding: 30px 20px; font-size: 20px;line-height: 1.6;}
.zysx table td:hover{background-color:#5DBEB7;color: #fff; }
.zysx table tr.lastrow td {border-bottom: 0;}
.zysx table tr td.lastCol {border-right: 0;}

.qjjqxd{width: 1080px;margin-left: auto;margin-right: auto;}
.qjjqxd ul{margin-left: -10px;}
.qjjqxd ul li{background-color: #ebebeb;font-size: 20px;line-height: 1.5;padding: 30px;width: 200px;height: 200px; float: left;margin-left: 10px;}
.qjjqxd ul li:hover{background-color: #5DBEB7;color: #fff;}

/*内页内容部分样式*/
.page_content { float: left; width: 1000px; margin-right: 10px; font-family: "MicroSoft YaHei", "SimHei"; }
.page_content .content { color: #333; font-size: 16px; line-height: 1.7; padding: 20px 20px 40px 20px; min-height: 600px; background-color: #fff;}
.page_content .content img { max-width: 100%; }
.page_content .content p { margin-bottom: 20px; }
.text_content { line-height: 1.5; font-size: 16px; color: #333; margin-top: 15px;}
.prodtitle { overflow: hidden; border-bottom: 1px solid #ebebeb; margin-bottom: 12px; padding-bottom: 20px; }
.prodtitle h1 { text-align: center; font-family: "MicroSoft YaHei", "SimHei"; font-size: 24px; font-weight: normal; color: #555; line-height: 40px; }
.pagetitle { overflow: hidden; margin-bottom: 12px; }
.pagetitle h1 { text-align: left; font-family: "MicroSoft YaHei", "SimHei"; font-size: 24px; font-weight: normal; color: #333; line-height: 30px; }
.newsinfo { font-size: 12px; color: #666; line-height: 20px; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; }
.newsinfo span { padding-right: 20px; }
.gallery { width: 100%; overflow: hidden; margin-left: auto;margin-right: auto;  }
.gallery img { display: block; }
.main-image img { padding: 4px; border: 1px solid #ebebeb; background-color: #fff; margin-left: auto;margin-right: auto;}
.thumbnails { height: 85px; text-align: center;display: table;margin-left: auto;margin-right: auto;margin-top: 20px;}
.thumbnails li { float: left; margin-left: 15px;}
.thumbnails img { padding: 4px; border: 1px solid #ebebeb; background-color: #fff;margin-left: auto;margin-right: auto; }
.photo_desc { color: #666; font-size: 14px; line-height: 1.5; background-color: white; min-height: 94px; margin-top: 10px; margin-bottom: 20px; padding: 6px; border: dotted 1px #ebebeb; }
.prod_photo { width: 350px; float: left; }
.prod_info { width: 570px; float: left; }
.prod_info .info { float: left; }
.prod_info .info a { color: #333; }
.prod_info h2 { color: #333; font-size: 16px; font-weight: bold; line-height: 30px; margin: 0 0 14px; padding: 0 0 8px; border-bottom: 1px solid #ebebeb; }
.prod_info h3 { font-size: 14px; margin: 0; padding: 0; }
.prod_info .service { color: white; font-size: 16px; line-height: 34px; background-color: #cc0000; text-align: center; width: 170px; margin-top: 20px; margin-bottom: 20px; }
.prod_info .service a { color: white; font-weight: bold; }
.prod_info .info_desc { font-size: 14px; line-height: 1.5; color: #666; background-color: #f5f5f5; min-height: 40px; margin-top: 10px; }
#qrcode { width: 120px; float: right; }
.prod_content { margin-top: 30px; line-height: 1.5; }
.prod_content .title { border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
.prod_content .title span { line-height: 35px; background-color: #333; color: #fff; font-size: 16px; display: block; width: 100px; text-align: center; }
/*上一个、下一个*/
.prod_prev_next { font-size: 16px; color: #999; line-height: 40px; margin-top: 30px; }
.prod_prev_next .prev { padding-right: 20px; }
.prod_prev_next .next { padding-left: 20px; }
.prod_prev_next a { color: #333; }
.fg20 { height: 40px; }
/*download style*/
.fileinfo { font-size: 12px; color: #666; line-height: 20px; }
.fileinfo span { padding-right: 20px; }
.downlink { margin-top: 10px; }
.downlink a { font-size: 14px; text-decoration: none; background-color: #cc0000; color: #fff; line-height: 40px; border-radius: 5px; display: block; width: 120px; text-align: center; }
.downlink i { margin-right: 6px; }
/**/
/*list style*/
/*带有描述信息的下载列表*/
.downlist_info li { border-bottom: 1px solid #ebebeb; height: 124px; overflow: hidden; padding: 10px 0px 10px 0px; }
.downlist_info .images { float: left; background-color: white; border: 1px solid #ebebeb; padding: 1px; }
.downlist_info .images img { width: 120px; height: 120px; }
.downlist_info .info { float: left; margin-left: 15px; width: 800px; }
.downlist_info .title { font-size: 18px; line-height: 26px; }
.downlist_info .title a { color: #333; text-decoration: underline; }
.downlist_info .title a:hover { color: #cc0000; text-decoration: underline; }
.downlist_info .desrciption { font-size: 12px; color: #999; line-height: 25px; height: 50px; width: 100%; overflow: hidden; }
.downlist_info .fileinfo { font-size: 12px; color: #999; line-height: 20px; }
.downlist_info .fileinfo span { color: #333; padding-right: 15px; }
/*带图片的新闻列表*/
.newslist_img li { border-bottom: 1px solid #eee; height: 124px; overflow: hidden; padding: 15px 0px 15px 0px; }
.newslist_img li:last-child { border-bottom: 0px; }
.newslist_img .images { float: left; background-color: white; }
.newslist_img .images img { width: 160px; height: 120px; }
.newslist_img .info { float: left; margin-left: 15px; width: 740px; }
.newslist_img .title { font-size: 18px; line-height: 26px; }
.newslist_img .title a { color: #333; text-decoration: none; }
.newslist_img .title a:hover { color: #cc0000; text-decoration: underline; }
.newslist_img .desrciption { font-size: 12px; color: #999; line-height: 25px; height: 50px; overflow: hidden; margin-top: 10px; }
.newslist_img .fileinfo { font-size: 12px; color: #999; line-height: 20px; margin-top: 10px; }
.newslist_img .fileinfo span { color: #666; padding-right: 15px; }

/*视频ul列表样式01*/
.video_list01 { padding: 0px; margin-left: -35px; margin-top: 20px; }
.video_list01 li { float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 8px; width: 280px; background-color: white; margin-left: 35px; margin-bottom: 30px; }
.video_list01 li:hover { box-shadow: 0px 0px 3px #ccc; }
.video_list01 .images img { width: 280px; height: 210px; }
.video_list01 .info .title { line-height: 32px; height: 32px; overflow: hidden; }
.video_list01 .info .title a { font-size: 14px; text-decoration: none; color: #333; }
.video_list01 .info .title a:hover { text-decoration: underline; }
.video_list01 .info .desrciption { font-size: 12px; color: #999; line-height: 18px; height: 18px; overflow: hidden; }

/*产品UL列表样式*/
.product_list01 { margin: 0px 0px 0px -25px; padding: 0; }
.product_list01 li { background-color: white; text-align: center; width: 310px; overflow: hidden; float: left; margin: 0px 0px 30px 25px; padding: 0px; border: solid 1px #ebebeb; transition: all 0.3s ease 0s;}
.product_list01 li:hover { box-shadow: 0px 5px 15px #ddd; box-shadow: 0px 5px 15px #999;transform: scale(1.1);}
.product_list01 li .thumb { background-color: white; }
.product_list01 li .thumb img { width: 300px; height: 300px; margin-top: 10px; margin-bottom: 10px; }
.product_list01 li .product_name { height: 48px; overflow: hidden; padding-left: 8px; border-top: 1px solid #ebebeb; }
.product_list01 li .product_name .name { word-break: break-all; }
.product_list01 li .product_name a { color: #666; font-size: 14px; line-height: 48px; text-decoration: none; }
.product_list01 li:hover a { color: #cc0000; }
.product_list01 li .product_name a:hover { color: #cc0000; }

/*图片UL列表样式*/
.photo_list01 { margin: 0 0 0 -45px; padding: 0; }
.photo_list01 li { text-align: center; width: 284px; overflow: hidden; float: left; margin: 10px 0px 30px 45px; border: solid 1px #ebebeb; background-color: white;padding: 8px; transition: all 0.3s ease 0s;}
.photo_list01 li:hover { box-shadow: 0px 5px 15px #999;transform: scale(1.1);}
.photo_list01 li img { width: 284px; height: 213px; }
.photo_list01 li .title { height: 40px; overflow: hidden; }
.photo_list01 li .title a { color: #666; font-size: 14px; line-height: 40px; text-decoration: none; word-break: break-all; }
.photo_list01 li .title a:hover { color: #c10202; }


/*图片UL列表样式*/
.photo_list02 { margin: 0 0 0 -32px; padding: 0; }
.photo_list02 li { text-align: center; padding: 10px; overflow: hidden;width: 190px; float: left; margin: 10px 0px 30px 32px; border: solid 1px #ebebeb; background-color: white; }
.photo_list02 li:hover { box-shadow: 0px  0px 0px 3px #69439A; }
.photo_list02 li img { width: 180px; height: 240px; }
.photo_list02 li .title { height: 32px; overflow: hidden; }
.photo_list02 li .title a { color: #666; font-size: 14px; line-height: 32px; text-decoration: none; word-break: break-all; }
.photo_list02 li .title a:hover { color: #c10202; }


/*guestbook style*/
.guestbook_list dl { border: 1px solid #ebebeb; margin: 10px 0px 10px 0px; padding: 10px; }
.guestbook_list dt { border-bottom: 1px solid #ebebeb; font-size: 16px; line-height: 30px; }
.guestbook_list dt span { color: #999; font-weight: normal; font-size: 12px; float: right; }
.guestbook_list dd { font-size: 14px; }
.guestbook_list dd.g_content { color: #555; padding: 10px; }
.guestbook_list dd.reply_content { padding: 10px; background-color: #FFF9F7; margin-top: 5px; color: #FF4D4D; }
.post_box { border: 1px solid #ebebeb; }
.post_box h5 { color: #333; font-size: 18px; font-weight: normal; line-height: 30px; border-bottom: 1px solid #ebebeb; padding: 10px; font-family: "MicroSoft YaHei", "SimHei"; }
.post_box h5 i { padding: 0px 10px 0px 10px; }
.post_box .table_form { margin: 20px 0px 20px 0px; }
.post_box td { padding: 4px 0px 4px 0px; }
.post_box input,
textarea { padding: 2px 5px 2px 5px; font-size: 16px; line-height: 22px; border: 1px solid #ebebeb; }
.post_box .submit { background-color: #69439A; color: white; font-style: 14px; padding: 5px 45px 5px 45px; }
.post_box .reset { background-color: #000000; color: white; font-style: 14px; padding: 5px 45px 5px 45px; }
/*pages nav style*/
#pages { padding: 10px 0; text-align: left; clear: both; margin-top: 10px; text-align: center; margin-bottom: 50px; }
#pages a { display: inline-block;border-radius: 5px; padding: 5px 20px; height: 22px; font-size: 14px; line-height: 22px; background: #fff; border: solid 1px #e3e3e3; text-align: center; color: #333; margin-right: 3px; margin-left: 3px; text-decoration: none; }
#pages a.a1 { padding: 5px 20px; height: 22px; line-height: 22px; margin-top: 0px; }
#pages a:hover { background: #69439A; color: #fff; text-decoration: none; }
#pages span { font-size: 14px; display: inline-block; border-radius: 5px;padding: 5px 20px; height: 22px; line-height: 22px; background: #69439A; color: #fff; text-align: center; margin-right: 3px; margin-left: 3px; border: solid 1px #69439A; }
.page .noPage { display: inline-block; padding: 4px 19px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
/*kefu style*/
.kefu { color: #333; width: 99px; height: 60px; position: absolute; top: 0; }
.kefu .kftop { background-image: url(../images/kefu_top.gif); background-repeat: no-repeat; height: 50px; }
.kefu .kfbottom { background-image: url(../images/kefu_bottom.gif); background-repeat: no-repeat; height: 14px; }
.kefu .kfbox { border-left: 1px solid #e8dcdb; border-right: 1px solid #e8dcdb; overflow: hidden; zoom: 1; padding: 1px; background: #fff; color: #d3d3d3; line-height: 26px; }
.kefu .kfbox ul { padding-right: 6px; padding-left: 3px; }
.kefu .kfbox ul li { color: #333; font-size: 14px; }
.kefu .kfbox ul li.tit { color: #800000; font-size: 12px; }
.kefu .kfbox ul li img { vertical-align: middle; }
/*上一个、下一个*/
.prev_next { font-size: 16px; color: #999; line-height: 40px; text-align: center; border-top: 1px solid #ebebeb; margin-bottom: 60px; }
.prev_next .prev { padding-right: 20px; }
.prev_next .next { padding-left: 20px; }
.prev_next a { color: #333; }
