@charset "utf-8";
body{font-size:14px;font-family:"Microsoft Yahei",arial,宋体,simsun; color:#5f5f5f; margin:0px; padding:0px; line-height:28px;} 
p,h1,h2,h3,h4,h5,h6,ul,li,dl,dd,dt,form{list-style:none; padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6{font-size:18px;}
img{border:none;}
a:link{ color:#5f5f5f; text-decoration:none;}
a:visited{ color:#6e6e6e;text-decoration:none;}
a:hover{/* color:#465da5; */text-decoration:none;}
a:active{color:#6e6e6e;text-decoration:none;}
.clear{clear:both;}
i{font-style:normal;} 

.page_web{max-width: 1194px; margin: 0 auto;overflow:hidden;}
.based{line-height:46px;border-bottom:1px solid #f1f1f1;text-indent:10px;}
.banner{width:100%;background:#f3f3f3}
.banner img{width:98%;min-height:100px;}
.div_line{width:100%;height:50px;overflow:hidden;}
nav,.page_top{height:36px;background-color:#3e3d40;position: relative;white-space:nowrap;text-align:right;}
.page_top{max-width: 1194px; margin: 0 auto;line-height:36px;}
.webtitle{display: inline-block;float: left;white-space: nowrap;color: #bbb;margin-left:15px;}
.webnav{display:block;}
.webnav span.webico{display:none;}
.webnav ul li{display: inline-block;}
.webnav ul li a {color: #f3f3f3;cursor: pointer;text-decoration: none;padding:0 10px;}
.webnav ul li a:hover{color:#737375;}
.webnav ul li:after{content: "|";color: #737375;}
.webnav ul li:last-of-type:after {content: "";margin-right:15px;}

header,.header{height:72px;margin:10px 0 0 0;padding-bottom:10px;border-bottom:1px solid #d5d6d87d;}
.header,.menucontent{max-width: 1194px; height:100%;margin: 0 auto;}
.logo{margin-left:15px;float:left;}
.menu{float:right;margin-right:15px;}
.menu ul li{float:left;font-size:16px;line-height:78px;}
.menu ul li a{padding:0 10px;color:#3e3d40;}
.menu ul li:after{content: "|";color: #cecece;}
.menu ul li:last-of-type:after {content: "";}
.menu ul li:hover{border-bottom:4px solid #465da5;}
.menu ul li:hover a{color: #465da5;}
#show{display:none;background:#fff;margin-top:5px;position:relative;z-index:999;}
.menu ul li:hover #show{display:block;position:absolute;width:100%;left:0;border-bottom:1px solid #cecece;box-shadow: 0 3px 4px 0 #f3f3f38c;}
.menu_about,.menu_list{width:30%;height:90%;margin:30px 10px;line-height:26px;float:left;}
.menu_about h3,.menu_list h3,.menu_recommend h3{margin:10px 0;font-size:16px;}
.menu_about h3:after,.menu_list h3:after,.menu_recommend h3:after{content:"_";color:#fff;background: url(../images/top_ico.png) -12px -223px no-repeat;}
.menu_about p{margin:0 10px;}
.menu_about a.menu_more{float:right;margin-top:15px;}
.menu_list{width:33%;position:relative;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;}
.menu_list div.categorylist{margin:10px 0;}
.menu_list div.categorylist div{overflow:hidden;display:none;position:absolute;top:35px;left:150px;}
.menu_list div.categorylist:hover div{display:block;}
.menu_list div.categorylist:hover:after{content:"__";margin-left:-10px;color:#fff;background: url(../images/top_ico.png) -5px -260px no-repeat;}
.menu_list div.categorylist:hover div a{display:block;margin:10px 0;color:#666;}
.menu_list div.categorylist div.categorylist:after{content:"";}
.menu_recommend{width:30%;height:90%;margin:30px 10px;line-height:26px;float:left;}
.menu_recommend p{padding:10px;}

/*index banner*/
#wrapper { width: 100%; overflow: hidden; background:#FFF;  }
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; height:auto; display: block;}
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi { position: absolute; left: 0; bottom:5%; text-align: center; width: 100%; }
.swipe #pagenavi a {width: 16px;height:16px;opacity:0.8;line-height: 99em;background:#ccc;border-radius:50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin:0 10px;overflow: hidden;cursor: pointer;display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background: #2b8aeb; }


/*index page*/
.iabout{margin:40px 10px;overflow:hidden;}
.iabout_img{width:35%;float:left;}
.iabout_img img{width:100%;}
.iabout_text{width:60%;text-indent:30px;float:right;margin-right:10px;overflow:hidden;}
.index_about_nav{width:60%;float:right;margin-right:10px;margin-top:-78px;height:30px;background:#f7f7f7;border:1px solid #ddd;line-height:30px;text-align:center;}
.index_about_nav ul li{float:left;}
.index_about_nav ul li a{padding:0 20px;border-left:1px solid #ddd;color:#666;}
.index_about_nav ul li:first-child a{border:0;}

.inews{background:#f7f7f7;overflow:hidden;padding:40px 0;}
.inews_title{width:250px;margin:0 auto;line-height:65px;border:1px solid #ccc;border-left:0;border-right:0;text-align:center;}
.inews_title h3{font-size:32px;}
.inews_list{margin:40px 0;}
.inews_list ul li{width:30%;float:left;margin-left:3%;overflow: hidden;}
.inews_list ul li img{width:100%;transition: all 0.6s;}
.inews_list ul li img:hover{transform: scale(1.2);}
.inews_list ul li h2{width:100%;position:relative;z-index:999;background:#f7f7f7;padding-top:10px;line-height:42px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.inews_list ul li span{color:#9c9c9c}
.inews_list ul li p{line-height:22px;margin:10px 0;}

.iservice,.iprogramme,.idown{width:30%;margin: 40px 1.5% 30px 1.5%;float:left;overflow:hidden;}
.iservice img,.iprogramme img ,.idown img{width:100%;transition: all 1.1s;}
.iservice img:hover,.iprogramme img:hover ,.idown img:hover{transform: scale(1.1);}
.radius{width:80%;margin:20px auto;border-radius:50%; overflow:hidden;border:1px solid #bbb;}
.iservice h3,.iprogramme h3 ,.idown h3{width:50%;padding:0 20px;line-height:40px;margin:20px auto;border:1px solid #ccc;border-left:0;border-right:0;text-align:center;}
.iservice p,.iprogramme p ,.idown p{width:82%;margin:0 auto;line-height:26px;}

.hrlist{margin:10px;padding:20px 0;}
.hr{line-height:20px;margin:0 10px;border-bottom:1px solid #ddd;padding:20px 0;}
.hr h3{font-size:18px;line-height:40px;}
.hr div.hrtitle{font-size:16px;line-height:30px;font-weight:bold;}
.hr div.hrcontent{line-height:26px;}

.iproduct_title{background:#f7f7f7;margin:20px 0;padding:20px 0;}
.iproduct_title div{width:250px;margin:10px auto;line-height:65px;border:1px solid #ccc;border-left:0;border-right:0;text-align:center;}
.iproduct_title h3{font-size:32px;}

.iproduct ul li{width:286px;height:286px;margin:10px 10px 0 0;float:left;position:relative;border:1px solid #e4e4e4;}
.iproduct ul li img{width:280px;height:280px;margin:3px;}
.iproduct ul li span{width:25px;height:25px;position:absolute;margin:-45px 240px;display:block;background:url(../images/ipro_ico.png) 2px -40px no-repeat;}
.iproduct ul li:hover span{background:url(../images/pro_ico.png) 2px -40px no-repeat;}
.iproduct ul li.pro_title{text-align:center;line-height:60px;background:#465da5;font-size:22px;font-weight:bold;}
.iproduct ul li.pro_title a{color:#fff;}
.iproduct ul li.pro_title span{width:25px;height:25px;margin:190px 250px;display:block;background:url(../images/pro_ico.png) no-repeat;}
.iproduct ul li h3{width:240px;font-size:18px;position:absolute;top:10px;left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.iproduct ul a{/* color:#465da5; */}


/*article list*/
.page_left{width:26%;float:left;margin:20px 10px;}
.page_left ul{border:1px solid #ddd;border-bottom:none;}
.page_left ul h3{text-indent:10px;line-height:42px;font-size:16px;border-bottom:1px solid #ddd;}
.page_left ul li{line-height:36px;text-indent:10px;padding-right:20px;background:#f2f2f2;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.page_left ul li.current{background:url(../images/link_bg.png) right #f2f2f2 no-repeat;}
.page_left ul li.current a{color:#2b3789;}
.page_left ul li.samll_list{text-indent:20px;background:#ffffff;}
.page_left ul li.scurrent{background:url(../images/link_bg.png) right #fff no-repeat;}
.page_left ul li.scurrent a{color:#2b3789;}

.page_left ul.newslink h3{background:#f2f2f2;}
.page_left ul.newslink li{background:#fff;}
.page_left ul.newslink li.current{background:url(../images/link_bg.png) right no-repeat;}
.page_left ul.newslist{border:none;margin-top:20px;}
.page_left ul.newslist h3{border-bottom:2px solid #bbb;color:#5f5f5f;}
.page_left ul.newslist li{background:none;border-bottom:1px dashed #ddd;}
.page_left ul.newslist li:last-child{border-bottom:none;}
.article_list{overflow:hidden;}
.article_list ul li:first-child{padding-top:10px;}
.article_list ul li{padding:25px 15px;border-bottom:1px solid #ddd;}
.article_list ul li h2{line-height:42px;text-align:right;font-size:12px;font-weight:normal;color:#9c9c9c;}
.article_list ul li h2 a{float:left;font-size:16px;font-weight:bold;}


.article_title {text-align:center;}
.article_title h1{line-height:68px;font-size:20px;}
.article_content{margin-top:50px;line-height:24px;color:#555;padding:0 10px;}
.article_next{border-top:1px solid #ddd;margin: 20px 0 40px 0;padding-top:20px;color:#737375;}
.article_next a{color:#737375}

/*detail page*/
.link_list{height:36px;background: #f7f7f7;border: 1px solid #ddd;text-align:center;}
.link_list ul{margin:0 1%;}
.link_list ul li{line-height:36px;float:left;padding:0 2%;font-size:14px;}
.link_list ul li.current{position:relative;line-height:20px;top:3px;z-index:2;background:#FFF;border:1px solid #ddd;border-bottom:0;}
.link_list ul li.current a{display:block;padding:5px 0 8px 0;color:#465da5;}

.detail_content{padding:10px;overflow:hidden;}
.detail_content h1{width:100%;text-align:center;line-height:90px;}
.text_content{min-height:500px;overflow:hidden;font-size:16px;line-height:36px;}

/*product list*/
.product_list{margin:20px 0px;}
.pro_list{margin:40px 0px;padding-bottom:80px;border-bottom:1px solid #e4e4e4;}
.pro_list_box{padding:0 10px;}
.pro_list_box h2{width:100%;font-size:22px;font-weight:400;line-height:90px;}
.pro_list_sbox{width:100%;margin:10px 0;padding-bottom:10px;}
.pro_list_sbox ul{overflow:hidden;}
.pro_list_sbox ul li{width:286px;height:286px;margin:10px 10px 0 0;float:left;position:relative;border:1px solid #e4e4e4;}
.pro_list_sbox ul li img{width:280px;height:280px;margin:3px;}
.pro_list_sbox ul li span{width:25px;height:25px;position:absolute;margin:-45px 240px;display:block;background:url(../images/pro_ico.png) 2px -40px no-repeat;}
.pro_list_sbox ul li.pro_title{text-align:center;line-height:60px;background:#465da5;font-size:22px;font-weight:bold;}
.pro_list_sbox ul li.pro_title a{color:#fff;}
.pro_list_sbox ul li.pro_title span{width:25px;height:25px;margin:190px 250px;display:block;background:url(../images/pro_ico.png) no-repeat;}
.pro_list_sbox ul li h3{width:240px;font-size:18px;position:absolute;top:10px;left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro_list_sbox ul a{color:#465da5;}

/*product detail*/
.product_info{width:100%;margin:10px auto;overflow:hidden;}
.product_pic{width:78%;margin:0 10px;float:left;}
.product_pic h1{margin:40px 0;font-size:26px;}
.product_pic span.info_img{width:100%;background:#FFF;display:block;border:1px solid #ddd;overflow:hidden;}
.product_pic span.info_img img{width:99%;padding:0.5%;}
.product_pic span.other{display:block;float:left;background:#fff;width:10%;margin-top:15px;margin-right:20px;border:1px solid #ddd;}
.product_pic span.other img{width:98%;padding:1%;}
.s_product_img{text-align:center;margin-top:-27px;}
.s_product_img #view_img{width:50%;}

.product_right{width:18%;float:right;margin-right:10px;overflow:hidden;}
.product_class{margin-top:80px;}
.product_class ul{border:1px solid #f2f2f2;}
.product_class ul h3{line-height:36px;margin-bottom:10px;text-indent:10px;background:#eaebec;border:1px solid #ddd;}
.product_class ul li{text-align:center;margin-bottom:10px;}
.product_class ul li img{width:65%;border:1px solid #ddd;padding:5px;}
.product_class ul li span{display:block;width:80%;margin:0 auto;overflow:hidden;line-height:22px;font-size:12px;text-overflow:ellipsis;white-space: nowrap;}

.page_content{width:98%;padding:20px 10px 50px 10px;overflow:hidden;}
.page_content h3.title{font-size:22px;line-height:36px;margin:20px 0;border-bottom:1px solid #ddd;}
.page_content h3.title span{position:relative;background:#FFF;top:2px;z-index:2;margin-left:10px;display:block;border:1px solid #ddd;border-bottom:1px solid #FFF;width:120px;text-align:center;}



/*down list*/
.page_right{width:70%;float:right;}
.down_list{margin:20px 0;}
.down_list ul li{margin:5px 0;padding:0 10px;overflow:hidden;border-bottom:1px solid #ddd;}
.down_list ul li.title{margin-top:-15px;font-weight:bold;}
.down_list ul li.title p.downurl{background:none;}
.down_list ul li.title p.title{color:#5f5f5f;;}
.down_list ul li p{float:left;margin:10px 0 20px 0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.down_list ul li p.title{width:80%;font-weight:bold;/* color:#5f6cc5; */}
.down_list ul li p.filesize{width:10%;text-align:center;}
.down_list ul li p.downurl{width:5%;margin-left:5%;height:30px;text-align:right;background:url(../images/down.png) 18px 5px no-repeat;}
.pagecode{text-align:center;padding:10px 0px;margin: 20px 0;}
.pagecode a{display:inline-block;  padding:0px 10px; background:#f2f2f2; margin:0px 5px;}
.pagecode a.on,.pagecode a:hover{background:#2d3780; color:#fff; padding:0px 10px; border-radius:3px;}

.page_right form{margin-top:30px;}
.page_right dl{padding:25px 0px; padding-left:150px; }
.page_right dl dt{width:15%; margin-left:-150px; text-align:right; float:left; line-height:30px;}
.page_right dl dd input[type='text']{ border:1px solid #ebebeb;  width:35%; height:30px; padding:0px 5px;}
.page_right dl dd textarea{border:1px solid #ebebeb; padding:5px 8px;  font-family:Microsoft Yahei; line-height:24px; color:#666;}
.page_right dl dd .button_w1{background:#2b8aeb; color:#fff; border:none; border-radius:3px; width:15%; line-height:35px;  font-size:14px; margin-top:10px; cursor:pointer;}
.page_right dl dd .button_w2{background:#ebebeb;  color:#666; border:none; border-radius:3px; width:15%; line-height:35px;  font-size:14px; margin-top:10px;cursor:pointer;}

.page_footer{width:100%;background:#ddd;overflow:hidden;}
.weblink{background:#4c4b4b;}
.weblink p{text-align:center;line-height:36px;}
.weblink p a{margin:0 18px;color:#dadada;}
.wfooter{margin:30px auto;}
.qrcode{margin-right:50px;margin-bottom:20px;width:200px;text-align:center;height:210px;background:url('../images/ma.png') center 30px #fff no-repeat;float:left;}
.copyright{text-align:center;}
.custom p{height:22px;line-height:22px;}