/*@import "/skins/default/resetcommon.css";*/

/*index.css start*/

@charset "utf-8";

/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal;}





.f_fm{ font-family: "Microsoft Yahei"; }

.f_ft{ font-family: "Times New Roman", Times, serif; }

.f_far{ font-family: Arial, Helvetica, sans-serif; }

.f_fim{ font-family: Impact; }





/*banner*/

.banner{background:url(../images/banner.jpg) no-repeat center top; height:550px; overflow: hidden;}

.banner2{height: 550px; overflow: hidden;}

.banner2 p{float: right; margin-top: 415px; width: 148px; height: 36px; overflow: hidden; text-align: center; font-size: 20px; line-height: 36px;  background:url(../images/btn.png) no-repeat center top;}

.banner2 p a{color: #fff;}





.ys dl dt img:hover,.cul li img:hover{

	transition:All 0.4s ease-in-out;

	    -webkit-transition:All 0.4s ease-in-out;

	    -moz-tr15:17 2016/9/6ansition:All 0.4s ease-in-out;

	    -o-transition:All 0.4s ease-in-out;

	

	    transform:scale(1.2);

	    -webkit-transform:scale(1.2);

	    -moz-transform:scale(1.2);

	    -o-transform:scale(1.2);

	    -ms-transform:scale(1.2);

}



 

/*probg*/

.probg{ height: 645px; overflow: hidden;}

.pro{position: relative; height: 645px; overflow: hidden;}



.t_h2{margin:75px auto 28px; width: 1200px; height:78px;text-align: center;font:36px/60px "Microsoft Yahei"; overflow: hidden;background:url(../images/tic.png) no-repeat center bottom; color: #333;}

.pro ul{position: relative; z-index: 200; width: 265px; overflow: hidden;  float: left;}

.pro ul li{margin-bottom: 1px; padding-left: 43px; width:222px; font-size: 16px; line-height: 76px; color: #333; height: 76px; overflow: hidden; background:url(../images/pro_ip1.png) no-repeat center top;}

.pro ul li:hover,.pro ul .cur{zoom: 1; color: #fff; background:url(../images/pro_ip2.png) no-repeat center top;}



.pro_c{ position: absolute; z-index: 100; left:247px;top:183px; height: 386px; width: 953px; overflow: hidden;background:url(../images/pro_bg.jpg) no-repeat center top;}

.pro1 dl{height: 386px; width: 953px; overflow: hidden;}

.pro1 dl dt{float: left; width:578px; height:386px; overflow: hidden;}

.pro1 dl dt img{width:578px; height:386px;}

.pro1 dl dd{ position: absolute; left:518px; top:40px; padding-right: 44px; width:390px; overflow: hidden;}

.pro1 dl dd span{display: block; width: 181px; height:32px; overflow: hidden;}

.pro1 dl dd span img{ width: 181px; height:32px;}

.pro1 dl dd h3{margin:7px 0 10px 102px; color: #333;border-bottom: 1px solid #dfdfe0; font:20px/56px "Microsoft Yahei";}

.pro1 dl dd p{margin-left: 102px; color: #555; font:14px/32px "Microsoft Yahei";}

.pro1 dl dd em{margin-left: 102px; margin-top: 30px; display: block; width: 148px; height: 36px; overflow: hidden; text-align: center; font-size: 20px; line-height: 36px;  background:url(../images/btn.png) no-repeat center top;}

.pro1 dl dd em a{color: #fff;}





/*lc*/

.lcbg{ height:863px;overflow: hidden;}

.lc .t_h2{margin:0 auto 40px;}



.lc ul{float: left; width: 858px;overflow: hidden; }

.lc ul li{float: left; margin:0 56px 37px 0;width: 230px; height: 194px; overflow: hidden;}

.lc ul li p{ display: block; margin:27px 0 0 22px; color: #333; font:bold 16px/35px "Microsoft Yahei";}

.lc ul li p em{ display: inline-block; padding-left: 10px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.lc ul li span{ display: block; margin:0 0 0 22px; color: #333; font:14px/30px "Microsoft Yahei";}

.lc ul li span i{ display: block; line-height: 14px; font-weight: normal;}

.lc ul .nones{margin-right: 0px;}

.lc ul li:hover{zoom: 1;}



.lc ul .lc1{background:url(../images/lc_i1.jpg) no-repeat center top;}

.lc ul .lc1:hover{background:url(../images/lc_i11.jpg) no-repeat center top;}



.lc ul .lc2{background:url(../images/lc_i2.jpg) no-repeat center top;}

.lc ul .lc2:hover{background:url(../images/lc_i22.jpg) no-repeat center top;}



.lc ul .lc3{background:url(../images/lc_i3.jpg) no-repeat center top;}

.lc ul .lc3:hover{background:url(../images/lc_i33.jpg) no-repeat center top;}



.lc ul .lc4{background:url(../images/lc_i4.jpg) no-repeat center top;}

.lc ul .lc4:hover{background:url(../images/lc_i44.jpg) no-repeat center top;}



.lc ul .lc5{background:url(../images/lc_i5.jpg) no-repeat center top;}

.lc ul .lc5:hover{background:url(../images/lc_i55.jpg) no-repeat center top;}



.lc ul .lc6{background:url(../images/lc_i6.jpg) no-repeat center top;}

.lc ul .lc6:hover{background:url(../images/lc_i66.jpg) no-repeat center top;}



.lc ul .lc7{background:url(../images/lc_i7.jpg) no-repeat center top;}

.lc ul .lc7:hover{background:url(../images/lc_i77.jpg) no-repeat center top;}



.lc ul .lc8{background:url(../images/lc_i8.jpg) no-repeat center top;}

.lc ul .lc8:hover{background:url(../images/lc_i88.jpg) no-repeat center top;}



.lc ul .lc9{background:url(../images/lc_i9.jpg) no-repeat center top;}

.lc ul .lc9:hover{background:url(../images/lc_i99.jpg) no-repeat center top;}



.lc_tel{position: relative; height:611px; padding-top: 45px; width: 340px; border: 1px solid #e5e5e5; background:#f3f3f3;overflow: hidden; }

.lc_tel h3{ margin-left:33px; padding-left:22px; color: #333; font:bold 20px/45px "Microsoft Yahei";background:url(../images/lc_l1.gif) no-repeat left center;}

.lc_tel p{margin: 20px 0 10px 33px; font:14px/30px "Microsoft Yahei"; }

.lc_tel em{margin-left:33px; margin-top: 20px;  width: 148px;display: block; height: 36px; overflow: hidden; text-align: center; font-size: 16px; line-height: 36px;  background:url(../images/btn.png) no-repeat center top;}

.lc_tel em a{  color: #fff;}



.lc_tel span{ position: absolute; display: block; left:0px; bottom: 0px; width: 340px; height: 273px; overflow: hidden;}

.lc_tel span img{ width: 340px; height: 273px;}



/*kh_bg*/

.kh_bg{height: 544px; overflow: hidden; border-bottom: 1px solid #e8e8e8;}

.kh .t_h2{ margin: 80px auto 42px;}



.kh .kh_u1{margin:0 auto 30px; height: 50px; width:361px; overflow: hidden; background:url(../images/kh_t1.jpg) no-repeat center top;}

.kh .kh_u1 li{float: left;  width: 180px; overflow: hidden; height: 50px; text-align: center; font-size: 20px; line-height: 50px; color: #fff;}

.kh01{height: 305px;}

.kh dl{margin-right: 22px; margin-bottom: 35px; width:385px; float: left; overflow: hidden; background:url(../images/kh_bg.jpg) no-repeat center top;}

.kh dt {overflow:hidden;}

.kh dt img{float: left; display: inline; margin-left: 30px; width:80px; height:80px; border-radius: 100%;}

.kh dt span{float: left;display: block; margin-left: 20px;font-size: 14px; line-height: 44px; color: #333;}

.kh dt span em{color: #00a0e9;padding-right: 8px; display: inline-block;}

.kh dd{padding: 20px 25px 0; height: 170px; color: #666; overflow:hidden;font:14px/28px "Microsoft Yahei"; }

.kh dd h3{ color:#333;font:bold 16px/35px "Microsoft Yahei"; }

.kh .kh01 .nones{margin-right: 0px;}

.kh dl:hover dt img{transition:All 0.4s ease-in-out;

	    -webkit-transition:All 0.4s ease-in-out;

	    -moz-transition:All 0.4s ease-in-out;

	    -o-transition:All 0.4s ease-in-out;

	

	    transform:rotate(360deg);

	    -webkit-transform:rotate(360deg);

	    -moz-transform:rotate(360deg);

	    -o-transform:rotate(360deg);

	    -ms-transform:rotate(360deg);}





/*ys*/

.ys_bg{ height:1470px;overflow: hidden; background:url(../images/ys_t.jpg) no-repeat center top;}

.ys{margin-top: 266px;}



.ys dl{float: left; height:600px; width:570px; overflow: hidden;}

.ys dl dt{width:570px; height:362px; overflow: hidden;}

.ys dl dt img{width:570px; height:362px; }



.ys dl dd{ height: 181px; width: 570px; overflow: hidden;}

.ys dl dd span{float: left; display: block; text-align: center; width: 110px; height:181px; overflow: hidden;background:url(../images/ys_n1.gif) no-repeat center top;}

.ys dl dd span em{display: block; color: #74c0f0;width: 110px; font:76px/104px Arial, Helvetica, sans-serif;}

.ys dl dd span b{display: block;color: #fff;font:bold 20px/65px "Microsoft Yahei";}

.ys dl dd p{float: right; width: 440px; }

.ys dl dd p em{margin: 13px auto 8px; padding-left: 20px; display: block;color: #333; font:bold 20px/50px "Microsoft Yahei";}

.ys dl dd p em b{color: #00a0ea;}

.ys dl dd p i{padding-left: 20px; display: block; font:14px/26px "Microsoft Yahei"; overflow: hidden; background:url(../images/ys_ic1.gif) no-repeat left 8px; color: #555;}

.ys dl dd p i b{font-weight: normal; color: #ff9a18;}



.ys .ys02{float: right;}

.ys .ys02 dd span{float: right;}

.ys .ys02 dd p{float: left;}



 

/*bann1_bg*/

.bann1_bg{ height:270px; overflow: hidden; background:url(../images/bann1.jpg) no-repeat center top;}

.bann1 p{float: left;margin:196px 0 0 260px; padding-left: 50px;width: 205px; height: 38px; background:url(../images/bann_tel.png) no-repeat left top;color: #fff; font:bold 30px/38px "Times New Roman", Times, serif; }

.bann1 span{float: left; margin-top: 198px; width: 148px;display: block; height: 36px; overflow: hidden; text-align: center; font-size: 16px; line-height: 36px;  background:url(../images/btn.png) no-repeat center top;}

.bann1 span a{color: #fff;}





/*about*/

.aboutbg{ height: 643px; overflow: hidden; background:url(../images/gy_bg.jpg) no-repeat center top;}

.about .t_h2{margin:78px auto 69px;}

.about dl{margin: 0 30px;}

.about dt{float: right; width: 570px; height: 388px; overflow: hidden;}

.about dt img{width: 570px; height: 388px;}

.about dd{float: left; width: 515px; overflow: hidden;}

.about dd h3{margin-top: 16px; margin-bottom: 30px; height: 96px; color: #333;border-bottom: 1px solid #dfdfe0; font:bold 18px/34px "Microsoft Yahei";}

.about dd h3 i{width: 133px; height: 35px; display: block; overflow: hidden;}

.about dd h3 img{ width: 133px; height: 35px;}

.about dd p{color: #555; font:14px/30px "Microsoft Yahei";}

.about dd em{margin-top: 80px; width: 148px;display: block; height: 36px; overflow: hidden; text-align: center; font-size: 16px; line-height: 36px;  background:url(../images/btn.png) no-repeat center top;}

.about dd em a{ display: inline-block; color: #fff;}





/*culbg*/

.culbg{ height:350px;overflow: hidden; background:url(../images/bg.jpg) repeat center top;}

.cul{overflow:hidden; margin-top: 80px;}

.cul li{float:left; line-height: 0px; margin-right:26px; width:280px;overflow:hidden;}

.cul li em{display: block; overflow: hidden;width:280px; height:159px;}

.cul li img{width:280px; height:159px;}

.cul li span{ display:block; text-align:center; font:14px/50px "Microsoft Yahei"; color:#333333; }

.cul .nones{ margin-right:0px;}