/* CSS Document */
*{margin: 0; padding: 0;}
boby{ font-size: 0.75em; font-family: "微软雅黑"; line-height: 1.75em; background: #fff;}
a{ text-decoration: none;}
li{ list-style: none;}
ul { list-style:none;}
.fl{ float: left;}
.fr{ float: right;}
.clear{ width: 0px; height: 0px; clear: both; overflow: hidden;}
input{ outline: none;}
.container{ width: 80%; margin: 0 auto;}
img{ max-width: 100%;border:0px}



/* top */
.zong{ width:100%; overflow:hidden;}
.top_box{ height:120px; width:1200px; margin:0 auto;line-height:120px;}
.top_left{ height:83px; padding-top:20px; width:251px;}
/*.top_right{ padding-top: 50px;}*/

.top_right_bottom p{ font-size:24px; color:#000000; float:right; padding-bottom: 0px;}



/* banner */
/*  #ba{ height:600px; width:100%; background: url(../images/ba.png) no-repeat center center;}  */
.ba {width:100%;margin:0 auto;}
.ba img{ width:100%;height:auto;}
.ba a{display: block;}/*inline-8*/
	



/*.ba{ width: 100%; margin: auto; background: url(../images/ba_2.png)  no-repeat center center;}
.ba_box{ width: 1200px; height: 600px; margin: auto; }
.ba_box img{ float: left; margin-top: 410px;}
*/



/* content */

.index p{font-size: 36px; font-weight: 500; margin-top: 100px; text-align: center;}
.index span{ font-size: 18px; text-align: center; padding-top: 10px; color: #444444;display:block;}

/* .about{ width: 1200px; height: 510px; margin: auto;}
.about img{ display: block; margin-top: 50px;} */
.about1{ width: 1200px; height: 510px; margin:0 auto;}
.about1_box{margin-top: 100px;}
.about1_le img{width:600px;float:left;}
.about1_ri img{ float:right;}
.about1_ri2 img{margin-top:20px;}

.index_2 p{ font-size: 36px; font-weight: 500; margin-top: 100px; text-align: center;}


.bat{ width: 100%; margin:50px auto 0;}
.bat img{display:block; margin:auto;}
/*.bat{ height: 592px;  width:100%; margin: auto;}
.bat_box{ height: 592px;margin: auto;}
.bat_box img{ margin-top: 50px;}*/
.index_3{margin-top: 100px;}
.index_3 p{ font-size: 36px; font-weight: 500; margin-top:0px; text-align: center;}
.index_4 p{ font-size: 36px; font-weight: 500; margin-top: 100px; text-align: center;}


.pro2{ margin-top: 50px;}
.pro2_box{ width: 1200px; height: 225px; margin: 0 auto; }
.pro2_1{width: 300px; height: 225px;  transition:1s; overflow:hidden;}
.pro2_2{width: 300px; height: 225px;  transition:1s; overflow:hidden;}
.pro2_3{width: 300px; height: 225px;  transition:1s; overflow:hidden;}
.pro2_4{width: 300px; height: 225px;  transition:1s; overflow:hidden;}

.pro2_1 img:hover{ display: block; transform:scale(1.2); transition:1s;}
.pro2_2 img:hover{ display: block; transform:scale(1.2); transition:1s;}
.pro2_3 img:hover{ display: block; transform:scale(1.2); transition:1s;}
.pro2_4 img:hover{ display: block; transform:scale(1.2); transition:1s;}

.pro3{ margin-top: 12px;}
.pro3_box{ width: 1200px; height: 225px; margin: 0 auto; }
.pro3_1{width: 300px; height: 225px;  transition:1s; overflow:hidden;}
.pro3_2{width: 300px; height: 225px;  transition:1s; overflow:hidden;}
.pro3_3{width: 300px; height: 225px;  transition:1s; overflow:hidden;}

.pro3_1 img:hover{ display: block; transform:scale(1.2); transition:1s;}
.pro3_2 img:hover{ display: block; transform:scale(1.2); transition:1s;}
.pro3_3 img:hover{ display: block; transform:scale(1.2); transition:1s;}

.pro4{ margin-top: 12px;}
.pro4_box{ width: 1200px; height: 225px; margin: 0 auto; }
.pro4_1{width: 300px; height: 225px;  transition:1s; overflow:hidden;}
.pro4_2{width: 300px; height: 225px;  transition:1s; overflow:hidden;}
.pro4_3{width: 300px; height: 225px;  transition:1s; overflow:hidden;}
.pro4_4{width: 300px; height: 225px;  transition:1s; overflow:hidden;}

.pro4_1 img:hover{ display: block; transform:scale(1.2); transition:1s;}
.pro4_2 img:hover{ display: block; transform:scale(1.2); transition:1s;}
.pro4_3 img:hover{ display: block; transform:scale(1.2); transition:1s;}
.pro4_4 img:hover{ display: block; transform:scale(1.2); transition:1s;}

/* video */
.video{ margin-top: 50px;}
.video_box{ width: 1200px; height: 545px; margin: 0 auto;}
.video_left{ height: 545px; width: 600px;}
.video_left_top{ width: 600px; height: 295px; float: none;}
.video_left1{ width: 295px; height: 250px; float: left;}
.video_left1 img{ width: 295px; height: 220px; display: block;}
.video_left1 p{ font-size: 18px;  margin-top: 12px; text-align: center;}

.video_left2{ width: 295px; height: 250px; float: right;}
.video_left2 img{ width: 295px; height: 220px; display: block;}
.video_left2 p{ font-size: 18px; margin-top: 12px; text-align: center;}


.video_left3{ width: 295px; height: 250px; float: left;}
.video_left3 img{ width: 295px; height: 220px; display: block;}
.video_left3 p{ font-size: 18px;  margin-top: 12px; text-align: center;}

.video_left4{ width: 295px; height: 250px; float: right;}
.video_left4 img{ width: 295px; height: 220px; display: block;}
.video_left4 p{ font-size: 18px; margin-top: 12px; text-align: center;}

.video_right{ margin-top: 114px;}
.video_right p{ font-size: 18px; text-align: center; margin-top: 30px; margin-bottom: 15px;}
.video_right a.one img{ display: block; width: 176px; height: 48px; margin: auto;}

.index_5{clear: both;}
.index_5 p{ font-size: 36px; font-weight: 500; margin-top: 100px; text-align: center;}
.index_51{margin-top: 24px;}
.index_51 img{ display: block; margin: auto;}


/* banner1 */

.banner1{ width:100%; height:524px; margin:auto;}
.banner1_box{ width: 1200px; height: 524px; margin:auto;}
.banner1 img{ margin-top: 50px;}
/* banner1 end */

.service{ margin-top: -60px; height:300px; width:100%; /*background: url(../images/service_2.png)  no-repeat center center;*/}
.service_box{ height: 300px; width: 1200px; margin: auto;position: relative;}
.service_1{margin-right: 30px;position: absolute;right:0;top:0;width: 504px;height:258px;}
.service_1 p{font-size: 24px; margin-top: 70px; margin-bottom: 10px;}
.service_1 a{ font-size: 36px; color: #2b7adf;}
.service_1 span{ display: block; font-size: 24px; padding-top: 20px;}


/* bottom */
.bottom{ width:100%; height:180px; background:#2b7adf; margin-top: 100px;}
.bottom_box{ height:180px; width:1200px; margin:0 auto;}
.bottom1 img{ float: left; margin-top: 33px; }
.bottom_box>img{ float: left; margin-left: 22px; margin-top: 36px;}
.bottom1_2{float: left; margin-left: 22px; margin-top: 33px;}

.bottom1_2 a{ font-size: 18px; line-height: 26px; color: #fff;}
.bottom1_2 p{margin-top: 14px; color: #fff;}
.bottom2{display:none}


/* bottom end*/