*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{border-radius:0;background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.4);background-color:#cd0000;}
input,textarea{-webkit-user-select:text}
* { box-sizing: border-box; -webkit-text-size-adjust: none; outline: none; }
body { margin: 0px; padding: 0px; font-family: "微软雅黑", "Arial","Helvetica", "sans-serif"; line-height: normal; }
header, nav, main, img, form, p { margin: 0; padding: 0; border: 0; }
ul,ol{ margin: 0px; padding: 0px; list-style-type: none; }
a{
	text-decoration: none;
}
a:hover{ text-decoration: none;}
a:visited{text-decoration: none;}
.bg_1{ background-color:#1E3A9B;}
.bg_2{ background-color:#f0f0f0;}
.color_fff{ color:#FFFFFF;}
.w100{width:100%;}
.mian_1200{ width:1200px; margin:0px auto; padding:0px;}
.mian{ width:100%; margin:0px auto; padding:0px;}
.main_25{width:25%; float:left;padding:0px; margin:0px;}
.main_75{width:75%; float:right;padding:0px; margin:0px;}
.main_70{width:70%; float:right;padding:0px; margin:0px;}
.w150{ width:250px; margin:0px auto; height:100px;}
.w360{ width:360px; margin:0px auto; height:100px;}
.w300{ width:300px; margin:0px auto; height:100px;}
.w840{ width:840px; margin:0px auto; height:100px;}
.w50{ width:50%; margin:0px auto; height:450px;}
.w_700{width:700px; float:right;padding:0px; margin:0px; text-align:left; line-height:200%;}
.pt40{ padding-top:40px;}
.pt100{ padding-top:100px;}
.pt60{ padding-top:60px;}
.pt80{ padding-top:80px;}
.mb40{ margin-bottom:40px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.pl40{padding-left:40px;}
.line_180{ line-height:180%;}
b{ font-weight:bold;color:#fff;}
.fl{ float:left;}
.fr{ float:right;}
.t_c{ text-align:center;}
.t_l{text-align:left;}
.font_16{ font-size:16px;}
.cl,.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0;}
li{list-style-type: none;}
.top_bg{width:100%; height:100px; background-color:#cd0000;padding:0px;margin:0px;}
.main{ width:1200px; margin:0px auto; padding:0px;}
.main_1200{ width:1200px; margin:0px auto; padding:0px;}
.main_25{width:25%; float:left;padding:0px; margin:0px;}
.main_75{width:75%; float:right;padding:0px; margin:0px;}
.top_logo{ width:240px; float:left;}
.nav{ width:900px; float:right; line-height:100px;opacity:1; }
.nav li a:link,.nav li a:visited{ float:left; width:110px;padding:0px 5px; margin:0px; line-height:100px;height:100px;color:#fff;font-size:16px; text-align:center;}
.nav li a:hover{ float:left; width:110px;padding:0px 5px; margin:0px; line-height:100px;height:100px;color:#cd0000;font-size:16px; text-align:center;background-color:#fff;}





.flexslider{position:relative;height:550px;overflow:hidden;background:url(img/loading.gif) 50% no-repeat; top:0px;width:100%;}
.slides{position:relative;z-index:1;}
.slides li{height:550px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:1;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:5px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:5px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:80px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px; background:url(../img/prev.png) center center no-repeat;}/* background:url(images/prev.png) center center no-repeat; */
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}/* background:url(images/next.png) center center no-repeat; */


/*fenye page?*/

#kkpager{
	clear:both;
	color:#999;
	padding:40px 0px 40px 0px;
	font-size:14px;
	width:98%;
	margin:0px auto;
}
#kkpager a{
	float: left;
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#666;
}

#kkpager span.disabled{
	float: left;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #999;
	background-color:#FFF;
	color:#ccc;
}
#kkpager span.curr{
	float: left;
	border: 1px solid #cd0000;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #cd0000;
	color: #fff;
}
#kkpager a:hover{
	border:1px solid #cd0000; 
	background-color:#cd0000; 
	color:#fff;
}
#kkpager span.normalsize{
}
#kkpager_gopage_wrap{
	position:relative;
	left:0px;
	top:0px;
}
#kkpager_btn_go {
	width:44px;
	height:18px;
	border:0px;
	overflow:hidden;
	line-height:140%;
	padding:0px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	background-color:#cd0000;
	color:#fff;
	position:absolute;
	left:0px;
	top:2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display:none;
	font-size:12px;
}
#kkpager_btn_go_input{
	width:36px;
	height:18px;
	color:#cd0000;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	border:1px solid #1149A0;
	position:relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left:0px;
	top:0px;
	outline:none;
	font-size:14px;
}

#kkpager_btn_go_input.focus{
	border-color:#cd0000;
}

#kkpager .pageBtnWrap{
	float:left;
}
#kkpager .infoTextAndGoPageBtnWrap{
	float:right;
}
#kkpager .spanDot{
	float:left;
	margin-right:5px;
}

#kkpager .currPageNum{
	color:#FD7F4D;
}

#kkpager .infoTextAndGoPageBtnWrap{
	padding-top:5px;
}



 /*详细内容开始*/

            #bodycontent {width:1200px;
            margin: 0px auto;
            line-height:180%;text-align:center;}
            
/*详细内容结束*/

 
.shopmrsc:hover {
background-color: #f9f9f9;
}
.shopmrsc {
border-bottom: #efefef solid 1px;
overflow: hidden;
padding: 15px 0px;
}
.shopmrsc a {
float: left;
display: block;
height: 135px;
text-decoration: none;
position: relative;
color: #666666;
}
.shopmrsc a:hover {
color: #cd0000;
text-decoration: none;
                            }


.xwlb_img,.pro_list_box_item_l_zdy{width:385px;height:auto  !important;display:inline-block;vertical-align:top;float: left;}
.xwlb_img img,.pro_list_box_item_l_zdy img{width:385px;max-width: 385px !important;max-height: 289px;}

.xwlb_img,.pro_list_box_item_l_zdy{width:385px;height:auto  !important;display:inline-block;vertical-align:top;float: left;}
.xwlb_img img,.pro_list_box_item_l_zdy img{width:385px;max-width: 385px !important;max-height: 289px;}
.xwlb_content,.pro_list_box_item_r_zdy{width:730px !important;position: inherit !important;padding-left:15px;padding-top:30px;float: right;text-align:left;}
.xwlbsj,.pro_list_box_item_time_zdy{width:58px;height:30px;background:#edeeee;top:25px;position:absolute;left:25px;padding-top:88px;text-align:center !important; color:#787878;}


/*新闻列表*/
.shopmrsc:first-child,.none_bg .pro_list_box:first-child .pro_list_box_item_zdy{}
.shopmrsc,.pro_list_box_item_zdy{position:relative;overflow: hidden;transition:0.6s;z-index:9;border-bottom: #efefef solid 1px;padding: 25px;}
.shopmrsc:hover,.pro_list_box_item_zdy:hover{background:none;box-shadow: 0 0 40px rgba(20,38,100,0.2);transition:0.6s;}/*鼠标放上去后背景变色*/
.shopmrsc a{height:auto;}
.shopmrsc a:hover,.shopmrsc:hover .xwlbbt a,.pro_list_box_item_zdy:hover .pro_list_box_item_r_zdy a p{color: #cd0000;}
.xwlb_img,.pro_list_box_item_l_zdy{width:385px;height:auto  !important;display:inline-block;vertical-align:top;float: left;}
.xwlb_img img,.pro_list_box_item_l_zdy img{width:385px;max-width: 385px !important;max-height: 289px;}
.xwlb_content,.pro_list_box_item_r_zdy{width:730px !important;position: inherit !important;padding-left:15px;padding-top:30px;float: right;text-align:left;}
.xwlbsj,.pro_list_box_item_time_zdy{width:80px;height:150px;background:#edeeee;top:25px;position:absolute;left:25px;padding-top:88px;text-align:center !important; color:#787878;}

.n_i{width:80px;height:80px;background:#cd0000 url(../img/time_ico.png) no-repeat center;position:absolute;top:0;left:0;}
.n_yday{width:100%;display:inline-block;font-size:20px;position:absolute;top:60px;left:0;line-height:24px;padding-top:30px;}
.n_year,.n_ymonth{display:inline-block;vertical-align:top;font-size:13px;line-height:28px;padding-top:20px;}
.xwlbbt a,.pro_list_box_item_r_zdy a p{font-size:22px;font-weight:bold;}

.xwlbnr,.pro_list_box_item_r_zdy a div{padding-top:40px;height: 140px;}
.pro_list_box_item_r_zdy a div{margin-top:7px;}
.shopmrsc p.xwlbnr,.pro_list_box_item_r_zdy a div{font-size:16px;line-height:32px;color: #777;}
.xwlb_content .more,.content_more_a_zdy{margin-top:5px;}

.xwlb_content .more a,.content_more_a_zdy{width:150px;height:50px;font-size:16px !important;color:#fff!important;text-align:center;line-height:50px;background:#999999;position:relative;display: inline-block;vertical-align: top;transition:0.6s; border-radius: 25px;margin:0px;margin:0px;padding-top:0px;}
.shopmrsc:hover .xwlb_content .more a,.pro_list_box_item_zdy:hover .content_more_a_zdy{margin:0px;padding-top:0px;width:150px;height:50px;font-size:16px; background:#cd0000; border-radius: 25px;}


.news_content_title{height:60px !important;}
.news_content_title h3 strong{font-size:20px; line-height:50px;}
.news_content_title hr{display: none;}
.news_content_body,.news_content_back,.second_next_pre_dgwbct,.back_column,.xw{}
.news_prev,.news_next{}






.pd_head{
    width: 600px;
    margin:40px auto;
    text-align: center;
	
}

.pd_head h1{
    font-size: 30px;
    padding-bottom: 10px;
	margin:0px auto;
	width:600px;
}
.pd_head h1{
    color: #333;
    font-size: 30px;
    padding-bottom: 10px;
	margin:0px auto;
	width:600px;
}

.pd_head .xian{
    width:600px;
    height: 1px;
    background: #c9c9c9;
	margin:0px auto;
}
.pd_head h4{
    color: #a8a8a8;
    padding: 0px 30px 0px 30px;

    position: absolute;
	width:200px;
    margin:-7px 200px; 0px 200px;
    letter-spacing: 3px;
	text-align:center;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pd_head h4{background: #fff; font-size:12px; font-weight:lighter;}

.pd_head h6{
    color: #999;
    padding-top: 13px;
    letter-spacing: 4px;
	margin:0px auto;
	width:100%;
	text-align:center;
}

















#headbanner{
    padding-top: 0px;
    overflow: hidden;
	position: relative;
}
#headbanner img{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.fY {
  font-family: YKR; }
 .banner_t {position: inherit; z-index:1; margin-top:-300px; width:1200px; float:right;}
 .banner_t  .en {
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	text-shadow:3px 2px 3px #000;
	letter-spacing: 2px;
			}
.banner_t  .cn {
            font-size: 42px;
            line-height: 36px;
            color: #fff;
            margin-top: 13px; 
			text-shadow:3px 2px 3px #000;
			}
.banner_t  .line {
            width: 60px;
            height: 5px;
            background-color: #D12044;
            margin-top: 20px;
			margin-left:5px; }
			
			
.jiambian {
    height:50px;
    width:100%;
	line-height:50px;
	font-size:14px;
	color:#999999;
    background: -webkit-linear-gradient(#fff, #efefef); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff, #efefef); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff, #efefef); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff, #efefef); /* 标准的语法,必须放最百后 */
}	

.ms{right:0px; top:0px; width:60px; height:60px;position: absolute;}
.foot_bg{ width:100%; height:200px; background-color:#535353;}




/*首页产品开始*/


/* index_pro */
.indpro{
    padding: 0px;
    overflow: hidden;
	margin-bottom:40px;
}
.indpro h1{
	color: #333;
	font-size: 30px;
	text-align: left;
	line-height:50px;
	background-attachment: scroll;
	background-image: url(../img/h1_bg.jpg);
	background-position: center 0px;
	height:50px;
	background-repeat: no-repeat;
}
.indpro h3{
    color: #7d7d7d;
    font-size: 14px;
    text-align: left;
	line-height:10px;
    padding: -40px 0px 0px;
	height:20px;
	line-height:20px;
}
.indpro ul li{
    float: left;
    width: 290px;
    margin: 20px 13px 0 0;
}
.indpro ul li:nth-child(4n){
    margin-right: 0;
}
.indpro ul li a{
    display: block;
    position: relative;
}
.indpro ul li a:after{
    content: '';
    width: 0;
    height: 2px;
    background: #D70000;
    position: absolute;
    left: 0;
    bottom: 0;
    transition-duration: .5s;
}
.indpro ul li a:hover:after{
    width: 100%;
}
.indpro ul li a .proimg{
    overflow:hidden;
    border: 1px solid #eeeeee;
}
.indpro ul li a .proimg img{
    width: 100%;}
.indpro ul li a .proimg img: hover{
    width: 100%;
}
.indpro ul li a .title{
    color: #484848;
    line-height: 24px;
    padding: 15px 20px 0;
	font-size:16px;
	text-decoration: none;
	text-align:left;
}
.indpro ul li a:hover .title{
font-size:16px;
    color: #D70000;
	text-decoration: none;
	text-align:left;
}
.indpro ul li a .name{
    color: #484848;
    line-height: 24px;
    padding: 0 20px 15px;
	text-decoration: none;
	text-align:left;
}
.indpro ul li a .icon{
    float: right;
    padding-top: 25px;
	width:40px;
	height:40px;
	background-image: url(../img/icon3.png);
	background-repeat: no-repeat;
	margin-top:30px;
}
.indpro ul li a:hover .icon{
    float: right;
    padding-top: 25px;
	width:40px;
	height:40px;
	background-image: url(../img/icon3_hover.png);
	margin-top:30px;
}
/*首页产品结束*/




/*新闻动态*/


.container{width: 1060px; height: 450px; max-width: 1200px; margin: 0 auto;}
.section5{background: #fff; padding: 0px 0px;}
.section5 .container{position: relative;}
.section5 .items{margin: 20px -12px 0; overflow: hidden;}
.section5 .item{width: 33.33%; float: left; padding: 30px 12px;}
.section5 .block{padding: 40px 36px;border: 1px solid #ccc;}
.section5 .block:hover{box-shadow: 0px 5px 30px rgba(4,0,0,.1); padding: 40px 36px;border: 1px solid #ccc;}
.section5 .block .date{font-size: 33px; color: #777;}
.section5 .block .year{font-size: 16px; color: #999;}
.section5 .block h3{font-size: 16px; color: #555; font-weight: 600; padding: 20px 0; border-bottom: 1px solid #dbdbdb; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.section5 .block p{font-size: 14px; color: #777; line-height: 24px; height: 72px; overflow: hidden; margin: 20px 0 40px;}
.section5 .block a{display: block; width: 140px; line-height: 40px; background: #fff; color: #777777; border: 1px solid #cccccc; text-align: center; border-radius: 20px; font-size: 14px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.section5 .block:hover .date{color: #cd0000;}
.section5 .block:hover .year{color: #cd0000; opacity: .8;}
.section5 .block:hover h3{color: #cd0000; border-color: #cd0000;}
.section5 .block:hover p{color: #cd0000;}
.section5 .block:hover a{background: #cd0000; color: #fff; border-color: #cd0000;}

.common_btn{width: 46px; height: 46px; border-radius: 50%; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: 8px 14px; cursor: pointer; box-shadow: 0 5px 5px rgba(204,204,204,.8); -webkit-transition: all 500ms ease; transition: all 500ms ease; position: absolute; top: 50%;}
.left_btn{background-image: url(../img/left_icon1.png); left: -70px;}
.right_btn{background-image: url(../img/right_icon1.png); right: -70px;}
.common_btn:hover{background-color: #cd0000; box-shadow: 0 5px 10px rgba(205,0,0,.5);}
.left_btn:hover{background-image: url(../img/left_icon2.png);}
.right_btn:hover{background-image: url(../img/right_icon2.png);}

.more a{color:#fff;background:#ccc; float:left;padding:5px;border-radius: 0px; width:135px;height:25px; line-height:25px;padding:5px 5px 5px 10px; text-align:center; font-size:16px;}



 
.proallmrsc:hover {
background-color: #f9f9f9;
}
.proallmrsc {
 width:840px;
border-bottom: #efefef solid 1px;
overflow: hidden;
padding: 15px 0px;
}
.proallmrsc a {
float: left;
display: block;
height: 135px;
text-decoration: none;
position: relative;
color: #666666;
}
.proallmrsc a:hover {
color: #cd0000;
text-decoration: none;
                            }
proall_content{ width:840px;}

.proall_img,.pro_list_box_item_l_zdy{width:285px;height:auto  !important;display:inline-block;vertical-align:top;float: left;}
.proall_img img,.pro_list_box_item_l_zdy img{width:285px;max-width: 285px !important;max-height: 285px;}

.proall_img,.pro_list_box_item_l_zdy{width:285px;height:auto  !important;display:inline-block;vertical-align:top;float: left;}
.proall_img img,.pro_list_box_item_l_zdy img{width:285px;max-width: 285px !important;max-height: 285px;}
.proall_content,.pro_list_box_item_r_zdy{width:500px !important;position: inherit !important;padding-left:15px;padding-top:30px;float: right;text-align:left;}
.proallsj,.pro_list_box_item_time_zdy{width:58px;height:30px;top:25px;position:absolute;left:25px;padding-top:88px;text-align:center !important; color:#787878;}


/*产品列表*/
.proallmrsc:first-child,.none_bg .pro_list_box:first-child .pro_list_box_item_zdy{}
.proallmrsc,.pro_list_box_item_zdy{position:relative;overflow: hidden;transition:0.6s;z-index:9;border-bottom: #efefef solid 1px;padding: 25px;}
.proallmrsc:hover,.pro_list_box_item_zdy:hover{background:none;box-shadow: 0 0 40px rgba(20,38,100,0.2);transition:0.6s;}/*鼠标放上去后背景变色*/
.proallmrsc a{height:auto;}
.proallmrsc a:hover,.proallmrsc:hover .proallbt a,.pro_list_box_item_zdy:hover .pro_list_box_item_r_zdy a p{color: #cd0000;}
.proall_img,.pro_list_box_item_l_zdy{width:285px;height:auto  !important;display:inline-block;vertical-align:top;float: left;}
.proall_img img,.pro_list_box_item_l_zdy img{width:285px;max-width: 285px !important;max-height: 285px;}
.proall_content,.pro_list_box_item_r_zdy{width:500px !important;position: inherit !important;padding-left:15px;padding-top:30px;float: right;text-align:left;}
.proallsj,.pro_list_box_item_time_zdy{width:80px;height:120px;top:25px;position:absolute;left:25px;padding-top:88px;text-align:center !important; color:#787878;}

.n_i_pro{width:80px;height:80px;background:#cd0000 url(../img/time_ico.png) no-repeat center;position:absolute;top:0;left:0;}
.proallbt a,.pro_list_box_item_r_zdy a p{font-size:22px;font-weight:bold;}
.proallbt{font-size:22px;font-weight:bold;}
.proallnr,.pro_list_box_item_r_zdy a div{padding-top:40px;height: 140px;}
.pro_list_box_item_r_zdy a div{margin-top:7px;}
.proallmrsc p.proallnr,.pro_list_box_item_r_zdy a div{font-size:14px;line-height:180%;color: #777;}
.proall_content .more,.content_more_a_zdy{margin-top:10px;}

.proall_content .more a,.content_more_a_zdy{width:126px;height:42px;font-size:16px !important;color:#fff!important;text-align:center;line-height:42px;background:#999999;position:relative;display: inline-block;vertical-align: top;transition:0.6s; border-radius: 25px;}
.proallmrsc:hover .proall_content .more a,.pro_list_box_item_zdy:hover .content_more_a_zdy{background:#cd0000;transition:0.6s;}


.news_content_title{height:60px !important;}
.news_content_title h3 strong{font-size:20px; line-height:50px;}
.news_content_title hr{display: none;}
.news_content_body,.news_content_back,.second_next_pre_dgwbct,.back_column,.xw{}
.news_prev,.news_next{}








#pro_class{
padding-top:0px;
padding-bottom:20px;

}
#pro_class .pronav{
	float: left;
	width: 100%;
}
#pro_class .pronav .navtitle{
	width: 100%;
	height: 150px;
	background: url("../img/pronav.jpg") no-repeat;
	font-size: 30px;
	font-family: 'DIN-BOLD';
	color: #fff;
}
#pro_class .pronav .navtitle p{
	padding: 40px 0 0 20px;
}
#pro_class .pronav .navtitle p SPAN{ display:block; font-size:12px;color:#FFFFFF; line-height:25px;}
#pro_class .prolist{
	float: right;
	width: 100%;
}
#pro_class .prolist ul li{
	width: 480px;
	float: left;
	margin-left: 40px;
	margin-bottom: 40px;
	background: #ffffff;
}
#pro_class .prolist ul li .prolistl{
	float: left;
	width: 155px;
}
#pro_class .prolist ul li .prolistl h1{
	font-size: 14px;
	color: #3e4144;
	line-height: 22px;
	padding: 60px 0 30px 0px;
}
#pro_class .prolist ul li:hover .prolistl h1{
	color: #023b8f;
}
#pro_class .prolist ul li .prolistl h5{
	width: 100px;
	height: 38px;
	line-height: 38px;
	text-align: left;
	background: #3e4144;
	color: #ffffff;
	border-radius: 50px;
	margin: 30px;
}
#pro_class .prolist ul li:hover .prolistl h5{
	background: #023b8f;
}
#pro_class .prolist ul li .prolistr{
	float: right;
	width: 240px;
	font-size: 0;
	overflow: hidden;
}
#pro_class .prolist ul li .prolistr img{
	width: 100%;
	-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
}
#pro_class .prolist ul li:hover .prolistr img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05);}
.listnav{ width:100%; margin:0px; padding:0px;}
.listnav li{line-height:40px;height:40px;padding-left:20px;color:#333;background:#FFF7F7 url(../img/jt.png) 280px 15px no-repeat; font-size:14px; text-align:left;}
.listnav li:hover,.listnav .hover{background:#ffffff url(../img/jt_1.png) 280px 15px no-repeat;}
















.banner_cen{
	background-attachment: scroll;
	background-image: url(../img/banner_cen.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:600px;
}





/* 必要布局样式css */
.serve-content {
    position: relative;
	m
}

.serve-content-box {
    width: 1200px;
    margin: 0 auto;
}

.serve-content-title {
    text-align: center;
    font-size: 32px;
    color: #333;
    padding-top: 124px;
    padding-bottom: 15px;
}

.serve-content-text {
    width: 184px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    background: url(../images/icon-line.jpg) repeat-x left center;
}

.serve-content-text em {
    display: inline-block;
    padding: 0 10px;
    background: #FFF;
    font-size: 14px;
    color: #777;
    font-style: normal;
}

.serve-content-btn {
    text-align: center;
    padding: 45px 0 104px;
}

.serve-content-btn a {
    display: inline-block;
    width: 190px;
    height: 55px;
    background-color: rgb(0, 162, 255);
    color: rgb(255, 255, 255);
    box-shadow: rgba(4, 195, 255, 0.5) 0px 5px 15px;
    border-radius: 8px;
    font: 400 16px/55px 微软雅黑;
}

.serve-content-list {
    float: left;
    width: 1200px;
    height: 350px;
	margin-top:50px;
}

.serve-content-info {
    width: 1200px;
    height: 350px;
    float: left;
    margin: 0 10px;
    position: relative;
}

.serve-content-btn a:hover {
    background: #41b8fc;
}


.serve-content-list ul li {
    display: block;
    width: 150px;
	height:150px;
    padding: 30px;
    background: #fff;
    border: 2px solid #fff;
    margin-bottom: 10px;
    cursor: pointer;
	float: left;
	margin-right:50px;
	text-align:center;


}
.serve-content-list ul li:nth-child(2n){margin-top:80px;}
.serve-content-list ul .on {
    background: #cd0000;
    border: 2px solid #cd0000;
}

.serve-content-list ul li span {
    display: block;
    width: 48px;
    height: 28px;
    float: center;
    margin-left: 20px;
    margin-right: 75px;
    overflow: hidden;
	left:50px;
}

.serve-content-list ul li span img {
    display: block;
    float: center;
	margin-left:10px;
}

.serve-content-list ul li p {
    display: block;
	width:150px;
    overflow: hidden;
    line-height: 28px;
    color: #333;
    font-size: 18px;
	margin-left:-30px;
	margin-top:20px;
	text-align:center;
}

.serve-content-list ul .on p {
    color: #fff;
	display: block;
	padding-left:10px 30px;
}

.serve-content-list ul .on span img {
    margin-top: -28px;
}


.serve-image-img {
}

.serve-image-box {
    background: url(../img/cclarity-bg.png);
    width: 640px;
    height: 190px;
    padding: 47px 100px;
    position: absolute;
    top: 95px;
    left: 0;
}

.serve-image-comm1 {
    width: 48px;
    height: 29px;
    position: absolute;
    left: 20px;
    top: 28px;
}

.serve-image-comm2 {
    width: 48px;
    height: 29px;
    position: absolute;
    right: 25px;
    bottom: 35px;
}

.serve-image-info {
    width: 420px;
    height:110px;
}

.serve-image-info-title {
    overflow: hidden;
}

.serve-image-info-title span {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.serve-image-info-title span img {
    display: block;
    float: left;
}

.serve-image-info-title p {
    line-height: 32px;
    display: block;
    float: left;
    font-size: 22px;
    color: #fff;
}

.serve-image-info strong {
    display: block;
    font-size: 14px;
    color: #FFF;
    line-height: 24px;
    padding-top: 14px;
}