@charset "utf-8";
/* CSS Document */

body,html{margin:0;padding:0;font: 12px/140%  Microsoft YaHei,Arial,Helvetica, sans-serif,Verdana; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; min-width:1200px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
body{ position:relative; }
table{border-collapse:collapse;border-spacing:0;}
em,i{ font-style:normal}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none; }
li,ul li{list-style: none; }
img,a img{border:0;margin:0;padding:0;}
img,
input {	border: 0px;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1200px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}
.bg{ background:url(../images/shouhoubg.jpg) no-repeat center fixed; -webkit-background-size: cover; background-size: cover;}
.testimonials {background: url(../images/bbgg.jpg) no-repeat center fixed;   -webkit-background-size: cover; background-size: cover; color: #ffffff;}
.mt40{ margin-top:40px;}

/*top*/

/* header */
.toprh{ width:100%; height:149px; background: url(../Images/top.png) no-repeat center bottom; position:absolute;top:0px; left:0px; z-index:9999;}
#header {height: 180px;	position: relative;}
.top1{width: 100%;height: 40px;background: #4e9de1;}
.top1 p{width: 1200px;line-height: 40px;color: #fff;font-size: 14px;margin: 0 auto;}
.top1 p span{float: right;line-height: 40px;color: #fff;font-size: 14px}
.top1 p span a{color: #fff;}
.top1 p span a:hover{color: #e84b00;}
.top-box{width: 1200px;height: 140px;margin: 0 auto;}
.logo{float: left;width: 600px;padding-top:20px;}


.top-r {width:250px;height: 120px;float: right;}
.mob{width: 250px;float: left;font-size: 22px;color: #000;text-align: left;margin-top: 40px;background: url(../images/mob.png) left center no-repeat;padding-left: 70px;}
.mob b{font-size: 32px;color: #ff0000;font-family: impact;font-weight: initial;	display: block;}
.top-zz{float: right;padding-top: 20px;}
.top-zz p span{float: right;}
.top-zz p span a{font-size: 16px;color: #666;}
.top-zz img{margin: 10px;}

/*主导航多级菜单*/
#navbox{width: 100%;height: 55px;background-color:rgba(255,255,255,0.7);border-top:solid 1px #cdcdcd;display: table;}
.nav {width: 1200px;height: 55px;margin: 0 auto;}

.nav>li {float: left;text-align: center;line-height: 55px;	margin: 0px; }
.nav .navlink{-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s; }
.nav .navlink:hover,.one{box-shadow: 0px 0px 15px #aaa;background: #4e9de1; color:#fff;}
.nav>li>a {display: block;color:#000;font-size: 16px;font-family: 'Microsoft Yahei', '微软雅黑E\8F6F\96C5\9ED1';	text-decoration: none; padding:0 17px;}

.nav>li>ul{background-color: rgba(0,0,0,0.7);position: absolute;top: 235px;width:605px;z-index: 8888;height:170px;opacity: 0;visibility: hidden; padding-top:15px;}
.nav>li>ul a{color: #fff;font-size: 14px;transition-duration: .3s;float: left;display: block;margin-left: 1.5%; margin-bottom:15px; width:140px; height:170px;}
.nav>li>ul a img{display: block; width:140px; height:130px;}
.nav>li>ul a span{height: 35px;line-height: 35px;}
.nav>li>ul a:hover{color: #ff0 !important}




/*banner*/
.banner{width:100%; background:#fff;position:relative; z-index:11; }
.banner_slides{position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides , .slides_container,.slides_control ,.banner_pic{height:798px;}
.banner_slides li.slidesjs-slide{width:100%;height:798px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:798px;}
.slides_btn{position:absolute; z-index:999;display:block;width:60px;height:100px;bottom:50%; margin-bottom:-50px;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=10); /*IE�˾���͸����50%*/-moz-opacity:0.1; /*Firefox˽�У�͸����50%*/opacity:0.1;/*������͸����50%*/ background-position: center center; background-repeat:no-repeat; }
.banner:hover .slides_btn{filter:alpha(opacity=70); /*IE�˾���͸����50%*/-moz-opacity:0.7; /*Firefox˽�У�͸����50%*/opacity:0.7;/*������͸����50%*/ }
.btn_previous{ left:0%; background-image:url(../images/pre01.png);}
.btn_previous:hover{ background-color:#4e9de1;background-image:url(../images/pre02.png);}
.btn_next{ right:0%; background-image:url(../images/next01.png);}
.btn_next:hover{ background-color:#4e9de1;background-image:url(../images/next02.png);}
	/**/
.slides_pagination{ width:120px;height:14px;bottom:20px; right:50%; margin-right:-37px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 5px;display:inline-block;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:12px;height:12px;line-height:50px; background-color:#fff;color:#666;border-radius:8px;}
.slides_pagination li a.active{ width:50px; height:10px;background:#4e9de1;color:#4e9de1;}
.slides_pagination li a:hover{background:#4e9de1;color:#4e9de1;}
/*banner end*/

.cp_list_show{width:1200px; margin:30px auto; height:330px; }
.cp_list_show li{ float:left;width:16%; margin:0 15px;  text-align:center; padding:30px 10px 10px 7px; height:260px; transition-duration: 3s;}
.cp_list_show li .cp_lm24{ background:#2573e6; border-radius:30px;}
.cp_list_show li a{ color:#fff; font-size:24px; }
.cp_list_show li a:hover{ color:#FF0}
.cp_list_show li img{width:220px; border-radius:50%; height:220px; -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;}
.cp_list_show li:hover img{ -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.cp_list_show li:hover{ padding-top:-20px;}


/*gg*/
.gg{ background:url(../images/gbg.jpg) center no-repeat; overflow:hidden; position:relative; z-index:10;line-height:50px; height:50px; border-bottom:1px solid #EBEBEB;}
.gg .baseDiv{}
.gg .ggt{overflow:hidden;position:relative;display:block;width:130px;  text-align:center;}
.gg .ggt span{background:url(../images/ggt.png) left center no-repeat; color:#fff; padding-left:30px; display:inline-block; height:50px; font-size:14px; }
.gg .ggNr{ width:580px; height:50px; overflow:hidden;white-space:nowrap; margin-left:15px; position:relative;}
.gg .ggNr span{display:inline-block; min-width:100%; font-size:14px; color:#fff;}
.gg .m{ display:block; width:50px; height:50px; background:url(../images/1_fu9w.jpg); background-position:50px 0px;}
.gg .m:hover{background-position:0 0;}
.bass-ss {  z-index:100;
    float: right;
    width: 360px;
}
.bd2 {
    width:200px;
    height: 30px;
    border-radius: 15px;
    background: #9ac5fa;
    margin-left:20px;
}
.anniu2 {
    width:80px;
    height: 30px;
    background: #4e9de1;
    border-radius: 15px;
    font-size: 16px; font-family:"微软雅黑";
    line-height: 30px; color:#fff;
    text-align: center;
}

.baseTitle{ text-align:center; background:url(../images/bgtit.png)  center no-repeat; margin:20px auto;}
.baseTitle .t1{ font-size:40px; color:#000; font-weight:700; line-height:40px; }
.baseTitle .t1 .span1{ color:#4e9de1;}
.baseTitle .t1 .span2{ color:#323232;}
.baseTitle .t2{ color:#888; font-size:14px; width:900px; line-height:35px; margin:0 auto; padding-bottom:5px;}


/*��Ʒ����*/
.w1200{ width:1200px; margin: 0 auto; }
/*产品上下滚动*/
.sycp {margin-top: 30px; }
.anliroll {height: 920px; width: 86%; margin: 0 auto; }
.anliroll li {float: left; width: 23.2558139535%; background: #fff; margin: 2% 0 0 1.4%; }
.anliroll li a {display: block;overflow: hidden;position: relative; }
.anliroll li a img {display: block; height:330px; width:100%; transition: all .5s;}
.anliroll li a .spanImg{ display:block; position: relative; overflow:hidden;width:100%; height:380px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;transition: all .5s; z-index:0;}
.anliroll li a ol {line-height:60px;color: #222; background: #f2f2f2; text-align:center;width: 100%;transition: all .3s;font-size: 20px;border-bottom: 1px solid #e1dfdf;padding: 0 10px;box-sizing: border-box; z-index:9999;height:60px}
.anliroll li a ol a {color: #555;font-size: 20px; }
.anliroll li a span {display: inline-block;position: absolute;right:5px;bottom: 4%; background:#4e9de1; border-radius: 999px;padding: 5px 10px; color: #fff;}
.anliroll li a:hover {color: #fff; }
.anliroll li a:hover .spanImg {transform: scaleX(1.05) scaleY(1.05); }
.anliroll li a img:hover  {transform: scaleX(1.1) scaleY(1.1); }
.anliroll li a:hover ol {background: #4e9de1;color: #fff;}
.anliroll li a:hover span {background: #fff;color: #143a99;border: 1px solid #143a99;}


.index_class{ /* background:url(../images/bg_2.png) top center no-repeat; */ position:relative; z-index:200; padding:0px 0 40px 0; }
.index_class>.baseDiv{  box-shadow: 0 5px 15px rgba(0,0,0,0.1); position:relative;  }
.index_class .class_title{ text-align:center; padding-top:20px;}
.index_class .class_main{ padding:30px 0 30px 0; position:relative;background-color:#fff;}
.index_class .class_main ul{ margin-left:16px;}
.index_class .class_main ul li{ float:left; margin-right:10px; margin-bottom:8px;}
.index_class .class_main ul li .a1{ display:block; position:relative; height:50px; width:380px; height:160px; border:1px solid #ebebeb; background-size:cover !important; background-position: center center !important;}
.index_class .class_main ul li .a1 span{ display:block; position:absolute; z-index:10; left:50%; top:50%; width:0; height:0; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s; transition:all 0.5s; overflow:hidden; background-color:rgba(37,175,95,0.6) ; }
.index_class .class_main ul li .a1 span em { display:block; width:100%; height:100%;background:url(../images/chakan.png) center center no-repeat;}
.index_class .class_main ul li .a1:hover span{ width:100%; height:100%; left:0; top:0;}
.index_class .class_main ul li .a2{ display:block; text-align:center; line-height:40px; font-size:15px; color:#444; position:relative;}
.index_class .class_main ul li .a2 span{ position:relative; z-index:10;}
.index_class .class_main ul li .a2 em{ display:block; height:100%; left:0;top:0; width:0; position:absolute; z-index:1; background-color:#4e9de1; transition: all .4s linear;}
.index_class .class_main ul li:hover .a2{ color:#fff;}
.index_class .class_main ul li:hover .a2 em{ width:100%;}

.more {text-align: center;margin-top: 50px;}
.more a{display: inline-block;font-size: 32px;color: #ff0; height:47px;font-family: Impact;background: url(../images/moretel.png) no-repeat top center;width:530px;line-height: 45px;    text-align: left; text-indent: 289px; padding-left:35px;}



/*�ۺ�*/

.shouhou{  padding:110px 0 40px 0 ; position:relative; overflow:hidden; z-index:10;}
.shouhou .shouhou_main{ width:1230px; position:relative; z-index:10;}
.shouhou .shouhou_main li{ float:left; width:275px; margin-right:30px; position:relative; background-color:#d0dae0; height:240px; box-shadow:0 5px 15px rgba(0,0,0,0.1);    transition: all .2s linear; border-radius:20px;}
.shouhou .shouhou_main li:hover{transform:translate3D(0,-5px,0); -webkit-transform:translate3D(0,-5px,0);}
.shouhou .shouhou_main li .div1{ position: absolute; left:60%; top:-40px; margin-left:-60px; width:60px; height:60px; line-height:60px; text-align:center; color:#fff; font-family: impact; font-size:30px; background-color:#000; border-radius:100%;}
.shouhou .shouhou_main li.active .div1{ background-color:#4e9de1; color:#fff;}
.shouhou .shouhou_main li .div2{ text-align:center; padding-top:60px; text-align:center; color:#000; font-size:24px;}
.shouhou .shouhou_main li .div3{ width:260px; margin:auto; padding:15px 0 0px 0px; text-align:center;}
.shouhou .shouhou_main li .div3 p{ line-height:25px; color:#888; font-size:14px;}


.tyysCon {height: 590px;background: #5091ea; position:relative; z-index:100;}
.tyysCon .container {position: relative;height: 590px; width:1200px; margin: 0 auto;}
.tyysCon .conleft {width: 960px;height: 590px;position: absolute;left: -360px;}

.tyysCon .conright {width: 545px;position: absolute;right: 0;top: 50px; }
.tyysCon .conright dl {padding-left: 70px;color: #fff;margin-bottom: 70px;}
.tyysCon .conright dl dt {position: relative;margin-bottom: 12px;}
.tyysCon .conright dl dt em {position: absolute;left: -60px;top: 20px;}
.tyysCon .conright dl dt b {font-size: 22px;}
.tyysCon .conright dl dt span {padding-left: 222px; margin-left: 20px;background: url(../images/tyysline.png) no-repeat left center;font-size:36px;font-weight: bold;color: #e84b00;}
.tyysCon .conright dl dd {line-height: 24px;}


/*��������*/
.hzlc{ padding:40px 0 50px 0;  position:relative; z-index:100;-moz-transition: all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
.fang{  height:630px;}
.fang .fang_t{ text-align:center; margin-bottom:45px; padding:50px 0 0 0}
.fang .fang_t strong{  font-size:30px; color:#fff; display:block; line-height:50px;}
.fang .fang_t p{  font-size:16px; color:#fff; background:url(../images/fang_line.png) no-repeat center center; line-height:30px;}
.fang .fang_t span{  font-size:17px; color:#fff; display:block; line-height:30px;}

.fang .s_width{ overflow:hidden;}
.fang ul{ width:1220px; }
.fang li{ width:284px; height:360px; float:left; position:relative; background:#fff; margin:0 20px 0 0; transition:all 3s ease 0s; -webkit-transition:all 3s ease 0s;}
.fang li .fang_bg_hover{ width:284px; height:360px; position:absolute; left:0; top:0; background:#4e9de1; opacity:0;}
.fang .fang_pic{ width:140px; height:140px; left:50%; margin-left:-70px; top:38px; overflow:hidden; position:absolute; z-index:1}
.fang li p{ position:absolute; width:100%; line-height:35px; text-align:center; z-index:2; bottom:120px; font-size:24px; font-weight:bold; color:#272727}
.fang  li span{ position:absolute; width:250px; display:block; left:45%; margin-left:-110px; line-height:25px; text-align:center; z-index:2; top:270px; font-size:15px; color:#4d535f}
.fang .fang_line{ position:absolute; width:40px; left:50%; margin-left:-20px; bottom:110px; background:#5e6066; height:1px; z-index:2;}
.fang .hz_tel{ text-align:center; font-size:25px; font-weight:700; padding-top:20px;}
.fang .hz_tel span{ background-color:#fdf000; color:#222; display:inline-block; height:50px; line-height:50px; padding:0px 50px; border-radius:50px;}

/*��������*/
.about{padding:30px 0 30px 0; position:relative; z-index:100;}

.about .about_t{ height:118px; background:url(../images/about_t.jpg) left center no-repeat;}
.about .about_t .span1{ line-height:100px; padding-left:100px; font-size:36px; color:#4e9de1; }
.about .about_t .m{ display:block; height:33px; background-color:#fdf000; color:#000; font-size:14px; padding:0 30px; line-height:33px; border-radius:33px; margin-top:32px;}
.about .about_t .m:hover{ background-color:#4e9de1;color:#fff;}
.about .img{ width:510px; height:316px;position:relative; z-index:11;background-color:#f4f4f4; box-shadow:0 5px 10px rgba(0,0,0,0,1); }
.about .img img{ display:block; width:510px; height:316px; }
.about .content{ height:316px; width:540px; overflow:hidden; }
.about .content .aboutBox{ line-height:30px;font-size:16px;color:#000; width:100%; text-indent:2rem;margin-top:16px;}
.about .about_left{ background-color:#4e9de1; height:316px; padding:0 8px 0 23px; }
.about .about_left .div_lin{ text-align:left; width:180px; height:65px; padding-top:32px;}
.about .about_left .div_lin .div1{ line-height:45px; height:45px;}
.about .about_left .div_lin .div1 .span1{ font-size:55px; color:#fff; font-family:Impact;}
.about .about_left .div_lin .div1 .span2{ font-size:14px; color:#eee;}
.about .about_left .div_lin .div2{ color:#f3f3f3; font-size:14px; line-height:20px; padding-top:3px;}


.sl-cont{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.sl-cont li{
	width: 23%;
	height: 320px;
	float: left;
	margin: 10px 1%;
	position: relative;
	display: block;
}
.sl-cont li:hover{
	box-shadow: 0px 0px 10px #ccc;
}
.sl-cont li a{
	width: 100%;
	height: 270px;
	display: block;
	overflow: hidden;

}
.sl-cont li a img{
	width: 100%;
	height: 270px;
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}
.sl-cont li:hover a img{
	transform: scale(1.1);
}
.sl-cont li p{
	background: #eee;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
}

.sl-cont li:hover p{
	background: #5091ea;
}
.sl-cont li:hover p a{
	color: #fff;
}
.sl-cont li p a{
	color: #333;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 50px;
}


/*���*/
.guanggao{ height:160px; background-color:rgba(11,161,4,0.9); position:relative; z-index:10;}
.guanggao>.baseDiv{ position:relative;}
.guanggao .img{ position:absolute; z-index:10; left:0; top:10px; border:2px solid #ccc;  width:486px; height:136px;}
.guanggao .img img{ width:476px; height:126px; margin:5px;}
.guanggao .ewm{ width:170px; height:160px; background-color:#fff;}
.guanggao .ewm img{ display:block; width:120px; margin:20px auto;}
.guanggao .nr{ width:610px; height:160px;}
.guanggao .nr .nr_box{ text-align:center; width:540px;}
.guanggao .nr .nr_box .div1{ color:#fff; font-size:25px; font-weight:700; padding-top:20px;}
.guanggao .nr .nr_box .div2{ color:#fff; font-size:13px;}
.guanggao .nr .nr_box .div3{ padding-top:20px;}
.guanggao .nr .nr_box .div3 a{ display: inline-block; margin:0 10px; height:35px; line-height:35px; border:1px solid #fff; color:#fff; font-size:14px; padding:0 30px;}
.guanggao .nr .nr_box .div3 a:hover{ background-color:#fff; color:#4e9de1;}

/*index product*/
.indexProduct{ /*background:#fff url(../images/tbl_bg07.jpg) top center no-repeat;*/ position: relative; z-index:10; padding:30px 0 0px 0;}
.indexProduct .indexProductBox{ margin-top:25px;}
.proClass{width:100%; background-color:#fff; padding:5px 0;}
.proClass li.li1{ position:relative; width:220px; margin:auto; padding:2px 0;}
.proClass li.li1 .a1{ display:block; height:53px; line-height:53px; color:#333; text-align: left; margin:auto; font-size:14px; position:relative; padding-left:15px; overflow:hidden; background-color:#f4f4f4;}
.proClass li.li1 .a1 span{ padding-left:35px; background:url(../images/class_li.png) left center no-repeat;}
.proClass li.li1 .a1 em{ display:block; position:absolute; right:-15px; top:0; height:100%; width:20px; background:url(../images/proCLass.png) right center no-repeat ;-moz-transition: all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.proClass li.li1 .a1:hover{ background-color:#394954; color:#fff;}
.proClass li.li1 .a1:hover span{ background:url(../images/class_li2.png) left center no-repeat;}
.proClass li.li1 .a1:hover em{ right:25px;}
.indexProduct .leftClass{}
.leftClass{ width:100%; width:240px;}
.leftClass .leftClassBox{ border:1px solid #ddd; border-bottom:6px solid #394954;}
.leftClass .leftClassT{ width:100%;text-align:left; padding:15px 0 18px 0; background-color:#394954; }
.leftClass .leftClassT p{ display:inline-block; padding-left:70px; background:url(../images/classT.png) center left no-repeat; margin-left:15px;}
.leftClass .leftClassT .span1{ display:block; color:#fff; font-size:30px; font-weight:700;}
.leftClass .leftClassT .span2{ font-size:11px; color:#fff;}
.leftClass .bb{ width:195px; margin:auto; height:0; border-bottom:1px solid #eaeaea;}
.leftClass .left_lx{ margin-top:15px; background-color:#394954;}
.leftClass .left_lx .lxt{ height:100px; background:url(../images/LXT.jpg) top left no-repeat; }
.leftClass .left_lx .lxbox{ padding:15px 20px 20px 20px;}
.leftClass .left_lx .lxbox p{ line-height:20px; padding:8px 0; font-size:14px; color:#fff;}



.leftClass .proMore{ display:block; border-top:0;height:58px; line-height:61px; text-align:center; background-color:#fff; color:#d6000f; background-image:url(../images/tmp1482388813_1349477_s.png); background-position: center center; background-repeat:no-repeat; box-shadow:0 5px 15px rgba(0,0,0,0.1); border:1px solid #ededed; border-top:0; width:100%;}
.leftClass .proMore:hover{ }


/*����*/

.indexNews{ padding:30px 0 50px 0; background:#fff; position:relative; z-index:10;}
.indexNews .news_bg{ position: absolute; top:0; left:0; width:100%; height:100px; background-color:#f4f4f4;  z-index:10;}
.news-cont{width: 1200px;height: 500px;margin: 50px auto 0px;}
.news-cont>h2{font-size: 24px;color: #333;text-align: left;	border-bottom: solid 1px #ccc;background: url(../img/xian2.jpg) bottom left no-repeat;margin-bottom: 30px;line-height: 60px;}
.news-l{width: 550px;height: 450px;	background: #fff;float: left;position: relative;}
.news-pic{width: 550px;	height: 300px;border: solid 1px #ddd;box-sizing: border-box;overflow: hidden;position: relative;}
.news-pic img{width: 550px;	height: 300px;}
.news-pic p{position: absolute;	bottom: 10px;right: 20px;}
.news-pic p span{width: 30px;height: 30px;background: #fff;	border-radius: 50%;	display: block;	margin: 5px;float: left;text-align: center;}
.news-pic .news-on{background: #ff0000;color: #fff;}
.news-l h4{padding-left: 20px;line-height: 50px;font-weight: initial;font-size: 18px;color: #333;}
.news-l h4 a{color: #000; transition:all 0.4s;}
.news-l h4 a:hover{color: #4e9de1; padding-left:15px;}
.news-l p{line-height: 30px;font-weight: initial;font-size: 16px;color: #666;padding: 0px 20px;}
.news-l>a{width: 120px;height: 36px;display: block;font-size: 16px;color: #fff;	line-height: 36px;text-align: center;background: #cc0000;margin: 10px 30px;}
.news-l>a:hover{color: #fff;background: #f27000;}

.news-cont ul{float: right;}
.news-cont ul li{width: 620px;height: 135px;margin: 0px 15px 20px 10px;}
.news-cont ul li h4{font-size: 18px;color: #000;font-weight: normal;line-height: 40px;}
.news-cont ul li h4 a{color: #000; transition:all 0.4s;}
.news-cont ul li p{font-size: 14px;line-height: 25px;color: #999;padding-right: 20px;}
.news-cont ul li:hover .news-time{color: #333; background:#fdf000;}
.news-cont ul li:hover .news-time span{color: #333;}
.news-cont ul li:hover h4 a{color: #4e9de1; padding-left:15px;}
.news-cont ul li .news-time{background: #4e9de1;width: 100px;height: 105px;font-size:55px; font-family:Impact;color: #fff;text-align: center;float: left;line-height: 60px;display: block;	margin-right: 20px;}
.news-cont ul li .news-time span{font-size: 20px;color: #fff;display: block;line-height: 40px;width: 100px;height: 40px;margin: 0 auto;	text-align: center; font-family:"微软雅黑";}
.pro-on{
	background: #ff0000 !important;
	color: #fff;
}

.indexNews>.baseDiv{ position:relative; z-index:15;}
.indexNews .img{ border:6px solid #e9e9e9; width:300px; height:410px;}
.indexNews .img img{ width:100%; height:100%;}

.indexNews .news_title{ height:70px; line-height:48px;}
.indexNews .news_title .span1{ color:#394954; font-size:36px;}
.indexNews .news_title .span2{ color:#4e9de1; font-size:33px; font-weight:700; padding-left:20px;}
.indexNews .news_title .m{ display:block; float:right; height:35px; padding:0 25px; background-color:#394954; color:#fff; line-height:35px; font-size:14px; margin-left:20px; margin-top:5px;}
.indexNews .news_title .m:hover{ background-color:#4e9de1;}
.indexNews .newsBox{ width:860px}
.indexNews .baseTitle .b{width:600px;}
.indexNews .newsBox ul{ padding-top:17px; width:890px;}
.indexNews .newsBox ul li{ border-bottom:1px dashed #ddd; padding:15px 0; float:left; width:415px; margin-right:30px;}
.indexNews .newsBox .nt{ }
.indexNews .newsBox .nt a{ color:#000; font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:230px; display:block; float:left; padding-left:28px; background:url(../images/news_sj.png) left center no-repeat;}
.indexNews .newsBox .nt a:hover{ color:#fb0019;}
.indexNews .newsBox .time{ font-size: 14px;  color: #b7b7b7; padding:3px 0; float:right;}
.indexNews .newsBox .desc{font-size:14px;color: #444; font-weight: normal; text-decoration: none; line-height:22px; height:44px; overflow:hidden;}
.indexNews .ry{ width:430px;}
.indexNews .ry .ryTitle{ width:100%; display:block; height:54px; background-color:#1c4587; color:#fff; font-size:15px; font-weight:700; line-height:54px; text-align:center;}
.indexNews .ry .ryTitle:hover{ background-color:#3c78d9;}
.indexNews .ryBox{ position:relative; width:100%; height:460px;}
.indexNews .ryBox ul{ width:100%; height:100%;}
.indexNews .ryBox ul li{z-index:0;position:absolute;width:0px;height:0;top:0px;cursor:pointer;left:0; border:3px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.indexNews .ryBox ul img{width:100%;height:100%;vertical-align:top;}
.indexNews .ryBox .prev,.indexNews .ryBox .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:90px;height:100%;top:0; }
.indexNews .ryBox .prev{left:0;}
.indexNews .ryBox .next{right:0;}


/*��ϵ����*/
.index_lxwm{ background-color:#f6f6f6; position:relative; z-index:10; width:100%; border-top:3px solid #394954;}
.index_lxwm .lxwm_title{ text-align:center; border-top:1px dotted #888; padding-top:10px;}
.index_lxwm .lxwm_title .p1{font-size:26px; color:#000; font-weight:700; letter-spacing:3px; }
.index_lxwm .lxwm_title .p2{font-family: Verdana, Geneva, sans-serif; color:#000; font-size:14px; padding-top:5px;}
.index_lxwm .map{ width:100%; height:387px; position:relative; z-index:10;}
.index_lxwm .lx_nr{ position:absolute; z-index:15; left:50%; top:0; margin-left:-600px; width:330px; height:100%; background-color:rgba(255,255,255,0.9);}
.index_lxwm .lx_nr .t{ background:url(../images/sanjiao.png) top center no-repeat; padding:20px 0 15px 0; text-align:center;}
.index_lxwm .lx_nr .t .div1{ font-weight:700; font-size:30px; color:#333;}
.index_lxwm .lx_nr .t .div2{ font-size:24px; color:#333;}
.index_lxwm .lx_nr .list{ padding:10px 25px; border-top:1px solid #ddd; line-height:35px; text-align:center;}
.index_lxwm .lx_nr .list .div1{ height:35px; width:35px; border-radius:100%; background-color:#4e9de1; background-position: center center !important; background-repeat:no-repeat !important;}
.index_lxwm .lx_nr .list strong{ font-size:28px;}
.index_lxwm .lx_nr .list .div2{ color:#5a5a5a5; font-size:15px; padding-left:15px;}
.index_lxwm .lx_nr .list_0 .div1{ background-image:url(../images/lx_00.png);}
.index_lxwm .lx_nr .list_1 .div1{ background-image:url(../images/lx_01.png);}
.index_lxwm .lx_nr .list_2 .div1{ background-image:url(../images/lx_02.png);}
.index_lxwm .lx_nr .list_3 .div1{ background-image:url(../images/lx_03.png);}
.index_lxwm .lx_nr .list_4 .div1{ background-image:url(../images/lx_04.png);}

/*��ҳ���̰���*/
.cases{ padding:30px 0 30px 0; background:url(../images/casebg.png) center no-repeat; position:relative; z-index:10; width:100%; height:200px;}

.cbaseTitle{ text-align:center; background:url(../images/catit.png)  center no-repeat; margin:60px auto 0 auto;}
.cbaseTitle .t1{ font-size:40px; color:#000; font-weight:700; line-height:40px; }
.cbaseTitle .t1 .span1{ color:#fdf000;}
.cbaseTitle .t1 .span2{ color:#fff;}
.cbaseTitle .t2{ color:#fff; font-size:14px; width:900px; line-height:35px; margin:0 auto; padding-bottom:5px;}


/*案例*/
.al{width: 100%; padding-bottom:30px; background:url(../images/bg_2.png) center no-repeat;}
.albt {text-align: center;}
/* focus_Box */
#focus_Box{position:relative;width:1180px;height:700px;margin:40px auto 0 auto;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; overflow: hidden;border:10px solid #fff;    -webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2);}
#focus_Box li img{width:100%;height:100%;vertical-align:top;transition: .5s;}
#focus_Box li:hover img{transform: scale(1.05,1.05);}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:53px;height:101px;top:131px;transition: 0.5s;opacity: 0.6;}
#focus_Box .prev{background:url(../images/btnl.png) no-repeat; left:-90px; top:190px;}
#focus_Box .next{background:url(../images/btnr.png) no-repeat;right:-90px; top:190px;} 
#focus_Box .prev:hover{left: -110px;opacity: 1;}
#focus_Box .next:hover{right:-110px;opacity: 1;}
.albom{text-align: center;position: relative;}
.albom a{display: inline-block;line-height: 50px;color: #fff;width: 260px;position: relative;border-radius: 25px;margin: 0 10px;transition: all .5s;}
.albom a.more {background: #4e9de1;font-size: 20px;top: -4px;transition: all .5s;}
.albom a.tel {background: #c10c0c url(img/altel.png) no-repeat 30px 10px;font-size: 30px;padding-left: 40px;}
.albom a.more:hover{color: #222; background:#fdf000}



/*���*/
.rightShow{ position:fixed; z-index:9999; bottom:30%; right:40px; display:none;}
.rightShow a{ display:block; width:45px; height:45px;background: url(../images/right.jpg) no-repeat; position:relative;}
.rightShow a span{ display:block; position:absolute; right:100%; bottom:0;width:0; height:0; background-color:#fff; overflow:hidden;-moz-transition: all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
.rightShow a span img{ display:block; width:120px; height:120px; margin:15px auto;}
.rightShow a:hover span{width:150px; height:150px;}
.rightShow a.a1{ background-position: left 0;}
.rightShow a.a2{ background-position: left -45px;}



/*�ײ�*/
.bottomNav{ background-color:#007fcc; border-top:5px solid #fff100; border-bottom:1px solid #0178c0; position:relative; z-index:10; display:none;}
.bottomNav li{ line-height:60px;position:relative; float:left;text-align:center; padding-right:45px;}
.bottomNav li a{color:#fff; font-size:15px;}
.bottomNav li a:hover{ text-decoration:underline; color:#fff;}
.bottomNav li.linNoto{ float:right;  padding-right:0; }
.bottomNav li.linNoto a{ display:block; height:60px; padding-left:33px;font-size:18px;background:url(../images/d4.png) left center no-repeat; font-weight:700;}
.foot{ background-color:rgb(41, 41, 41); padding:30px 0; position:relative; z-index:10;  }
.foot .left_nr{ width:235px; border-right:1px solid #363636; height:120px;}
.foot .left_nr .div1{ color:rgb(246, 246, 246); font-size:30px; font-family:Impact;}
.foot .left_nr .div2{ color:#fafafa; font-size:16px; width:160px;text-align:center; padding:5px 0 25px 0;}
.foot .left_nr .div3{ display:block; width:160px;  height:30px; line-height:30px; text-align:center; border-radius:30px; font-size:16px; color:#fff; background:#4e9de1}
.foot .left_nr .div3:hover{ background-color:#fdf000; color:#222; }
.foot .right_nr{ padding-right:28px; line-height:30px; text-align:right; font-size:14px;  color:#fafafa; width:400px; height:120px; border-left:1px solid #363636;}

.foot .footCenter{ height:90px; margin-left:40px; width:300px;}
.foot .footCenter ul{}
.foot .footCenter ul li{ float:left; width:47%; line-height:40px; border:1px solid #fafafa; margin:1%; text-align:center;}
.foot .footCenter ul li a{ color:#fafafa; font-size:16px; text-align:center;}
.foot .footCenter ul li a:hover{ color:#ff0;}

.copyright{ line-height:60px;  font-size:14px; color:#666;text-align: center; position:relative; z-index:10; background-color:#000; }
.copyright span{ padding:0 8px;}
.copyright a{ color:#666;}
.copyright a img{ vertical-align:middle;}
.copyright a:hover{ color:#fff;}
.foot .gzwm{  position: relative; height:81px; width:120px;}
.foot .gzwm .ewm{ position:absolute; width:120px; height:120px; left:0; top:0;}
.foot .gzwm .ewm img{ display:block; width:100%; margin: auto; }


/*µ±Ç°Î»ÖÃ*/
.breadcrumbs{height:34px;font-size:14px;line-height:34px;color:#999; padding:6px 20px; margin-bottom:20px;background:#f4f4f4; border-left:5px solid #ff9900; border-bottom:3px solid #394954;}
.breadcrumbs a{color:#666;}
.breadcrumbs a:hover{ text-decoration:underline;}
.breadcrumbs .sortName{ color:#ff9900; font-size:20px; font-weight:700;}
.breadcrumbs .indexa{ padding-left:30px;}
/**/
.page_nav{ padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#f4f4f4; margin-top:20px;}
.page_nav .nolink{display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #bbb; border-radius:5px;}
.page_nav font,.page_nav a{ display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #bbb; height:25px; line-height:25px; border-radius:5px;}
.page_nav font{ border:1px solid #f4f4f4;}
.page_nav a:hover{ color:#fff; border:1px solid #394954; background-color:#394954}

.viewpage{ margin:0; padding:20px 0 50px 0; border-top:1px solid #eee;}
.viewpage .main_r_nav{ color:#999; font-size:14px; line-height:30px;}
.viewpage .main_r_nav a{ font-size:14px; color:#444}
.viewpage .main_r_nav a:hover{ text-decoration:underline;}

/*ÁªÏµÎÒÃÇ*/
#faqbox{padding:0px 0; background-color:#fff; width:539px; margin-left:170px;}
#faqbox form{ margin-top:20px;}
#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}
#faqbox .faqtit{display:block;clear:both;text-align:left; color:#151515; font-size:14px; line-height:30px;}
#faqbox .Content{line-height:2em;text-align:left}
#faqbox font{margin:0 5px;}
#faqbox .FaqTitle{ height:40px; line-height:40px; padding:0 10px; border:1px solid #ddd; border-radius:5px; width:515px;}
#faqbox .Content textarea{height:100px;}
.wizfrm{width:535px;height:40px;line-height:40px;font-size:16px;color:#ff9900;text-align:center;text-decoration:none;cursor:pointer;border:none;background:#fff; margin-top:10px; border:1px solid #d6000f; font-family:'΢ÈíÑźÚ';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.wizfrm:hover{ background-color:#d6000f; color:#fff; }


.main{ background-color:#fff; padding:30px 0;}
.main .main_right{ width:925px;}
.text{ line-height:35px; font-size:15px; color:#333;padding:10px 0;}
.text span{font-size:15px;}
.text img{ max-width:100%;}
.main .tT01{ text-align:center; line-height:35px; margin-top:20px;}
.main .tT01 .span1{ font-size:24px; color:#000;}
.main .subtitle{font-size: 13px; line-height: 24px; height: 24px; color: #8F8F8F; text-align:center;}
.main .subtitle span{ padding:0 10px;}

.main .main_left{ width:182px; }
.main .main_left .titleL{ height:80px; background:url(../images/bt_vt57.jpg) top right no-repeat;  text-align:center; overflow:auto;}
.main .main_left .titleL span{ font-size:24px; color:#fff; font-weight:700; display:block; width:100%; height:80px; line-height:80px;}
.main .main_left .titleL2{ display: block ;width:100%; margin-top:10px; overflow:hidden; }
.main .main_left .titleL2 img{ display:block; width:100%;}
.main .navLeft{}
.main .navLeft li a{ display:block; width:100%; height:45px; line-height:45px;;color:#305dc3; text-align:left; border-bottom:1px solid #305dc3; font-size:14px; position:relative;}
.main .navLeft li a span{ position:relative; z-index:5; padding-left:15px  }
.main .navLeft li a em{ display:block; width:0; position:absolute; z-index:1; left:0; top:0; height:100%;background-color:#305dc3;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main .navLeft li a:hover,.main .navLeft li.active a{ color:#fff;}
.main .navLeft li a:hover em,.main .navLeft li.active a em{ width:100%;}
.main  .titleL2{font-size:20px; color:#fff;display:block; width:100%; height:50px; line-height:50px; background-color:#0748a6; text-align:center; margin-top:15px;}
.main .left_lxwm{ border:1px solid #0748a6; padding:15px 10px; font-size:13px; color:#666; line-height:30px;}
/*²úÆ·*/

.main .news_list{}
.main .news_list li{border-bottom: 1px dashed #e4e4e4; padding:15px;}
.main .news_list li:nth-child(2n){ background-color:#f4f4f4;}
.main .news_list li .titleBox{}
.main .news_list li a{ color:#000; font-size:15px; padding-left:25px; background: url(../images/news_sj.png) left center no-repeat;}
.main .news_list li .titleBox a:hover{ color:#e83737;}
.main .news_list li .desc{ line-height: 22px; max-height: 44px;  color: #555;  overflow: hidden; font-size:13px; margin-top:15px; padding:0 0 0 0px;}
.main .news_list li .lMore{ font-size:13px; color:#b7b7b7;}
.main .leftClass .proMore{ background-color:#fff;}
.main .leftClass .proMore:hover{ background-color:#d6000f; color:#fff;}

.main .proList{ width:925px; height:auto; overflow:hidden;}
.main .proList ul{ width:943px; height:auto;}
.main .proList ul li{ margin-right:18px; margin-bottom:12px;}
.main .proList{}


.main .map{ width:100%; height:360px; border:1px solid #ddd; border-radius:5px;}


.info {border: solid 1px silver;}
 div.info-top{position:relative;background:none repeat scroll 0 0 #F9F9F9;border-bottom:1px solid #CCC;border-radius:5px 5px 0 0;}
div.info-top div{display:inline-block;color:#333333;font-size:14px;font-weight:bold;line-height:31px;padding:0 10px;}
div.info-top img{position:absolute;top:10px;right:10px;transition-duration:0.25s;}
div.info-top img:hover{box-shadow:0px 0px 5px #000;}
div.info-middle{font-size:12px;padding:6px;line-height:20px;}
div.info-bottom{height:0px;width:100%;clear:both;text-align:center;}
div.info-bottom img{position:relative;z-index:104;}
.amap-info{ width:420px !important; }
.amap-info>div{ width:100%;}
.info-middle{height:150px !important; line-height:30px !important; }
.info-middle img { float:left;margin-right:12px; height:150px;}