﻿@charset "utf-8";
/* CSS Document */
/**全局**/
*{ margin:0px; padding:0px;}
div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0; }
body{margin:0px; padding:0px; font-size:14px; color:#333;font-family:"微软雅黑",Arial, Helvetica, sans-serif,"宋体";background:#fff;}
ul,li{list-style:none;}
.clear{clear:both;}
a{color:#333;text-decoration:none;}
a:hover{color:#ff9f29;text-decoration:none;}
img{border:none;}
hr{line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
div{margin:0px auto;}
.f_l{ float:left;}
.f_r{ float:right;}
input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;}
.blank{width:100%;height:10px;clear:both;overflow:hidden;}
.blank20{width:100%;height:20px;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.hide{display:none;}
.red{color:#f00;}
.blue{color:#00f;}
.gray{color:#ccc;}
.noInfo{width:100%;float:left;padding:10px 0; text-align:center;}
.input_submit{width:77px;height:41px;float:left;background:url(../images/search.png) no-repeat left top; text-align:center;line-height:41px; color:#fff; border:0px; cursor:pointer;}
.float_bg{background:url(../images/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;}
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list span{float:left;width:80px;}
.block{width:1000px;margin:0 auto;}



/*all*/
.main{float:left;width:100%;float:left;padding:30px 0;}
.main_top{float:left;width:100%;height:113px;text-align:center;background:url(../pic/main_top_bg.jpg) repeat-x center;}
.main_top h3{display:inline-block;font-size:28px;color:#ff9f29;line-height:113px;padding:0 13px;background:#fff url(../pic/main_top.png) no-repeat center top;}
.main_top h3 a{color:#ff9f29;}
.main_list{float:left;width:100%;text-align:center;}
.main_list ul{float:left;width:100%;list-style-type:none;margin-bottom:25px;}
.main_list ul li{display:inline-block;margin:0 5px 10px 5px;overflow:hidden;cursor:pointer;}
.main_list ul li a{display:inline-block;height:40px;line-height:40px;padding:0 16px;font-size:14px;color:#666666;background:#ecf0f3;overflow:hidden;
    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
}
.main_list ul li .current,.main_list ul li a:hover{background:#ff9f29;color:#fff;}

.main_top,.main_list{display:none;}

.bag_top{float:left;width:100%;height:55px;line-height:55px;background:url(../pic/bag_top.jpg) no-repeat left center;padding-left:25px;border-bottom:1px solid #dee7ec;margin-bottom:8px;}
.bag_top li,.bag_top li a{font-size:14px;color:#666;display:inline-block;margin:0 3px;}


/**顶部**/
#header{width:100%;float:left;}
#logo{float:left;}
#logo img{height:110px;}
#header_right{float:right;}
#tel{float:right;margin-top:14px;height:50px;padding-left:90px;background:url(../pic/tel.jpg) no-repeat left center;}
#tel .span1{display:block;font-size:14px;line-height:26px;color:#ff9704;}
#tel .span2{display:block;font-size:24px;line-height:24px;color:#006aac;font-weight:bold;}
.version{padding-top:10px;text-align:right;}
.version a{display:inline-block;padding:2px 4px;border:1px solid #ccc;margin-left:6px;}
.version a.ver-cn{color:red;}
.version a.ver-en{color:#337ab7;}
.container{padding-left:10px;padding-right:10px;}
/*end*/

/*menu*/
#navigate2{display:none;}
#navigate,#navigate2{float:left;width:100%;height:40px;background:#006aac;}
#navigate ul li,#navigate2 ul li{float:left;height:40px;width:100px;text-align:center;margin-right:47px;position:relative;overflow:hidden;}
#navigate ul li.first_menu,#navigate2 ul li.first_menu{ background:none;}
#navigate ul li.last_menu,#navigate2 ul li.last_menu{margin-right:0;}
#navigate ul li a,#navigate2 ul li a{display:block;width:100%;height:40px;line-height:40px;font-size:16px;color:#fff;position:absolute;z-index:2;}
#navigate ul li .current,#navigate2 ul li .current{background:#ff9f29;}

/* jq特效 */

#navigate ul li::after,#navigate2 ul li::after {
	content: '';
	position: absolute;
	z-index:1;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	background: #ff9f29;
	-webkit-transform: translate3d(101%,0,0);
	transform: translate3d(-101%,0,0);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

#navigate ul li:hover::after,#navigate2 ul li:hover::after{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}




/*end*/

/*mobile menu*/
.mobile_menu{display:none;}
.menu_btn{ display:block; height:28px; width:40px; position:absolute; right:0px; top:15px; z-index:999;}
.menu_btn i{height:2px; width:30px; background:#016AAC; display:block; position:absolute; top:15px; display:inline-block; transition: all 0.3s ease-out;}
.menu_btn i:before{ content:""; display:block; background:#016AAC; width:30px; height:2px;position:absolute; top:-6px;transition:all 0.3s ease-out;}
.menu_btn i:after{ content:""; display:block; background:#016AAC; width:30px; height:2px;position:absolute; top:6px;transition:all 0.3s ease-out;}
.menu_btn i.ccc{background:#666;z-index:999;}
.menu_btn i.ccc:before{background:#666;}
.menu_btn i.ccc:after{background:#666;}

.menu_btn:hover i:before{ top:-10px;}
.menu_btn:hover i:after{ top:10px;}

.menu_btn:hover i.open:before{ top:-6px;}
.menu_btn:hover i.open:after{ top:6px;}

i.open{ background:transparent;}
i.open:before{ background:#666;transform: translateY(6px) rotateZ(45deg);width:20px;
-ms-transform: translateY(6px) rotateZ(45deg); 	/* IE 9 */
-moz-transform: translateY(6px) rotateZ(45deg); 	/* Firefox */
-webkit-transform: translateY(6px) rotateZ(45deg); /* Safari 和 Chrome */
-o-transform: translateY(-6px) rotateZ(45deg); 	/* Opera */}
i.open:after{ background:#666;transform: translateY(-6px) rotateZ(-45deg);width:20px;
-ms-transform: translateY(-6px) rotateZ(-45deg); 	/* IE 9 */
-moz-transform: translateY(-6px) rotateZ(-45deg); 	/* Firefox */
-webkit-transform: translateY(-6px) rotateZ(-45deg); /* Safari 和 Chrome */
-o-transform: translateY(-6px) rotateZ(-45deg); 	/* Opera */}

#menu{ position:absolute;width:160px; background:rgba(255,255,255,0.8);z-index:2;right:0;top:0;transition:all 0.3s ease-out;}
#menu.open_menu{right:0!important; display:block !important; }
#menu ul{padding: 20px 0px 10px 40px;}
#menu  ul li a{font-size:14px;line-height:30px;}

/*手机底部导航*/
#toolbar2{ display:none;}

/*toolbar*/
#toolbar{width:60px;position:fixed;right:0px;top:50%;margin-top:-170px;z-index:1000000;}
#toolbar ul{}
#toolbar li{width:60px;height:60px;float:left;margin:4px 0px;position:relative;}
#toolbar li .t_item{width:60px;height:60px; background:#006AAC;text-align:center;line-height:60px; display:block; border-radius:5px 0 0 5px; color:#fff; text-decoration:none;position:absolute; left:0px; top:0px; z-index:2;}
#toolbar li a.t_item:hover,#toolbar li a.cur{background:#ff9f29;}

.tool_qq{position:absolute;left:-120px;top:0px;width:122px;padding:0 10px 0 0; display:none;}
.tool_qq_con{width:120px;padding:5px 0;float:left;border:1px solid #006AAC; background:#fff; text-align:center;}
.tool_qq_con div{margin:5px auto;}
.tool_tel{width:150px;height:60px; background:#212021; position:absolute; left:0px; top:0px; line-height:60px;font-size:18px; color:#fff; padding:0 0 0 10px; white-space:nowrap;border-radius:5px 0 0 5px; }
.tool_tel a{color:#fff;}
.tool_weixin {position:absolute;top:0px;width:120px;left:-130px; padding:0 10px 0 0; display:none;}
.t_wx_con{width:120px;background:#fff;border:1px solid #006AAC;padding:6px; text-align:center; font-size:14px; line-height:22px;}
.t_wx_con img{width:100px;height:100px;}

.t1 i{width:60px;height:60px;background:url(../pic/u1.png) no-repeat center center; display:block;}
.t2 i{width:60px;height:60px;background:url(../pic/u2.png) no-repeat center center; display:block;}
.t3 i{width:60px;height:60px;background:url(../pic/u3.png) no-repeat center center; display:block;}
.t4 i{width:60px;height:60px;background:url(../pic/u4.png) no-repeat center center; display:block;}
.t5 i{width:60px;height:60px;background:url(../pic/u5.png) no-repeat center center; display:block;}



/*flash*/
#banner{width:100%;float:left;}
#banner img{width:100%; height:auto;margin:0;}
#flash{width:100%;float:left;}
.flash2{display:none;}
.slideBox{ position:relative; overflow:hidden;background:#000;}
.slideBox .bd{position:relative; z-index:0;margin:0 auto; }
.slideBox .bd li{position:relative; text-align:center;  }
.slideBox .bd li img{width:100%;}	
.slideBox .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:12px;line-height:12px;}
.slideBox .hd ul{text-align:center;}
.slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#fff;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
.slideBox .hd ul .on{background:#45b1ff;}

.slideBox .prev{position:absolute; left:10px; top:50%;margin-top:-37.5px; display:block; width:49px; height:75px; background:url(../images/left.png) no-repeat left top; cursor:pointer;}
.slideBox .next{position:absolute; right:10px; top:50%;margin-top:-37.5px; display:block; width:49px; height:75px; background:url(../images/right.png) no-repeat left top; cursor:pointer;}
.slideBox .prev,.slideBox .next{display:none;}
/*end*/

#ibox{float:left;width:100%;margin:33px 0 84px 0;}
/* 公司简介 */
#about{float:left;width:50%;border-right:1px dashed #cde2ee;padding-right:38px;}
#news{float:left;width:50%;padding-left:40px;}
.home_top{float:left;width:100%;height:50px;background:url(../pic/home_top.jpg) repeat-x center;}
.home_top h3,.home_top a{display:block;color:#6b777f;line-height:50px;background:#fff;}
.home_top h3{float:left;padding:0 15px;font-size:24px;margin-left:40px;}
.home_top a{float:right;padding:0 12px;font-size:16px;margin-right:25px;font-weight:500;font-family: arial;}
.home_top a:hover,.pro_top a:hover{color:#ff9f29;}
.about_con{float:left;width:100%;margin:17px 0 0 0;font-size:14px;line-height:30px;color:#585858;}
.about_more{color:#ff9704;}

/* 新闻中心 */
.news_con{float:left;width:100%;margin:17px 0 0 0;}
.news_item{float:left;width:100%;height:36px;line-height:36px;border-bottom:1px dashed #cce1ee;overflow:hidden;background:url(../pic/news_li.jpg) no-repeat left center;padding-left:28px;}
.news_item a{display:block;float:left;font-size:14px;color:#585858;}
.news_item a:hover{color:#ff9f29;}
.news_item span{display:block;float:right;font-size:12px;color:#999999;}
.news_item:last-child{border-bottom:0;}
/* 关于我们图片 */
#index_img{float:left;width:100%;margin:23px 0 0 0;}
.index_img_row{margin-left:-7px;margin-right:-7px;}
.about_img{float:left;width:33.3%;padding:0 7px;}
.about_img img{width:100%;height:auto;}
.about_img span{
	width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #666;
    display: inline-block;
}

/* 产品中心 */
#pro{float:left;width:100%;}
.pro_top_bg{float:left;width:100%;height:136px;background:url(../pic/pro_top_bg.jpg) no-repeat center top;padding-top:50px;}
.pro_top{float:left;width:100%;height:30px;background:url(../pic/pro_top.jpg) repeat-x center;}
.pro_top h3,.pro_top a{display:block;color:#fff;line-height:30px;background:#5db3e8;}
.pro_top h3{float:left;padding:0 5px;font-size:28px;margin-left:40px;}
.pro_top a{float:right;padding:0 8px;font-size:18px;margin-right:25px;font-family: arial;}
.pro_con_bg{float:left;width:100%;background:#f8fcfe url(../pic/pro_bg.jpg) no-repeat center top;padding:70px 0 52px 0;}
.pro_con{float:left;width:100%;}
.pro_con_row{margin-left:-8px;margin-right:-8px;}
.pro_item{float:left;width:20%;padding:0 8px;margin-bottom:5px;cursor:pointer;}
.pro_item_img{float:left;width:100%;height:166px;border:1px solid #d4e6f1;overflow:hidden;}
.pro_item_img img{float:left;width:100%;height:100% !important;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; 
}
.pro_item_title{float:left;width:100%;height:53px;line-height:53px;text-align:center;overflow:hidden;}
.pro_item_title a{font-size:14px;color:#6b777f;}
.pro_item:hover .pro_item_img img{
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
}
.pro_item:hover .pro_item_title a{color:#ff9f29;}

/* 经典案例 */
#case{float:left;width:100%;background:#5db3e8;padding:40px 0 32px 0;box-shadow:0px 2px 5px #cacaca;}
.case_con_row{margin-left:-8px;margin-right:-8px;}
.case_con{float:left;width:100%;margin-top:38px;}
.scrollable{overflow:hidden;position: relative;}
.scrollable ul { padding: 0; _margin-left: -5px !important; list-style: none;overflow: hidden;width: 10000em;}
.scrollable-4col .carousel-direction a {
    top: 130px;
}
.scrollable a.carousel-next {
    right: -50px;
}
.scrollable a.carousel-prev {
    left: -50px;
}
.scrollable .carousel-direction a {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    top: 74px;
    color: #5DB3E8;
    font-size: 22px;
    background-color: rgba(255,255,255,0.7);
    border: 1px solid #fff;
    border-radius: 50%;
    font-family: simsun;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
	z-index: 100;
}
.carousel-direction a {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.carousel-direction a:hover{background-color: rgba(255,255,255,1);}

.case_item{float:left;width:222px;margin:0 8px;}
.case_item_img{float:left;width:100%;border:1px solid #c9e0ef;overflow:hidden;}
.case_item_img img{width:100%;height:178px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; 
}
.case_item_title{float:left;width:100%;height:50px;line-height:50px;overflow:hidden;text-align:center;}
.case_item_title a{font-size:14px;color:#fff;}
.case_item:hover .case_item_img img{
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
}
.case_item:hover .case_item_title a{color:#ff9f29;}


/* 规划设计 */
#plan{float:left;width:100%;padding:35px 0 65px 0;}
.plan_top{background:url(../pic/home_top.jpg) repeat-x center;}
.plan_top h3,.plan_top a{color:#818b92;background:#fff;}
.plan_top a{font-family: arial;}
.plan_con_row{margin-left:-5px;margin-right:-5px;}
.plan_con{float:left;width:100%;margin-top:38px;}
.plan_item{float:left;width:20%;padding:0 5px;margin-bottom:15px;}
.plan_item_img{float:left;width:100%;border:1px solid #fff;overflow:hidden;position:relative;}
.plan_item_img img{width:100%;height:auto;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; 
}
.plan_item_title{min-width:125px;height:36px;line-height:36px;text-align:center;background:rgba(255,255,255,0.85);position:absolute;left:0;bottom:20px;}
.plan_item_title a{font-size:16px;color:#0aa1de;padding:0 5px;}
.plan_item:hover .plan_item_img img{
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	
}
.plan_item:hover .plan_item_title a{color:#ff9f29;}

/* 底部 */
footer{float:left;width:100%;background:#30363a;color:#b1b1b1;}
footer a{color:#b1b1b1;}
#link{float:left;width:100%;border-bottom:1px solid #272b2e;padding:20px 0;}
.link_top{float:left;width:11.6%;height:38px;background:url(../pic/link.jpg) no-repeat left top;}
#link ul{float:left;width:88.4%;margin-top:10px;}
#link ul li{float:left;padding:0 26px;line-height:24px;background:url(../pic/link_li.jpg) no-repeat right center;}
#footer_con{float:left;width:100%;border-top:1px solid #484f54;padding:25px 0;}
.footer_left{float:left;width:50%;}
.footer_right{float:right;width:50%;}
.footer_1{float:left;width:100px;text-align:left;min-height:180px;background:url(../pic/footer_li.jpg) repeat-y right top;}
.footer_2{float:left;width:122px;text-align:center;min-height:180px;background:url(../pic/footer_li.jpg) repeat-y right top;}
.footer_3{float:left;width:360px;text-align:left;padding-left:33px;}
.footer_4{float:left;width:48.6%;}
.footer_5{float:left;width:51.4%;padding-left:33px;}
.footer_top{float:left;width:100%;height:45px;line-height:45px;}
.footer_top,.footer_top a{font-size:16px;color:#fff;font-weight:bold;}
#footer_con ul li{float:left;height:24px;line-height:24px;}
.footer_1 ul li,.footer_2 ul li{width:100%;}
.footer_3 ul li{width:140px;}
.wechat{float:right;margin-top:17px;;border-right:1px dashed #474e53;}
.wechat_title{float:left;width:14px;font-size:14px;line-height:16px;color:#fff;}
.wechat_img{float:left;margin:3px 30px 3px 15px;}
.footer_5 span{float:left;width:100%;line-height:24px;display:block;}

#footer_bottom{float:left;width:100%;padding:8px 0;text-align:center;font-size:14px;line-height:24px;background:#212427;}
.copy_txt{float:left;width:100%;}







#LeftButton{width:24px;height:42px; display: block; background: url(../images/left.png) no-repeat 0px 0px; position:absolute;left:0px; top:55px;}
#RightButton{width:24px;height:42px;display: block; background: url(../images/right.png) no-repeat 0px 0px;position:absolute;left:736px; top:55px;}
#MarqueeDiv{width:692px; float: left; height:152px;overflow: hidden;margin:0 0 0 34px;display:inline;}
#MarqueeDiv img{margin-right:10px; height:150px; width:150px;}
/*end*/


/*left*/
#left{width:260px;float:left;background:#00a0ea;}
.left_list{width:100%;float:left;}
.left_top{width:100%;height:88px;line-height:88px;float:left;}
.left_top h3{line-height:88px;font-size:24px;color: #FFF;text-align:center;}
.left_con{float:left;width:100%;padding:0 10px 10px 10px;}
.type_list{width:100%;float:left;}
.type_list ul{margin:0px;padding:0px;list-style-type:none;}
.type_list li{margin:0px;padding:0px;list-style-type:none;width:100%;height:50px;line-height:50px;background:#fff;overflow:hidden;margin:0 0 10px 0;}
.type_list li a{font-size:14px;color:#666;text-indent:15px; display:block;}
.type_list li a:hover{color:#ff9f29;}
.type_list li a.current{color:#ff9f29;}
.type_list li.second_cat{}
.type_list li.second_cat a{}
.type_list li.second_cat a:hover{}
.type_list li.second_cat a.current{}
.type_list li:last-child{margin:0;}

.left_top2{width:100%;height:60px;line-height:60px;float:left;background:url(../pic/pro_top.jpg) repeat-x center;text-align:center;}
.left_top2 h3{display:inline-block;font-size:18px;color:#fff;padding:0 8px;background:#00a0ea;}
.left_con2{width:100%;float:left;background:#fff;padding:12px;font-size:12px;line-height:24px;color:#666;}
/*end*/

/*right*/
#right{width:885px;float:right;}
#right_con{width:100%;float:left;padding:10px 0 0 0;line-height:200%;/* overflow-x:hidden; */min-height:300px;height:auto !important;height:300px;}
#right_con img{max-width:100%;height:auto;}
/*end*/

/*demo*/
#demo {overflow:hidden;width:900px;height:145px;margin:35px 0 0 10px;float:left; display:inline;}
#cdemo {overflow:hidden;width:900px;}
#demo img {}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/*end*/

/*link*/
.friendlink{padding-top:12px;}
.friendlink li{float:left;width:242px;}
.friendlink li.txt1{padding:3px 0px 3px 24px;background:url(images/dot.gif) no-repeat 10px center;}
.friendlink li.pic1{padding:3px 0 3px 8px;}
.friendlink li.pic1 img{width:240px;height:65px;}

.link{width:100%;padding:50px 0;float:left;}
.link_txt{width:100%;float:left; text-align:center;margin:20px 0 0 0;}
.link_txt ul{margin:0px;padding:0px;list-style-type:none;}
.link_txt li{margin:0px;padding:0 10px;list-style-type:none; display:inline-block;line-height:25px;}
.link_txt li a{font-size:14px;color:#df011a;}
.link_txt li span{font-size:16px;}

.link_img{width:100%;float:left;text-align:center;margin:20px 0 0 0;}
.link_img ul{margin:0px;padding:0px;list-style-type:none;}
.link_img li{margin:0px;padding:0px;list-style-type:none; display:inline;}
.link_img li img{height:150px;}
/*end*/
	 
/*news*/
.art_list{width:100%;float:left;padding:15px 0;border-bottom:1px dashed #cce1ee;}
.art_list:nth-child(1){padding-top:0;}
.art_list:last-child{border-bottom:0;}
.art_img{float:left;width:20%;}
.art_img img{width:100%;border:1px solid #cce1ee;}
.art_right{float:right;width:78%;}
.art_title{width:100%;height:25px;line-height:25px;overflow:hidden;}
.art_title a{font-size:16px;color:#333;text-decoration:underline;}
.art_author{width:100%;height:20px;line-height:20px;color:#999;margin-top:10px;}
.art_author span{margin:0 20px 0 0;}
.art_des{color:#666;line-height:20px;letter-spacing: 1px; text-indent: 30px;margin-top:10px;max-height:60px;overflow:hidden;}
.art_desc_more{color:#ff9f29;margin-left:5px;}
.art_list:hover .art_title a{color:#ff9f29;}
.art_list:hover{border-bottom:1px dashed #ff9f29;}


.articleList{width:100%;float:left;}
.articleList ul{margin:0px;padding:0px;list-style-type:none;}
.articleList li{margin:0px;padding:0 0 0 10px;list-style-type:none;border-bottom:1px dotted #ccc;background:url(../images/li_0.png) no-repeat left center;line-height:35px;}
.time{float:right;}
.articleTitle{ font-weight:bold; font-size:18px; text-align:center;}
.articleAuthor{text-align:center; padding:7px 0px;border-bottom:1px dotted #ccc;}
.articleAuthor span{ margin:0px 6px; font-size:9pt;}
.articleInfo{width:100%;padding:10px 0; line-height:200%;}
.articleInfo img{max-width:100%;}
.pageUpDown{padding-top:10px;text-align: left;line-height:30px;}


/*end*/

/*Product*/
.productList{/*width:100%;float:left;*/}
.pro_list{ text-align:center; margin:10px auto;}
.pro_img img{ width:100%;}
.pro_title{width:100%;height:25px;line-height:25px; overflow:hidden;}
.productTitle{line-height:35px;font-weight:bold; text-align:center; font-size:18px;}
.productImg{width:100%;text-align:center;float:left;margin:10px auto;}
.productImg img{max-width:100%;border:1px solid #d4e6f1;}
.productBuy{width:100%;text-align:center;float:left;margin:10px auto;}
.productBuy a{margin:0 10px;}

.title{width:100%;float:left;margin:10px 0 0 0;border-bottom:1px dotted #ccc;line-height:35px;}
.title span{font-size:16px;font-weight:bold;}
.productDesc{ line-height:200%;padding:10px 0;width:100%;float:left;}
.relative_item_con{margin-left:-10px;margin-right:-10px;}
.relative_item{width:25%;padding:0 10px;}

/*end*/

/*page*/
.pages{ font-size:12px;text-align:center; padding:10px 0px 10px 0px;}
.pages li{ display:inline-block;}
.pages a{font-size:12px;padding:5px 10px;background:#ecf0f3;margin:0 6px;color:#666666;}
.pages a:hover{background:#ff9f29;color:#fff;}
.pages li.active a{background:#ff9f29;color:#fff;}
.pages select{ vertical-align:middle; font-size:8pt; padding:0px; }
.pages b{ font-weight:normal;}
/*end*/

/*feedback*/
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list .fl_l{float:left;width:20%;text-align:right;}
.f_list .fl_r{float:left;width:80%;}
.input_text{width:90%;border:1px solid #ccc; line-height:24px;
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  }
.w100{width:100px;}
/*end */
@media screen and (min-width: 992px){
	.pro_item2{width:25%;}
}
@media screen and (max-width: 1200px){
	#navigate ul li{width:75px;}
	#navigate ul li a{font-size:14px;}
	.footer_left,.footer_right{width:100%;}
	#left{width:240px;}
	#right{width:700px;}

}
@media screen and (max-width: 992px){
	#logo img {height: 80px;}
	#tel{margin-top: 0px;height:40px;background-size:contain;padding-left:70px;}
	#tel .span1{font-size:12px;line-height:20px;}
	#tel .span2{font-size:16px;line-height:20px;}
	#navigate ul li{margin-right:20px;}
	#navigate ul li a{font-size:14px;}
	.scrollable a.carousel-next {
    right: 5px;
	}
	.scrollable a.carousel-prev {
	left: 5px;
	}
	#about{width:100%;border-right:0;padding-right:0;}
	#news{width:100%;padding-left:0;margin-top:10px;}
	.pro_item{width:50%;}
	.plan_item{width:50%;}
	.plan_item:last-child{display:none;}
	#right_con{ min-height:auto;}
	.art_author{display:none;}
	.art_right{height:auto;border-bottom:0;}
	.art_list{border-bottom: 1px dashed #cce1ee;}
	#left,.bag_top{display:none;}
	#right{width:100%;}
	.main_top,.main_list{display:block;}
}

@media screen and (max-width: 760px){
	#header_right .version{padding-top:18px;}
	#header_right #tel{display:none;}
	#logo{margin:0px auto;}
	#logo img{height:60px;}
	
	#navigate{display:none;}
	#navigate2{display:block;height:80px;background:#2E91D1 url(../pic/main_top_bg.jpg) repeat-x center;}
	#navigate2 ul li{width:25%;margin-right:0;border-right:1px solid #CDE0EE;}
	#navigate2 ul li:nth-child(4n){border-right:0;}
	#navigate2 ul li a{font-size:14px;}
	.slideBox .prev,.slideBox .next{ display:none;}
	.mobile_menu{display:none;}
	#link,#footer_con{display:none;}
	
	.art_img{width:30%;}
	.art_right{width:68%;}
	

}

@media screen and (max-width: 480px){
	#header_right .version{padding-top:18px;}
	.flash1{display:none;}
	.flash2{display:block;}
	.slideBox .bd li{height:180px;}
	#banner{overflow:hidden;}
	#banner img{width:auto;height:120px;}
	#logo{text-align:center;/*float:none;*/}

	
	#logo img {height: 50px; margin: 5px 0;}
	#ibox{ margin: 25px 0 30px 0;}
	.about_con,.news_con{margin:0;}
	.about_more{display:none;}
	.news_item span{display:none;}
	.pro_top_bg{height:60px;background-size:300% 60px;padding-top:15px;}
	.pro_con_bg{padding: 25px 0 30px 0;}
	#case{padding:30px 0 20px 0;}
	.case_con{margin-top:28px;}
	.plan_con{margin-top:28px;}
	.plan_item_title a{font-size:14px;}
	.home_top h3,.pro_top h3{font-size:16px;margin-left:10px;padding:0 8px;}
	.home_top a,.pro_top a{font-size:14px;margin-right:10px;padding:0 8px;}
	
	.main{padding:0 0 30px 0;}
	.main_top h3{font-size:20px;background-size:contain;background-position-y: 10px;line-height:100px;}
	.main_top{height:100px;}
	.main_list ul li a{width:130px;height:35px;line-height:35px;padding:0 3px;}
	.main_list ul{margin-bottom:10px;}
	.art_title a{font-size:14px;}
	.art_des{height:40px;margin-top:5px;text-indent:0;}
	/*手机底部导航*/
	.blank55{width:100%;height:55px;clear:both;overflow:hidden;}
	#toolbar2{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:8;background:#2E91D1; display:block;}
	#toolbar2 a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}
	#toolbar2 a span{ font-size:22px; display:block;}
	/*toolbar*/
	#toolbar{display:none;width:40px;}
	#toolbar li{width:40px;height:40px;}
	#toolbar li .t_item{width:40px;height:40px;line-height:40px;}
	.tool_tel{height:40px;line-height:40px;font-size:16px;text-align:center;}
	.t1 i,.t2 i,.t3 i,.t4 i,.t5 i{width:40px;height:40px;}
	
	.case_con_row,.plan_con_row{margin-left:0;margin-right:0;}
	
	.about_img span{line-height:20px;margin-top:5px;}
	
	.pro_item_img{height:130px;}

	
	
}
@media screen and (max-width: 420px){
	.pro_item_img {height: 120px;}
}

@media screen and (max-width: 375px){
	.pro_item_img {height: 110px;}
}
@media screen and (max-width: 320px){
	.pro_item_img {height: 90px;}
}



