@charset "utf-8";
/* CSS Document */
/*??????*/
*{margin:0;padding:0;list-style:none;}
body { margin: 0 auto; font-family:"yahei",????????????; font-size: 14px; width: 100%; color:#444;}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}

html{font-size: 625%;}
li { list-style-type: none; }

a {text-decoration:none;outline:none;transition:all 0.5s ease-in-out 0s; color: #666; text-decoration: none;}
a:hover {text-decoration:none; color: #ff0000;}


a:link,a:visited{ text-decoration:none;}
a:active,a:hover { text-decoration:none; }

img {display: inline-block; border: 0 ; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
ul,ol,dl{list-style:none;}
.clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
.clearfix{ display: inline-block;}
.w1200{ width:1200px; margin:0 auto;}
/*header*/
.header{ height:auto; width:100%; overflow:hidden;}
.top{ height:42px; background:#f3f3f3;}
.header .top_sub{ line-height:42px;}
.header .logo{ margin:12px 0;} 
.logo_wrap{ padding:14px 0; height:auto; overflow:hidden;}
.header .logo h2 { font-family:yahei, "????????????"; font-size:35px; color:#000;}
.header .logo h2 span{ color:#0089ff;}
.header .logo p{ color:#919090; font-size:18px; padding:8px 0;}
.header .tel_sub{ background:url(../images/tel.png) no-repeat left center; padding-left:38px; margin:12px 0;}
.header .tel_sub b{ color:#0089ff; font-size:22px;}
.header table{ border:1px solid #bdbdbd;   /* ???????????? */  
    font-family:Arial;  
    border-collapse:collapse;   /* ???????????? */  
    font-size:14px;  }
.header table td{ border:1px solid #bdbdbd;   /* ???????????????*/  
    text-align:left;  
    padding:4px 0;;  
    padding-left:10px; }
.header	table td:hover{ background:#0089ff; color:#fff;}
.nav_wrap{ width:100%; height:54px; line-height:54px; background:#0089ff;}
.nav_wrap ul li { float:left;}
.nav_wrap ul li a{ width:146px; text-align:center; display:inline-block; color:#fff; font-size:18px;}
.nav_wrap ul li a:hover{ background:#000; }
/* banner */
.fullwidthbanner-container{width:100% !important;position:relative;padding:0;max-height:500px !important;overflow:hidden;}
.fullwidthbanner-container .fullwidthabnner	{width:100% !important;max-height:6290px !important;position:relative;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer{width:768px; height:309px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer{width:480px; height:193px;	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer{width:320px;height:129px;	}
}
@media only screen and (max-width: 319px) {
		.banner, .bannercontainer{width:240px;height:97px;	}
}


.tp-leftarrow:hover,
.tp-rightarrow:hover {	background-color:#e1472f !important;}
/** BULLETS **/
.tp-bullets {z-index: 1001;position: absolute;bottom: 0px;}
.tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative;width: 188px;height: 6px;float: left; -webkit-transition: background 0.1s linear;-moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; transition: color, background 0.1s linear;}


.tp-leftarrow.large {z-index: 100;cursor: pointer;position: relative;background:url(img/slider-left-arrow.png) no-Repeat #393939;width: 42px;height: 43px;margin-left: 0px;margin-top: -21px;-webkit-transition: background 0.1s linear;-moz-transition: color, background 0.1s linear;-o-transition: color, background 0.1s linear;transition: color, background 0.1s linear;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*????????????*/
	/*
	**????????????????????????????????????
	border-radius: 20px;  ???????????????????????????5px????????????????????????CSS3????????????
	-moz-border-radius: 20px;  Mozilla????????????????????????
	-webkit-border-radius: 20px;  Webkit????????????????????????
	border-radius: 20px 20px 20px 20px; ????????????????????????????????????????????????????????????????????? 
	*/}

.tp-rightarrow.large {z-index: 100;cursor: pointer;position: relative; background:url(img/slider-right-arrow.png) no-Repeat 0 0 #393939;width: 42px;
height: 43px;margin-left: 0;margin-top: -21px; -webkit-transition: background 0.1s linear;-moz-transition: color, background 0.1s linear;-o-transition: color, background 0.1s linear; transition: color, background 0.1s linear;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*????????????*/
	/*
	**????????????????????????????????????
	border-radius: 20px;  ???????????????????????????5px????????????????????????CSS3????????????
	-moz-border-radius: 20px;  Mozilla????????????????????????
	-webkit-border-radius: 20px;  Webkit????????????????????????
	border-radius: 20px 20px 20px 20px; ????????????????????????????????????????????????????????????????????? 
	*/
}
.tp-bullets.tp-thumbs { z-index: 100; position: absolute; padding: 3px; background-color: #fff; width: 500px;height: 50px;margin-top: -50px;}
.fullwidthbanner-container .tp-thumbs { padding: 3px;}
.tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; overflow: hidden; position: relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {width: 5000px;position: absolute;}
.tp-bullets.tp-thumbs .bullet {width: 100px;height: 50px;cursor: pointer;overflow: hidden; background: none;margin: 0;float: left;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/ -moz-opacity: 0.5; -khtml-opacity: 0.5;opacity: 0.5;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity: 1; -khtml-opacity: 1;opacity: 1;}

.tp-thumbs img {width: 100%;}
.tp-bannertimer { width: 100%;height: 10px; position: absolute;z-index: 200;z-index: 5000;}
.tp-bannertimer.tp-bottom {bottom: 0px !important;height: 5px;}
@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {.responsive .tp-bullets.tp-thumbs {width: 300px !important; height: 30px !important;}.responsive .tp-bullets.tp-thumbs .tp-mask {width: 300px !important; height: 30px !important;}.responsive .tp-bullets.tp-thumbs .bullet {
width: 60px !important;height: 30px !important;}}

@media only screen and (min-width: 0px) and (max-width: 479px) {.responsive .tp-bullets {display: none;}
.responsive .tparrows {display: none;}}
.tp-simpleresponsive img {-moz-user-select: none;-khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;}
.tp-simpleresponsive a {  text-decoration: none;}
.tp-simpleresponsive ul {list-style: none; padding: 0; margin: 0;}
.tp-simpleresponsive >ul >li {list-stye: none;position: absolute;visibility: hidden;}
.caption.slidelink a div,.tp-caption.slidelink a div { width: 10000px;height: 10000px;}
.tp-loader {background: url(../images/loader.gif) no-repeat 10px 10px;background-color: #fff; margin: -22px -22px; top: 50%; left: 50%;z-index: 10000; position: absolute;width: 44px;height: 44px;border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}

/*seach_wrap*/
.seach_wrap{ height:62px; background:#f8f8f8; border-bottom:1px solid #dddddd;}
.seach_wrap .seach.w1200 .hot_seah{ line-height:62px;}
.seach_wrap .seach.w1200 .hot_seah a{  padding-left:16px;}
.seach_wrap .seach.w1200 .s{ margin-top:18px;}
.seach_wrap .seach.w1200 .s.fr form .text{ width:300px; height:30px; line-height:30px;padding-left: 16px; border:1px solid #dadada;}
.seach_wrap .seach.w1200 .s.fr form .submit{ float:right; width:17px; height:20px; background:#fff url(img/seach_button.gif) no-repeat center; position:relative; right:45px; top:7px; border-left:1px solid #CCC; padding-left:33px;}
/*about*/
.company{ padding:32px 0;}
.company.w1200 .content{ width:572px;}
.t_tit {font-size:24px; text-align:center; padding:24px 0;}

.t_tit span{ color:#bdbdbd;  font-family:Arial, Helvetica, sans-serif;text-transform:uppercase}
.t_tit  h4{ color:#0b0b0b; }
.company.w1200 .content01 ul{width:1400px;}
.company.w1200 .content01 ul li{ width:381px; height:728px; float:left; margin-right:28px;}
/*.company.w1200 .content01 ul li dd{ border:2px solid #d0cfcf;z-index:9999 }*/
.company.w1200 .content01 ul li dd .des{ padding:34px 24px 48px; font-size:14px; text-align:left; line-height:26px;}
.company.w1200 .content01 ul li dl .bian{ background:url(img/about_bg.gif) no-repeat top center; height:299px; width:382px; }
.company.w1200 .content01 ul li dl .bian:hover{background:url(img/aboutbg_hover.gif) no-repeat top center; color:#fff;width:382px;}
.company.w1200 .content01 ul li dl a{ width:83px; height:83px;position:relative; bottom:42px;}
.company.w1200 .content.fr .des a{ display:inline-block; width:124px; height:34px; line-height:34px; text-align:center; background:#666666; color:#fff;border-radius: 8px; margin-top:12px;} 
.company.w1200 .content.fr .des{ line-height:24px;}
.company.w1200 .content01 ul li dl{text-align:center; }
.company.w1200 .content01 ul li dl b{ font-size:24px; position:relative; top:27px; width:120px; height:34px; display:inline-block;}
.company.w1200 .content01 ul li dl dt{ width:381px; height:418px; overflow:hidden;}
.company.w1200 .content01 ul li dl img{display: block;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.company.w1200 .content01 ul li dl:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
/*pros*/
.pro_wrap{ background:url(img/pro_bg.jpg) no-repeat top center; height:939px;}
.pro_wrap .Div1 .t_tit{ text-align:center; margin:12px auto 28px;}
.Div1_title{width:1200px;padding:0px 0 8px; height:auto; overflow:hidden;margin: 0 auto;height:auto; text-align:center;}
.pro_wrap .Div1_title .pros ul{ width:1400px; height:auto; overflow:hidden;}
.pro_wrap .Div1_title .pros ul li{ float:left; width:227px; height:300px; margin-right:16px; padding:12px 0;}
.pro_wrap .Div1_title .pros ul li a{ color:#dad8d8; height:348px; display:inline-block; width:227px; overflow:hidden;}
.pro_wrap .Div1_title .pros ul li b{ line-height:48px;}
.pro_wrap .more {width:158px; height:48px; line-height:48px; text-align:center; display:inline-block; border:1px solid #959595; color:#c7c1c1; font-size:18px;}
 Div1
.Div1{ width: 1200px;  overflow: hidden; position: relative; }
.Div1_title em{font-size:24px; color:#5d5b5b; font-style:normal; text-transform:uppercase;}
.Div1_title h4{ color:#bebdbd;}
 .Div1_title .pro_list{ height:auto; overflow:hidden; width:1200px; margin:0 auto;}
 .Div1_title .pro_list a{display:block;float:left; width:140px; height:36px; text-align:center; line-height:36px; border:2px solid #acaaaa; margin:12px 13px;border-radius:4px;border-radius:24px; font-size:15px; color:#a9aaac;}
 .Div1_title .pro_list a:hover{ background:#0089ff; color:#fff; border:0;}
 .pros ul img{ width:227px; height:267px;display: block;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.pros ul li:hover img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);width:227px; height:267px;}
.pros ul li:hover{ color:#0089ff;}

/*case*/
.case_wrap{ text-align:center;}
.case_wrap.w1200 .more { padding:8px 24px; border:1px solid #959595;border-radius:14px; margin:24px auto; display:inline-block;}
.case_wrap.w1200 .t_tit{ text-align:center; margin:24px auto;}
.content3{ height:auto; overflow:hidden;}
.content3 img{ float:left;}
.content3 .fl{ width:365px; height:599px;}
.content3 .center{ float:left; width:480px;}
.style {

overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.style .text1{ width:365px; height:599px;
position: absolute;
overflow: hidden;
top: 0px;
left: 0;
}
.style .text2{ width:480px; height:299px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.style .text3{ width:355px; height:299px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;}

.style img {
display: block;
position: relative;
max-width:100%;
}
.style-sytle1 img {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.style-sytle1 .text1,.style-sytle1 .text2,.style-sytle1 .text3{
/*background:url(/images/hlm2.jpg);*/
background:#0089ff;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
font-family: '????????????';


}
.style-sytle1 .text1 .worlds,.style-sytle1 .text2 .worlds,.style-sytle1 .text3 .worlds{vertical-align: middle;position: relative;
    top: 35%;}
.style-sytle1 .divfont1{
	 margin:0px auto 24px;
font-family:'????????????';
background: transparent;
text-align:center;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
color: #fff;
font-size:18px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.style-sytle1 p {
color: #fff;
font-size:14px;
padding-top: 8px;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.style-sytle1 .link {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
color:#fff;
font-size:14px;
 padding:6px 24px;
 border-radius: 18px; 
text-decoration:none; border:1px solid #fff;}
.style-sytle1:hover img {
	 float:left;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.style-sytle1:hover .text1,.style-sytle1:hover .text2,.style-sytle1:hover .text3 {
	
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
}
.style-sytle1:hover .divfont1,
.style-sytle1:hover p,
.style-sytle1:hover .link {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.case_wrap.w1200 .content3 .top{ height:299px; width:480px;}
.case_wrap.w1200 .content3 .fr .top{ height:299px; width:355px;}
.case_wrap.w1200 .content3. .fl.style.style-sytle1 .text1
/*ad*/
div .ad{text-align:center; background:url(/style/img/ad01.jpg) no-repeat top center; width:100% ; height:177px;}
.ad .text{ width:396px; height:122px; float:right; color:#fff; margin:24px 84px;}
.ad .text h2{ font-size:48px; padding-bottom:12px;}
.ad .text span{font-size:30px; padding-right:14px;}
.ad .text a{ width:138px; height:30px; line-height:30px; text-align:center; background:#0089ff; color:#fff; display:inline-block;}

/*.news*/
.news{ height:auto; overflow:hidden; text-align:center;}
.news .t_tit{ padding:28px 0;}
.news.w1200 .content{ height:auto; overflow:hidden; margin:0px auto 32px;}
.news.w1200 .content .com_news,.news.w1200 .content .bra_news{ width:576px; height:363px;}
.news.w1200 .content .com_news.fl .top,.news.w1200 .content .bra_news .top{ height:128px; width:576px;background:#0089ff; }
.news.w1200 .content .com_news.fl .top .fl,.news.w1200 .content .bra_news .top .fl{text-align:center; width:143px;}
.news.w1200 .content .com_news.fl .top .fl b,.news.w1200 .content .bra_news .top .fl b{ font-size:32px; display:block; color:#fff; border-bottom:1px solid #fff;}
.news.w1200 .content .com_news.fl .top .fl .tit,.news.w1200 .content  .bra_news .top .fl .tit{ color:#fff; padding-top:26px; font-size:12px; text-transform:uppercase;}
.news.w1200 .content .com_news.fl .top .fl .tit span,.news.w1200 .content .bra_news .top .fl .tit span{ display:block; font-size:18px;}
.news.w1200 .content .com_news.fl .bot ul li,.news.w1200 .content .bra_news .bot ul li{ height:32px; padding-top:10px;}
.news.w1200 .content .com_news.fl .bot ul li a,.news.w1200 .content .bra_news .bot ul li a{ display:inline-block; width:457px; line-height:32px; background:url(img/news_bg.gif) no-repeat left center; padding-left:32px; text-align:left;}
.news.w1200 .content .com_news.fl .bot ul li a:hover,.news.w1200 .content .bra_news .bot ul li a:hover{padding-left:28px;}


/*foot*/
.foot_wrap .foot{ height:auto; overflow:hidden;}
.foot_wrap .foot.w1200 .tit{ color:#fff; font-size:24px; padding:38px 0; }
.foot_wrap{ background:#1e1e1e; height:auto; overflow:hidden; width:100%;}
.foot_nav{ height:65px; background:#0089ff;}
.foot_nav ul li{ float:left; width:140px;}
.foot_nav ul li a{ line-height:60px; color:#fff;}
.foot_wrap .foot.w1200 .contact span{ font-size:24px; padding-bottom:24px;display: inline-block;}
.foot_wrap .foot.w1200 .foot_nav ul{ padding-left:80px;}
.foot_wrap .foot.w1200 .contact{ color:#fff; width:300px; float:left;}
.foot_wrap .foot.w1200 .contact p{ line-height:32px;}
.foot_wrap .foot.w1200 .online{ width:430px; float:left; margin-left:106px;}
.foot_wrap .foot.w1200 .online table td{ color:#fff; height:35px}
.foot_wrap .foot.w1200 .online table td.text { width:70px; display:inline-block;
    font-size: 14px;
    font-weight: bold;
}
.foot_wrap .foot.w1200 .online table .input-text{padding: 4px;}
.foot_wrap .foot.w1200 .online table .orange { padding:8px 12px;    color: #fef4e9;cursor: pointer;
    background: #787676;
    background: -webkit-gradient(linear, left top, left bottom, from(#787676), to(#787676));}
.foot_wrap .foot.w1200 .dr{ width:250px; float:right; color:#fff; line-height:32px; padding-top:40px;}
.foot_wrap .foot.w1200 .dr a{ color:#fff;}
.foot_wrap .link_wrap{ height:80px; background:#212121; border-top:2px solid #535252; margin-top:24px;}
.foot_wrap .link_wrap .link{ line-height:32px; color:#CCC;}
.foot_wrap .link_wrap .link span{ background: url(../images/link_bg.png) no-repeat left top; width:114px; height:35px; display:inline-block; text-align:center; margin-top:28px;}
.foot_wrap .link_wrap .link a{color:#CCC;}

/**/
.listWrapper{ overflow: hidden; padding-bottom:50px; padding-top:30px;}
.listLeft{width:260px; float: left;overflow: hidden; }
.listRight{width:900px; float: right; overflow: hidden;}
.breadCrumb{ border-bottom:1px solid #DADADA; height:30px;margin-bottom:25px;}
.breadCrumb strong{ color:#333; font-size:18px; font-family:"????????????";  height:29px; border-bottom:2px solid #0089ff; display:inline-block; font-weight:normal;}
.breadCrumb p {background:url(../images/mapIcon.png) no-repeat left center; padding-left:20px;}
.breadCrumb p span{ margin:0 8px;}
.listLeft .searMain{width:242px;margin-bottom:20px;}
.listLeft .searMain .sear_text{width:215px;}
.listLeft .searMain .sear_btn{width:25px;}
/*????????????*/ 
/*.listLeft .left_title {
    background: #0089ff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    padding-left: 15px;
    border-left: 5px solid #7d0f06;
}

.listLeft .productList{ width:900px; overflow:hidden;}
.listLeft .productList ul{ width:950px;}
.listLeft .productList li{float:left;width:280px;border:1px solid #e5e5e5;background:#fff;margin:0 27px 25px 0;}
.listLeft .productList li .pImg {
    display: block;
    width: 280px;
    height: 280px;
    overflow: hidden;
}*/
 .left_title {
    background: #0089ff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    padding-left: 15px;
    border-left: 5px solid #7d0f06;
}

.productList{ width:900px; overflow:hidden;}
 .productList ul{ width:950px;}
 .productList li{float:left;width:280px;border:1px solid #e5e5e5;background:#fff;margin:0 27px 25px 0;}
.productList li .pImg {
    display: block;
    width: 280px;
    height: 280px;
    overflow: hidden;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.productList li img{/*width:280px;height:280px;*/transition:all 0.5s;}
.productList li h5{font-size:12px;font-weight:normal;text-align:center;height:38px;line-height:38px;border:1px solid #e5e5e5;border-left:none;border-right:none;padding:0 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.productList li .btn{height:35px;line-height:35px;text-align:center;}
.productList li .btn a{float:left;width:139px;background:#f4f4f4;}
.productList li .zx{background:url('../images/zx_icon.png') no-repeat 20px center;border-right:1px solid #e5e5e5;}
.productList li .btn1{color:#0089ff;}
.productList li .btn1:hover{text-decoration: underline;}
.productList li:hover{border:1px solid #0089ff;}
.productList li:hover h5{color:#0089ff;}
.productList li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);}
/*  ???????????? */
.recommend_pro{margin-bottom:15px;}
.listLeft .left_title{ background:#0089ff; height:50px; line-height:50px; font-size: 16px;color: #fff; padding-left:15px;border-left:5px solid #741109;}
.recommend_slide{height:560px;overflow:hidden;padding:9px;border:1px solid #bcbcbc;background:#fff;border-top:none; }
.recommend_pro li{ width:240px;overflow:hidden;margin-bottom:10px;}
.recommend_pro li img{ width:234px; height:234px; border:1px solid #ddd;padding:2px;}
.recommend_pro li span{height:30px; line-height:30px; position:relative; text-align:center;display: block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.recommend_pro li:hover img{ border: 1px solid #0089ff;}
.twoCont{padding:15px 10px;overflow:hidden;background:#f4f4f4;}
.sidebarThree h3{font-size:15px;margin-bottom:10px;font-weight:normal;}
.sidebarThree h3 span{display:block;font-size:24px;color:#0089ff;font-family:arial;}
.sidebarThree p{line-height:22px;}
.sidebarThree p span{padding-left:3em;}
/* ?????????????????? */
.sidebar{margin-bottom:20px;}
.side_title{height:90px;line-height:90px;color:#fff;font-size:24px;background: url('img/caseTie_bg.png') no-repeat left bottom;text-align:center;}
.sidebarMenu{background:#fff;border:2px solid #0089ff;border-top:none;}
.sidebarMenu li{border-top:1px solid #ddd;font-size:14px;}
.sidebarMenu li a{height:42px;line-height:42px;background:url('../images/side_lih.png') no-repeat 220px center;padding-left:30px;display:block; color:#454545;}
.sidebarMenu li .current,.sidebarMenu li a:hover{background:#0089ff url('../images/side_li.png') no-repeat 220px center;color:#fff;}
.sidebarMenu li ul{font-size:12px;}
.sidebarMenu li ul a{background: url('../images/ly_li.png') no-repeat 35px center;padding-left:50px;color:#666;height:30px;line-height:30px;font-size:12px;}
.sidebarMenu li ul .current,.sidebarMenu li ul a:hover{background: url('../images/ly_li.png') no-repeat 35px center; color:#0089ff;}
/*????????????*/
.pagination{padding:25px 0 15px;text-align:center;overflow:hidden;}
.pagination a{font-size:12px;line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;margin-left:2px;}
.pagination a.a1{line-height:30px;height:30px;margin-top:0;padding:0 12px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#fff;margin-left:2px;background:#0089ff;color:#fff;border:1px solid #9d1d13;}
.pagination span font{ color:#fff !important;}

/* ???????????? */
.settingList ul {
    width: 950px;
}
.settingList ul li{width:280px;float:left;margin-right:30px;margin-bottom:25px;text-align:center;}
.settingList ul li img{display:block;width:270px;height:175px;padding:4px;border:1px solid #e3e3e3;background:#fff;}
.settingList ul li img:hover{border:1px solid #0089ff;background:#0089ff;}
.settingList ul li span{height:30px;line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}

/*??????*/
#post-724{ text-align:center;}
#post-724 p{text-align:left;}
#post-724 h2{ border-bottom:1px dashed #666; padding:12px 0px;  margin: 0 auto 24px;}
#post-724 .sj{ text-align:center; margin-bottom:20px;}
.pageleft{margin-right:36px;}
.pageleft,.pageright{ width:120px; height:36px; line-height:36px; background:#333; display:inline-block; float:left;color:#fff; }
.pageleft a,.pageright a{  width:120px; height:36px; display:inline-block; color:#fff;}
.pageNavi{ width:277px; margin:20px auto; height:auto; overflow:hidden;}
/*.listRight .pageleft a,.listRight .pageright a{ display:none;}*/
.ad{text-align:center; background: url(img/ad02.jpg) no-repeat top center; width:100% ; height:177px;}

.public{width:1320px;height:auto;margin:0 auto;position:relative;}
.product{width:100%;height:900px;margin:0 auto;position:relative;clear:both;}
.product .tit{width:100%;height:210px;margin:0 auto;margin-top: 30px;}
.product .tit h1{width:100%;height:60px;line-height:60px;text-align:center;font-size:16px;color:#232323;font-weight:normal;position:relative;top:10px;}
.product .tit h2{width:100%;height:80px;line-height:80px;text-align:center;font-size:44px;color:#dc2f24;font-weight:normal;}
.product .tit p{width:100%;;text-align:center;font-size:21px;color:#565555;font-weight:normal;}
.product .mm{width:100%;height:auto;margin:0 auto;}
.product .mm li{width: 165px;height: 470px;float:left;margin-right:10px;margin-left:10px;}
.product .mm li .text{width: 165px;height: 165px;display:block;margin:0 auto;background:#888b8d;}
.product .mm li .text img{ width: 165px; height: 105px;margin:0 auto;}
.product .mm li .text h1{width:100%;height:35px;line-height:35px;text-align:center;color:#fff;font-size:17px;}
.product .mm li .text p{width:100%;color:#fff;text-align:center;font-size:14px;}
.product .mm li:hover .text{background:#c10810;}
.product .mm li .img { width: 165px; height: 285px; margin: 0 auto; display: block;}
.product .mm li .img img{ width: 165px; height: 285px;}
.product .mm .sec{position:relative;top:60px;}
.product .mm .thr{position:relative;top:100px;}


/*????????????*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(img/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(img/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(img/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}