@charset "gb2312";
/* CSS Document */
html{font-size:14px; /* 10¡Â16=62.5% */ width: 100%; overflow-x: hidden;} 
body{font-size:14px;width: 100%; float: left;/* 12¡Â10=1.2 */} 
/****************************************************************************************/
*{ padding:0;  margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-family: "΢ÈíÑźÚ",Microsoft YaHei,Arial,Century; }
a,a:hover,a:focus {text-decoration: none;outline: none; color: #333;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
.clear{ clear:both; height:0px;}
.fl{ float:left;}
.fr{ float:right;}
/**********************************************/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;position: relative;z-index: 100;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative; background: #003d7d;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}
/* Callback example */
.callbacks_container{margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(themes.gif) no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}
/********************************************/
.hy{ width: 100%; height: 45px; background: #333333;;}
.hy-in{ width: 1200px; margin: 0 auto; height: 45px; line-height: 45px; color: #fff;}
.hy-in .hy-wz{ float: left; color: #ccc;}
.hy-in .hy-lj{  float: right; color: #ccc;}
.hy-in .hy-lj a{ color: #ccc; padding: 0px 10px;}
.hy-in .hy-lj a:hover{ color: #fff;}
/********************************************/
.lg{ width: 100%; height: 150px; background:url(./lgbg.jpg) center no-repeat;}
.lg-in{ width:1400px; height:150px; margin:0 auto; position:relative}
/*****************************************/
.nav{ width: 100%; height: 100px; background: #eeeeee; opacity:0.9; position:fixed;}
.nav-in{ width:  100%; height: 100px; margin: 0 auto;}
.nav-in .nav-lg{ float: left; width: 350px;  height: 100px; overflow:hidden;}
.nav-in .nav-dh{  float: right; width: 720px; height: 100px;transition: all 300ms ease-out 0s; overflow:hidden; }
.nav-in .nav-dh ul li{ float: left; width: 110px; text-align:center; position: relative;}
.nav-in .nav-dh ul li a{line-height: 115px; color: #2a2134; text-transform:uppercase; font-weight: 600; font-size:16px; }
.nav-in .nav-dh ul li a:hover{ color: #0c59db;}
.nav-in .nav-dh ul li .xfl{ width: 250px; position: absolute; top: 115px; z-index: 9999999;display: none;;}
.nav-in .nav-dh ul li .xfl a{ display: block; width: 100%; text-indent: 1rem;border-bottom: 1px solid #ddd;transition: all 300ms ease-out 0s; height: 40px; line-height: 40px; text-align: left; font-weight: normal; font-size: 14px; background: #ecf1f8;}
.nav-in .nav-dh ul li .xfl a:hover{ background: #0c59db; color: #fff; text-indent: 1.5rem;}
.nav-in .nav-dh ul li:hover .xfl{ display:block;}
/******************************************/
.abt{ width: 100%; padding: 60px 0px; background:url(./abtbg.png)top center no-repeat; height: 480px;}
.abt-in{ width: 1400px; margin: 0 auto; position: relative; height: 460px;;}
.abt-in .abt-le{ width: 600px; float: left; height: 480px; overflow: hidden; margin-top: 10px;;}
.abt-in .abt-le .abt-yw{font-size: 40px; float: left; width: 100%; color: #168cdf; font-weight: bold;}
.abt-in .abt-le .abt-mc{  margin-top: 5px; font-size: 16px; float: left; width: 100%; color: #5a5a5a; font-size: 36px; letter-spacing: 1px;}
.abt-in .abt-le .abt-mc sup{ font-size: 20px;}
.abt-in .abt-le .abt-xt{ width: 100%; float: left; height: 1px; background: #f0f0f0; margin-top: 20px;}
.abt-in .abt-le .abt-dy{ width: 100%; font-size: 24px; color: #595959; margin-top: 15px; float: left;;}
.abt-in .abt-le .abt-js{ height: 220px; overflow: hidden;; width: 600px; font-size:16px; line-height: 25px; color: #a9a9a9; margin-top: 15px; float: left; text-indent: 2rem;}
.abt-in .abt-le .abt-mo{ margin-top: 30px;; width: 180px; float: left; text-align: center; height: 45px; background: #168cdf; color: #fff; text-align: center; line-height: 45px;}
.abt-in .abt-le .abt-mo:hover{background: #096aae;}
.abt-in .abt-le .abt-yd{ width: 800px; height: 70px; float: left;}
.abt-in .abt-rt{ width:800px; float: right; height: 475px; background: #000; margin-top: 15px;;}
/********************************************/
.gd{ width: 100%;  height: 80px; padding: 60px 0px; background: url(./gdbg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.gd-in{ width: 1400px; height: 80px; margin: 0 auto; position: relative;border-right: 1px solid rgba(255,255,255,0.5);}
.gd-in ul{ width: 1380px;}
.gd-in ul li{ height: 80px; float: left;  width: 340px; border-left: 1px solid rgba(255,255,255,0.5); text-align: center; position: relative;}
.gd-in ul li span#dz{ width: 100%; text-align: center; font-weight: bold; font-size: 16px; display: block; float: left;color: #fff; line-height: 36px;;;}
.gd-in ul li span#dz p{ font-size: 55px; display: inline-block;font-weight: bold;}
.gd-in ul li span#xz{ width: 100%; text-align: center; font-size: 16px; display: block; float: left; color: #fff; line-height: 36px; padding-top:0px;}
/********************************************/
.pro{ width: 100%; background:url(./probg.jpg)top center no-repeat; padding: 60px 0px; height: 1010px;;}
.pro-in{ width: 1400px; margin: 0 auto; position: relative; height: 1010px;;}
.pro-in .pro-bt{ width: 900px; float: left; height: 120px; position: relative;;}
.pro-in .pro-bt .pro-dz{ text-transform: uppercase; font-size: 40px; float: left; width: 100%; color: #25addf; font-weight: bold;}
.pro-in .pro-bt .pro-xz{ width: 100%; float: left; margin-top: 30px;margin-top: 20px; font-size: 16px; float: left; font-size: 36px; letter-spacing: 1px;}
.pro-in .pro-mo{ float: right; width: 200px; height: 50px; background: #25addf; text-align: center; line-height: 50px; color: #fff; font-size: 16px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.pro-in .pro-mo:hover{ background: #117498; }

.pro-in .pro-cp{ width: 100%; height: 390px; float: left; margin-top: 40px;; }
.pro-in .pro-cp .cp1{ width: 720px; height: 310px; float: left;background:url(cp1.jpg) center no-repeat; padding: 40px;}
.pro-in .pro-cp .cp1 .cp1-wz{ width: 460px; float: left; height: 310px;;;}
.pro-in .pro-cp .cp1 .cp1-wz .wz-dz{font-size: 32px;color: #fff; width: 100%; float: left;;}
.pro-in .pro-cp .cp1 .cp1-wz .wz-xt{ float: left; background: #fff; width: 70px; margin-top: 25px; height: 1px;;}
.pro-in .pro-cp .cp1 .cp1-wz .wz-xz{font-size: 15px;color: #fff; width: 100%; float: left; line-height: 28px; margin-top: 30px;;}
.pro-in .pro-cp .cp1 .cp1-wz .wz-mo{ width: 100%; color:#ff0; float: left; margin-top: 15px;;}
.pro-in .pro-cp .cp1 .cp1-wz .wz-mo span{ font-size: 15px;; display: block; background: url(lb.png) left center no-repeat; text-indent: 1rem; height: 30px; line-height: 30px;;;}
.pro-in .pro-cp .cp1 .cp1-tp{ width: 240px; height: 310px; float: right;;}
.pro-in .pro-cp .cp2{ width: 200px; height: 310px; float: left;background: #f5f5f5; padding: 40px 0px;}
.pro-in .pro-cp .cp2 .cp2-wz{ width: 100%; text-align: center; color: #333; font-size: 20px;;}
.pro-in .pro-cp .cp2 .cp2-xt{ width: 100%; text-align: center;margin-top:30px; margin-bottom: 20px;;}
.pro-in .pro-cp .cp2 .cp2-xt span{ display: block; margin: 0 auto; background:#b0b0b0; width: 55px; height: 1px; ;}
.pro-in .pro-cp .cp3{ width: 200px; height: 310px; float: left;background: #e7e7e7; padding: 40px 0px;}
.pro-in .pro-cp .cp3 .cp3-wz{ width: 100%; text-align: center; color: #333; font-size: 20px;;}
.pro-in .pro-cp .cp3 .cp3-xt{ width: 100%; text-align: center;margin-top:30px; margin-bottom: 20px;;}
.pro-in .pro-cp .cp3 .cp3-xt span{ display: block; margin: 0 auto; background:#b0b0b0; width: 55px; height: 1px; ;}

.pro-in .pro-tj{ width: 100%; overflow: hidden; margin-top: 30px; float: left;}
.pro-in .pro-tj ul{ width: 103%;}
.pro-in .pro-tj ul li{ padding: 10px; border: 1px solid #dfdfdf; margin-right: 20px; float: left; width: 430px;;}
.pro-in .pro-tj ul li .tj-tp{ overflow: hidden; border-bottom: 3px solid #003d7d; height: 358px;; width: 430px;position: relative; float: left;}
.pro-in .pro-tj ul li img{ display: block; margin:auto; position: absolute; max-width: 358px; max-height: 358px; left: 0px; right: 0px; top: 0px; bottom: 1px;transition: all 900ms ease;;}
.pro-in .pro-tj ul li:hover img{
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
.pro-in .pro-tj ul li:hover{ border-color: #003d7d;}
.pro-in .pro-tj ul li .tj-mc{ font-size: 16px; width: 100%; float: left; height: 30px; line-height: 30px; margin-top:10px;}
.pro-in .pro-tj ul li:hover .tj-mc{ color: #003d7d;}

/********************************************/
.ys{ width: 100%; height: 1160px; background: url(./ysbg.jpg) center top no-repeat;}
.ys-in{ width: 99%; height: 1100px; padding-top:300px; }
.ys-in .ys1{ float: left; width: 667px; height: 426px; margin-top: 360px;}

.ys-in .ys2{float: right; margin-right: 70px; width: 370px;  margin-top: 360px; height: 426px; }
.ys-in .ys2 .ys2-dz{ margin-top: 35px;; width: 100%; float: left;font-size: 20px;font-weight: bold;color: #545454;;}
.ys-in .ys2 .ys2-xz{ margin-top: 15px;; width: 100%; float: left; color: #545454; font-size: 18px;line-height:1.8;;}

.ys-in .ys3{float: left; margin-left: 110px; width: 370px;  margin-top: 125px; height: 426px; }
.ys-in .ys3 .ys3-dz{ margin-top: 35px;; width: 100%; float: left;font-size: 20px;font-weight: bold;color: #545454;;}
.ys-in .ys3 .ys3-xz{ margin-top: 15px;; width: 100%; float: left; color: #545454; font-size: 18px;line-height:1.8;;}

.ys-in .ys4{ float: right; width: 667px; height: 426px; margin-top: 150px;}

/********************************************/
.gg{ width: 100%; height: 210px; background: #262626 url(./ggbg.jpg) center no-repeat;;}
.gg-in{ width: 1200px; height: 300px; margin: 0 auto; position: relative;;}

/********************************************/
.ry{ width: 100%; height: 625px; padding: 60px 0px; background:url(./rybg.jpg);background-repeat: no-repeat;background-position: center center;}
.ry-in{ width: 1200px; margin:0 auto; position: relative; height: 680px;overflow: hidden;}
.ry-in .ry-bt{ width: 900px; float: left; height: 120px; position: relative;;}
.ry-in .ry-bt .ry-dz{ text-transform: uppercase; font-size: 40px; float: left; width: 100%; color: #003d7d; font-weight: bold;}
.ry-in .ry-bt .ry-xz{ width: 100%; float: left; margin-top: 30px;margin-top: 20px; font-size: 16px; float: left; font-size: 36px; letter-spacing: 1px;}
.ry-in .ry-mo{ float: right; width: 200px; height: 50px; background: #003d7d; text-align: center; line-height: 50px; color: #fff; font-size: 16px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.ry-in .ry-mo:hover{ background: #922b24; }
.ry-in .ry-nr{ width: 100%; float: left; margin-top: 40px; position: relative;;}
.ry-in .ry-nr .bd{ width: 100%; height: 425px; float: left;;;}
.ry-in .ry-nr .bd ul{ width: 105%;}
.ry-in .ry-nr .bd ul li{ float: left; width: 277px; height: 392px; margin-right: 30px; overflow: hidden;;}
.ry-in .ry-nr .bd ul li img{ width: 277px; height: 392px;transition: all 900ms ease;;}
.ry-in .ry-nr .bd ul li:hover img{
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.ry-in .ry-nr .hd{ width: 100%; float: left; text-align: center; height: 20px; margin-top: 20px;;}
.ry-in .ry-nr .hd ul li{ overflow: hidden; text-indent: 80px; opacity: .8; cursor:pointer; border-radius: 50%; background: #666; margin: 0 auto; height: 20px; width: 20px; display: inline-block; margin: 0px 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.ry-in .ry-nr .hd ul li.on{ background:#b00;}
/********************************************/
.ly{ width: 100%; padding: 60px 0px; background:url(./lybg.png) center no-repeat; height: 600px;background-attachment: fixed;;}
.ly-in{ width: 1200px; height: 600px; margin: 0 auto; position: relative;}
.ly-in .ly-ly{background: #fff url(./ly.jpg)top center no-repeat;padding: 55px 50px 60px 50px; width: 490px;; float: right; height: 485px;}
.ly-in .ly-ly .ly-dz{ width: 100%; float: left; color: #151a33; margin-bottom: 20px; font-size: 28px; font-weight: bold; margin-top: 30px;;}
.ly-in .ly-ly .ly-xz{ width: 100%; float: left; color: #3e3e3e; margin-bottom: 30px; font-size: 16px; line-height: 1.8; letter-spacing: 1px; }
.ly-in .ly-ly .ly-nr{ width: 100%; float: left;}
.ly-in .ly-ly .ly-nr .line{margin-bottom:1rem; float: left;}
.ly-in .ly-ly .ly-nr .line input{
	border: 1px solid #dfdce6;
	background: #fff;
	font-size: 16px;
	line-height: 24px;
	color: #17305e;
	padding: 20px 20px;
	width: 448px;
	border-radius:3px ;
	-webkit-border-radius:3px ;
	-moz-border-radius:3px ;
	-ms-border-radius:3px ;
	-o-border-radius:3px ;
}
.ly-in .ly-ly .ly-nr .btn{ cursor: pointer; width: 100%; text-align: center; color: #fff; background: linear-gradient(45deg, #25addf, #0b91c2) !important;; height: 60px; line-height: 60px; border: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; font-size: 16px; letter-spacing: 1px; }
.ly-in .ly-ly .ly-nr .btn:hover{ background: linear-gradient(-20deg, #0b91c2, #097ea9) !important;
	-webkit-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-khtml-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-moz-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-ms-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	-o-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
	box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);}
/********************************************/
.xw{ width: 100%; height: 635px; padding: 60px 0px; background:#fff;}
.xw-in{ width: 1400px; margin:0 auto; position: relative; height: 635px;overflow: hidden;}
.xw-in .xw-bt{ width: 900px; float: left; height: 120px; position: relative;;}
.xw-in .xw-bt .xw-dz{ text-transform: uppercase; font-size: 40px; float: left; width: 100%; color: #25addf; font-weight: bold;}
.xw-in .xw-bt .xw-xz{ width: 100%; float: left; margin-top: 30px;margin-top: 20px; font-size: 16px; float: left; font-size: 36px; letter-spacing: 1px;}
.xw-in .xw-mo{ float: right; width: 200px; height: 50px; background: #25addf; text-align: center; line-height: 50px; color: #fff; font-size: 16px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.xw-in .xw-mo:hover{ background: #0978a1; }
.xw-in .xw-nr{ width: 100%; float: left; margin-top: 40px; position: relative;;}
.xw-in .xw-nr .xw-tp{ float: left; width: 500px;;}
.xw-in .xw-nr .xw-tp img{ display: block; width: 500px;;;}
.xw-in .xw-nr .xw-lb{ float: right; width: 880px;;}
.xw-in .xw-nr .xw-lb ul{}
.xw-in .xw-nr .xw-lb ul li { margin-bottom: 20px; height: 100px;; width: 100%; float: left;border-bottom: 1px solid #dedede;;}
.xw-in .xw-nr .xw-lb ul li .xw-wz{ width: 750px; float: left; }
.xw-in .xw-nr .xw-lb ul li .xw-wz span#bt{ letter-spacing: 1px; font-weight:bold; display:block; width: 100%; overflow: hidden; float: left; font-size: 16px; color: #444;}
.xw-in .xw-nr .xw-lb ul li .xw-wz span#ms{ margin-top: 10px;; width: 750px;; float: left; font-size: 14px;color: #777;line-height: 24px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xw-in .xw-nr .xw-lb ul li .xw-sj{ float: right; width: 100px;;}
.xw-in .xw-nr .xw-lb ul li .xw-sj span#ti{ margin-top: 5px; width: 100%; text-align: center; font-weight: bold; font-size: 35px;  float: left;color: #777;}
.xw-in .xw-nr .xw-lb ul li .xw-sj span#ny{ width: 100%; text-align: center; font-size: 15px; display: block; float: left;color: #777;}
.xw-in .xw-nr .xw-lb ul li:hover{ border-color: #003d7d;}
.xw-in .xw-nr .xw-lb ul li:hover .xw-wz span#bt{ color: #003d7d;}
/********************************************/
.fot{ width: 100%; height: 340px; background:url(./fotb.jpg) center no-repeat;border-top: 4px solid #f9ff9a;}
.fot-in{ width: 1200px; height: 340px; margin: 0 auto; position: relative;}
.fot-in .fot-dh{ width: 1200px; border-bottom: 1px solid rgba(255,255,255,0.5);; float: left; height: 100px; line-height: 100px;;}
.fot-in .fot-dh .dh-lb{ float: left; width: 800px; ;}
.fot-in .fot-dh .dh-lb span{ display: block; float: left; color: rgba(255,255,255,0.5);; font-size: 14px; float: left; margin-right: 35px;;}
.fot-in .fot-dh .dh-lb span:hover{ color: #ff0;}
.fot-in .fot-dh .dh-wz{ line-height: 50px; margin-top: 25px;; float: right; width: 250px; height: 50px; padding: 0px 15px; background:#013327 url(./xt.png) right 25px center no-repeat; color: #fff;}

.fot-in .fot-lg{ width: 335px; height: 90px; float: left;margin-top: 30px;;}

.fot-in .fot-lx{ width: 500px; float: left; margin-top: 30px; margin-left: 60px;;}
.fot-in .fot-lx span{ display: block; width: 100%; float: left; font-size: 14px; line-height: 2.5; color: rgba(255,255,255,0.5);;}

.fot-in .fot-ewm{ width: 129px; height: 90px; float: right;margin-top: 30px;;}

.fot-in .fot-bq{ padding-top: 30px; margin-top: 30px;; float: left; height: 40px;;; width: 100%;; border-top: 1px solid rgba(255,255,255,0.5); color:rgba(255,255,255,0.5) ;}
/*********************************************/
.side{position:fixed;width:70px;right:1%;top:65%;margin-top:-200px;z-index:99999;}
.side ul li{ width:70px; height:50px; padding: 10px 0px; float:left; position:relative; color:#fff; font-size:12px; line-height:23px; text-align:center; transition:all .3s; cursor:pointer; background: #3b3939; margin-bottom: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.side ul li:hover{background:#0e91c1;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:30px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 28px;;transition:all .3s}
.side ul li i.bgs1{background-image:url(qqtb.png)}
.side ul li i.bgs2{background-image:url(tbtb.png)}
.side ul li i.bgs3{background-image:url(wxtb.png)}
.side ul li i.bgs4{background-image:url(kftb.png)}
.side ul li i.bgs5{background-image:url(lytb.png)}
.side ul li i.bgs6{background-image:url(xstb.png)}
.side ul li .sidebox{position:absolute;width:70px;height:70px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0e91c1;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-250px;top:0;background-image:url(leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0; background-size: cover;}
.side ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:-250px;top:0px;background:#0e91c1}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(dhtb.png) 28px center no-repeat;background-color:#E24E42}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}






/******************************************/

.pro-in .abt1{ width: 600px; float: left; height: 390px; position: relative; overflow: hidden;}
.abt-in .abt2{ width: 49%; float: right; height: 280px; position: relative; overflow: hidden;}
.abt-in .abt3{ width: 49%; float: right; height: 280px;  margin-top: 20px; position: relative; overflow: hidden;}

.pro-in .abt1 .abt1-dz{left: 5%; bottom: 220px;  font-size: 26px; font-weight: bold; position: absolute;  z-index: 11; color: #fff; width: 650px;}
.pro-in .abt1 .abt1-xz{left: 5%; bottom: 130px;  font-size: 14px; line-height: 2; position: absolute;  z-index: 11; color: #fff; width: 650px;}
.pro-in .abt1 .abt1-mo{left: 5%; bottom: 50px;  width: 200px; float: left; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #25addf; margin-top: 50px; font-size: 16px; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  position: absolute;  }
.pro-in .abt1 .abt1-mo:hover{ background:#00729c;}



.pro-in .abt1 .abt1-tp img{
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.pro-in .abt1:hover .abt1-tp img{
	-moz-transform: scale(1.5) ;
	-o-transform: scale(1.5) ;
	-ms-transform: scale(1.5) ;
	-webkit-transform: scale(1.5) ;
	transform: scale(1.5) ;
}


}
/******************************************/







/******************************************/

.ys-in .abt1{ width:48%; float:left;  height: 600px; position: relative; overflow: hidden;}
.ys-in .abt2{ width: 49%; float: right; height: 400px; position: relative; overflow: hidden; margin-left:15px;}
.ys-in  .abt3{ width: 49%; float: right; height: 400px;  margin-top: 20px; position: relative; overflow: hidden; margin-left:15px;}

.ys-in .abt1 .abt1-dz{left: 5%; bottom: 220px;  font-size: 26px; font-weight: bold; position: absolute;  z-index: 11; color: #fff; width: 650px;}
.ys-in .abt1 .abt1-xz{left: 5%; bottom: 130px;  font-size: 14px; line-height: 2; position: absolute;  z-index: 11; color: #fff; width: 650px;}
.ys-in .abt1 .abt1-mo{left: 5%; bottom: 50px;  width: 200px; float: left; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #1a90e3; margin-top: 50px; font-size: 16px; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  position: absolute;  }
.ys-in .abt1 .abt1-mo:hover{ background:#0565a8;}

.ys-in .abt2 .abt2-dz{left: 5%; bottom: 170px;  font-size: 26px; font-weight: bold; position: absolute;  z-index: 11; color: #fff; width: 650px;}
.ys-in .abt2 .abt2-xz{left: 5%; bottom: 110px;  font-size: 14px; line-height: 30px; position: absolute;  z-index: 11; color: #fff; width: 650px;}
.ys-in .abt2 .abt2-mo{left: 5%; bottom: 30px;  width: 200px; float: left; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #1a90e3; margin-top: 50px; font-size: 16px; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  position: absolute;  }
.ys-in .abt2 .abt2-mo:hover{ background:#0565a8;}

.ys-in .abt3 .abt3-dz{left: 5%; bottom: 170px;  font-size: 26px; font-weight: bold; position: absolute;  z-index: 11; color: #fff; width: 650px;}
.ys-in .abt3 .abt3-xz{left: 5%; bottom: 120px;  font-size: 14px; line-height: 1.5; position: absolute;  z-index: 11; color: #fff; width: 650px;}
.ys-in .abt3 .abt3-mo{left: 5%; bottom: 30px;  width: 200px; float: left; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #1a90e3; margin-top: 50px; font-size: 16px; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  position: absolute;  }
.ys-in .abt3 .abt3-mo:hover{ background:#0565a8;}

.ys-in .abt1 .abt1-tp img{
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.ys-in .abt1:hover .abt1-tp img{
	-moz-transform: scale(1.5) ;
	-o-transform: scale(1.5) ;
	-ms-transform: scale(1.5) ;
	-webkit-transform: scale(1.5) ;
	transform: scale(1.5) ;
}

.ys-in .abt2 .abt2-tp img{
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.ys-in .abt2:hover .abt2-tp img{
	-moz-transform: scale(1.5) ;
	-o-transform: scale(1.5) ;
	-ms-transform: scale(1.5) ;
	-webkit-transform: scale(1.5) ;
	transform: scale(1.5) ;
}

.ys-in .abt3 .abt3-tp img{
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.ys-in .abt3:hover .abt3-tp img{
	-moz-transform: scale(1.5) ;
	-o-transform: scale(1.5) ;
	-ms-transform: scale(1.5) ;
	-webkit-transform: scale(1.5) ;
	transform: scale(1.5) ;
}
/******************************************/