*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family: "Noto Sans SC"; color:#333; font-size:14px; background: #FFFFFF; min-width: 1200px; }
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #3862ad;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}

#home .home a,
#products .products a,
#yyly .yyly a,
#news .news a,
#about .about a,
#cgzx .cgzx a,
#contact .contact a{  color: #3862ad; }



#products .products ul li a{ color: #FFFFFF;}
#products .products ul li a:hover{background: #e71a1d; }


#yyly .yyly ul li a{ color: #FFFFFF;}
#yyly .yyly ul li a:hover{background: #e71a1d; }

#news .news ul li a{ color: #FFFFFF;}
#news .news ul li a:hover{background: #e71a1d; }

#about .about ul li a{ color: #FFFFFF;}
#about .about ul li a:hover{background: #e71a1d; }

#cgzx .cgzx ul li a{ color: #FFFFFF;}
#cgzx .cgzx ul li a:hover{background: #e71a1d; }

.pofix{ position: fixed; left: 0; top: 0; z-index: 99999;}

.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}

input,button,select,textarea{ outline:none; font-family: "Noto Sans SC";}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;margin:0;font-weight:normal; font-size: 14px;}

submit{ font-family: "Noto Sans SC";}
#warp{ width:100%; height:auto;  overflow: hidden;}

.Headerbg{ width: 100%; height: 100px; background: #FFFFFF;}
.Header{ width: 1280px; height: 100px; position: relative;}
.Header .logo{ float: left; width: 178px; height: 100px; overflow: hidden;}
.Header .logo a{ display: inline-block; width: 178px; height: 100px; background: url(../images/logo.jpg) no-repeat;}
.Header .nav{ float: left; width: 820px; height: 100px; padding-left: 73px;}
.Header .nav li{ float: left; width: 117px; text-align: center; line-height: 100px; font-size: 16px; position: relative;}
.Header .nav li:hover ul{ display:block;}
.Header .nav li ul{ width: 170px; position: absolute; left: 0; top:100px; background: #3862ad; z-index: 999; display: none;}
.Header .nav li ul li{width: 170px;  height: 42px; line-height: 42px; border-bottom: 1px solid #dedede; font-size: 14px;}
.Header .nav li ul li a{ color: #FFFFFF; display: block;}
.Header .nav li ul li a:hover{ background: #e71a1d;}

.Header .Hlinks{ float: right; width: 128px; height: 46px; overflow: hidden; margin-top: 26px;}
.Header .Hlinks a{ display: block; float: left; width: 46px; height: 46px; margin-left: 18px;}

.searchshow{ width: 329px; height: 34px; z-index: 999;  background: #FFFFFF; position: absolute; right:0; top:100px; display: none;}
.searchshow .inputt{ width: 248px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;}
.searchshow .submitt{ width: 60px; height: 34px; float: left;  border: none; background:#3862ad; color: #FFFFFF; font-size: 18px; }


.Htel{z-index: 999; position: absolute; right:0; top:100px; text-align: center; font-family: impact;  width: 160px; border-radius: 10px; font-size: 23px; height: 42px; line-height: 42px; padding: 0 15px; background: #e71a1d; color: #FFFFFF; display: none;}


/**banner**/
.fullSlide{width:100%;height:798px; overflow:hidden;   position: relative; }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100%; }
.fullSlide .bd li{ width:100%;  height:798px; }
.fullSlide .bd li a{ position:absolute; width:100%; height:798px; display:block; z-index:1;}
.fullSlide .hd{ width:100%;position:absolute; z-index:1; bottom:0; padding: 20px 0; left:0; height:12px; line-height:12px; text-align:center;  }
.fullSlide .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin-left:10px; background: #FFFFFF;  overflow:hidden; line-height:9999px; border-radius: 50%;}
.fullSlide .hd ul .on,.fullSlide .hd ul li:hover{background: #e71a1d; }


.fullSlide .prev,.fullSlide .next {
	position: absolute;
	display: block;
	transition: all 250ms ease-out;
	margin-bottom: -30px;
	background-color: rgba(0,0,0,0.3);
	text-indent: -9999px;
	overflow: hidden;
	height: 60px;
	width: 40px;
	background-repeat: no-repeat;
}
.fullSlide .next {
	transform: translate(40px, 0);
	-ms-transform: translate(40px, 0);
	-webkit-transform: translate(40px, 0);
	-moz-transform: translate(40px, 0);
	-o-transform: translate(40px, 0);
}
.fullSlide .prev {
	transform: translate(-40px, 0);
	-ms-transform: translate(-40px, 0);
	-webkit-transform: translate(-40px, 0);
	-moz-transform: translate(-40px, 0);
	-o-transform: translate(-40px, 0);
}
.fullSlide:hover .next, .fullSlide:hover .prev {
	transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
}
.fullSlide .next {
	bottom: 50%;
	right: 0px;
	background-image: url(../images/banner-fy.png);
	background-position: center bottom;
}
.fullSlide .prev {
	bottom: 50%;
	left: 0px;
	background-image: url(../images/banner-fy.png);
	background-position: center top;
}


.inproBg{ width: 100%; height: 660px; padding-top: 60px; background: url(../images/inprobg.jpg) no-repeat center; background-size:cover;}
.inproTit{ text-align: center; width: 100%; height: auto;}
.inproTit h2{ font-size: 30px; line-height: 52px;}
.inproTit h3{ font-weight: normal; font-size: 16px; line-height: 32px;}

.inPro{ width: 1500px; height: 337px; position: relative; overflow: hidden; margin-top: 50px;}
.inProLeft{ display: block; position: absolute; left: 0; top: 0; width: 54px; height: 337px; }
.inProLeft a{ display: block;  width: 54px; height: 337px; background: url(../images/inProLeft.png) no-repeat center;}
.inProRight{ display: block; position: absolute; right: 0; top: 0; width: 54px; height: 337px; }
.inProRight a{ display: block;  width: 54px; height: 337px; background: url(../images/inProRight.png) no-repeat center;}
.inPro .bd{ height: 337px; width: 1280px; overflow: hidden; border-left: 1px solid #e0e3e6;  box-sizing: border-box;}
.inPro .bd li{ float: left; width: 320px; height: 337px; box-sizing: border-box;   border-right: 1px solid #e0e3e6; text-align: center; position: relative;}
.inPro .bd li img{ width: 160px; height: 160px;}
.inPro .bd li h4{ padding: 0 60px; font-size: 18px; line-height: 24px; font-family: arial; margin-top: 30px;}
.inPro .bd li p{padding: 0 40px; color: #666; height: 36px; line-height: 36px; overflow: hidden;}
.inPro .bd li i{  width: 14px; height: 24px; background: url(../images/inproMore.png) no-repeat; position: absolute; bottom: 20px; left: 50%; margin-left: -7px; display: none;}
.inPro .bd li a:hover i{ display: block;}

.inProMore{ width: 100%; height: 51px; overflow: hidden; margin-top: 60px; }
.inProMore a{ display: block; width: 294px; height: 49px; line-height: 49px; text-align: center; border: 1px solid #959595;}
.inProMore a:hover{ color: #FFFFFF; background: #3862AD; border-color: #3862AD;}

.index_con04_block_box_text{
-webkit-animation:fadeInDown 0.6s ease both;
-moz-animation:fadeInDown 0.6s ease both;
}

.index_con04{width:100%;position: relative;height: 816px;overflow: hidden;}
.index_con04 .page_title h3{position:relative;top:-50px;}
.index_con04 .page_title p{position:relative;top:-70px;}
.index_con04 .page_title h3 b{position:relative;top:5px;}
.index_con04 .wrap1920{background: rgba(0,0,0,0.5);position: absolute;z-index: 2}

.index_con04_block_switch_con{width:100%;height:120px;background:url(../images/bg_04_top.jpg) center top no-repeat;position: absolute;bottom: 0px;}

.index_con04_block_switch_btn{width: 1150px;position: absolute;bottom: 0px;left: 360px;}
.index_con04_swiper{width:1200px;height:120px;}
.index_con04_swiper_pn_btn{width:1300px;height:120px;margin: 0 auto;position: relative;}
.index_con04_swiper_prev{width:45px;height:120px;background:none;text-align:center;line-height:120px;color:#dcdcdc;font-family:"iconfont";font-size:32px;left:0px;position:absolute;font-size:70px;z-index: 2}
.index_con04_swiper_prev:hover{color:#018cd1;}

.index_con04_swiper_pn_btn span{font-size: 50px;}

.index_con04_swiper_next{width:45px;height:120px;background:none;text-align:center;line-height:120px;color:#dcdcdc;font-family:"iconfont";font-size:32px;right:0px;position:absolute;font-size:70px;z-index: 2}
.index_con04_swiper_next:hover{color:#018cd1;}

.index_con04_swiper .swiper-slide{color:#666666;}
.index_con04_swiper .swiper-slide-active p,.index_con04_swiper .swiper-slide-active span{display: none;}
.index_con04_block_switch_btn_text{text-align:center;height:100px;}
.index_con04_block_switch_btn_text span{width: 48px;height: 48px;background: rgba(0,0,0,0.4);border-radius: 50%;color: #fff;font-size: 25px;line-height: 45px;display: block;margin: 0 auto;margin-top: 20px;}
.index_con04_block_switch_btn_text p{font-size: 18px;line-height: 25px;letter-spacing: 0.5px;margin-top: 10px;color: #fff;}


.index_con04_block{width:1920px;height:816px;background:#333;margin-left:-352px;position:relative;}
.index_con04_block_box_img{width:100%;height:100%;overflow:hidden;position:relative;}
.index_con04_block_box_img img{width:100%;height:100%;}

.index_con04_block_box_text{width:297px;height:133px;position:absolute;bottom:0;z-index: 5;overflow: hidden;transition:0.5s; color: #FFFFFF; text-align: center;}
.index_con04_block_box_text a{ color: #FFFFFF;}
.index_con04_block_box_text img.jjfntimg{ display: none; width: 297px; height: 156px;}
.index_con04_block_box_text i{ display: none;}
.index_con04_block_box_text h3{ display: none;}
.index_con04_block_box_text h2{ display: none;}
.index_con04_block_box_text p{ display: none;}
.index_con04_block_box_text b{ display: block; font-weight: normal; height: 38px; line-height: 38px; font-size: 22px; padding: 0 40px; overflow: hidden;}
.index_con04_block_box_text h4{ display: block; width: 42px; height: 42px; margin-top: 30px;}
.index_con04_block_box_text h4 img{width: 42px; height: 42px;}


.pr{ position:relative}
.install_bg{position: relative;}
.photoliqh.on .index_con04_block_box_text{height: 326px; text-align: center;  border-bottom: 5px solid #e71a1d; background:#3862ad;width: 297px;}
.photoliqh.on .index_con04_block_box_text img.jjfntimg{ display: block;}
.photoliqh.on .index_con04_block_box_text i{ display: block; width: 75px; height: 75px; position: absolute; left: 50%; top: 117px; margin-left: -37px;}
.photoliqh.on .index_con04_block_box_text i img{width: 75px; height: 75px;}
.photoliqh.on .index_con04_block_box_text h3{ display: block; font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; margin-top: 50px; padding: 0 40px;}
.photoliqh.on .index_con04_block_box_text p{ display: block; font-size: 14px; line-height: 28px; height: 28px; overflow: hidden; padding: 0 20px;}
.photoliqh.on .index_con04_block_box_text h2{ display: block; margin-top: 25px;}
.photoliqh.on .index_con04_block_box_text b{ display: none;}
.photoliqh.on .index_con04_block_box_text h4{ display: none;}

.photoliqh.on .photoadiv{display: block;}

.index_con04_block_box_text:hover{height: 331px;background:rgba(23,99,181,0.9);width: 297px;}
.photoliqh .on{height: 331px;background:rgba(23,99,181,0.9);width: 297px;}
.install dl{ width:100%;overflow:hidden;height: 814px;display: none; position: relative;}
.install dl img{ width:100%; height:814px;display: block;}
.install dl dt{ position: absolute; left: 50%; top: 0; width: 1200px; margin-left: -600px; padding-top: 105px; color: #FFFFFF;}
.install dl dt h2{ width: 450px; line-height: 92px; height: 92px; overflow: hidden; font-size: 48px; float: left;}
.install dl dt p{ width: 450px; clear: both; line-height: 24px; overflow: hidden; font-size: 14px; float: left;}
.install dl dt h4{ width: 450px; clear: both; line-height: 24px; margin-top: 35px; font-weight: normal; overflow: hidden; font-size: 14px; float: left;}
.install dl dt h4 i{ padding-left: 20px; transition: all ease .5s;}
.install dl a:hover i{ padding-left: 30px;}

.install_m{width: 1280px;position: absolute;bottom: 0;left: 50%;margin-left: -640px;height: 331px;overflow: hidden;}
.install_l img,.install_r img{ width:34px; height:34px; padding-top:250px;}
.install_c ul li { width:297px; float:left; position:relative; padding:0 ;height:331px;}
#projectsImg{width: 1188px;margin-left: 46px;}
.hengfu{width: 100%;height: 133px;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;}


.inabbg{ width: 100%; height: 469px; padding-top: 130px; background: url(../images/inabbg.jpg) no-repeat center; background-size:cover;}
.inabbox{ width: 1280px; height: 365px; overflow: hidden;}
.inabboxL{float: left; width: 642px; height: 365px; overflow: hidden;}
.inabboxL h4{ font-size: 30px; line-height: 45px; font-weight: normal;}
.inabboxL p{ font-size: 14px; line-height: 26px; padding-top: 35px;}
.inabboxLlist{ width: 100%; height: 90px; padding-top: 30px;}
.inabboxLlist dl{ float: left; border-right: 1px solid #e5e5e5; padding: 0 50px; text-align: center;}
.inabboxLlist dl dt{ width: 49px; height: 45px;}
.inabboxLlist dl:first-child{ padding-left: 0;}
.inabboxLlist dl:last-child{ border: none;}
.inabboxLlist dl dd{ line-height: 45px; color: #000000; font-size: 16px;}
.inabboxR{ float: right; width: 564px; height: 365px; overflow: hidden;}
.inabboxR img{width: 564px; height: 365px;}


.inPartbg{ width: 100%; height: 383px; background: url(../images/inPartbg.jpg) no-repeat center; background-size:cover; color: #FFFFFF;}
.inPartTit{ text-align: center; width: 100%;}
.inPartTit h4{ font-size: 30px; line-height: 52px; padding-top: 65px;}
.inPartTit p{ font-size: 16px; line-height: 32px; }
.inPart{ width: 1368px; height: 145px; overflow: hidden; margin-top: 26px; position: relative;}

.inPartLeft{ position: absolute; left: 0; top: 0; width: 19px; height: 145px; overflow: hidden;}
.inPartLeft a{ display: block; width: 19px; height: 145px; background: url(../images/inPartLeft.png) no-repeat center;}

.inPartRight{ position: absolute; right: 0; top: 0; width: 19px; height: 145px; overflow: hidden;}
.inPartRight a{ display: block; width: 19px; height: 145px; background: url(../images/inPartRight.png) no-repeat center;}

.inPart .bd{ width: 1280px; height: 145px; overflow: hidden;}
.inPart .bd li{ float: left; text-align: center; width: 213px; height: 145px;}
.inPart .bd li a{ color: #FFFFFF;}
.inPart .bd li img{ width: 200px; height: 100px;}
.inPart .bd li p{ line-height: 45px;}


.inNewsTit{ width: 100%; text-align: center; padding: 50px 0;}
.inNewsTit h4{ font-size: 30px; line-height: 52px; }
.inNewsTit p{ font-size: 16px; line-height: 32px; }

.inNewsList{ width: 1280px; height: 330px; overflow: hidden;}
.inNewsList dl{ float: left; width: 402px; height: 330px; overflow: hidden; margin-left: 37px; background: #FFFFFF;}
.inNewsList dl:first-child{ margin-left: 0;}
.inNewsList dl a{ display: block; width: 402px; height: 329px; border-bottom: 1px solid #eeeeee;}
.inNewsList dl a:hover{ border-color: #3862AD;}
.inNewsList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.inNewsList dl dt{ width: 402px; height: 216px; overflow: hidden;}
.inNewsList dl dt img{ width: 402px; height: 216px; }
.inNewsList dl dd{ width: 100%; height: auto; padding-top: 20px;}
.inNewsList dl dd h4{ font-size: 18px; font-weight: normal; height: 40px; line-height: 40px; overflow: hidden;}
.inNewsList dl dd p{ font-size: 14px; font-family: arial; color: #999999; height: 42px; line-height: 42px; overflow: hidden;}
.inNewsList dl dd p i{ line-height: 42px; font-size: 20px;}
.inNewsList dl a:hover i{ color: #3862AD;}


.footerbg{ width: 100%; height: auto; padding-top: 75px; background: #1f262e; border-top: 7px solid #3862ad;}
.footer{ width: 1280px; height: auto; padding-bottom: 55px; overflow: hidden;}
.footerL{ float: left; width: 480px; height: auto; overflow: hidden;}
.footerL .flogo{ width:480px; height: 49px; overflow: hidden;}
.footerL .flogo a{ display: block; width:480px; height: 49px;  background: url(../images/flogo.jpg) no-repeat;}
.footerL h2{ font-size: 15px; font-weight: normal; line-height: 45px; margin-top: 25px; color: #3862ad;}
.footerL h2 b{ font-weight: bold;}
.footerL h2 .fred{ color: #e71a1d;}
.footerL p{ line-height: 28px; color: #8b9198;}
.footerL .Flinks{ width: 100%; height: auto; padding-top: 5px; line-height: 28px; color: #8b9198;}
.footerL .Flinks a{color: #8b9198; padding: 0 10px;}
.footerL .Flinks a:hover{ color: #FFFFFF;}


.footerR{ float: left; width: 800px; height: auto; overflow: hidden;}
.footerR dl{ float: left; padding-left: 60px;}
.footerR dl dt{ color: #FFFFFF; font-size: 16px; line-height: 36px;}
.footerR dl dd{ width: 100%; height: auto; padding-top: 5px;}
.footerR dl dd a{ display: block; line-height: 30px; color: #8b9198;}
.footerR dl dd a:hover{ color: #FFFFFF;}
.footerR dl dd img{ width: 117px; height: 117px;}
.footerR dl dd p{ line-height: 50px; color: #8b9198;}


.footerCopy{ width: 1280px; height: 66px; line-height: 66px; border-top: 1px solid #2a3542; overflow: hidden; color: #8b9198;}
.footerCopy a{color: #8b9198;}
.footerCopy a:hover{ text-decoration: underline;}


.abBanner{ width: 100%; height: 500px; color: #FFFFFF; text-align: center;}
.abBanner h2{ font-size: 40px; line-height: 96px; padding-top: 154px;}
.abBanner h3{ height: 24px; line-height: 24px; text-transform: uppercase; font-family: arial; font-size: 16px; font-weight: normal;}
.abBanner h3 span{ display: inline-block; background: url(../images/BannerLine.png) repeat-x; width: 60px; height: 18px; margin: 0 20px;}


.abBox{ width: 1280px; height: auto; padding: 78px 0; overflow: hidden;}
.abBoxL{ float: left; width: 544px; height: 448px; overflow: hidden;}
.abBoxL img{width: 544px; height: 448px; }
.abBoxR{ float: right; width: 680px; height: auto; overflow: hidden;}
.abBoxR h3{ font-size: 30px; color: #3862ad; line-height: 34px;}
.abBoxR h4{ display: inline-block; width: 53px; height: 2px; background: #3862AD; margin-top: 28px;}
.abBoxR p{ font-size: 15px; line-height: 30px; margin-top: 30px;} 

.abCulbg{ width: 100%; height: 553px; padding-top: 67px; background: url(../images/abculbg.jpg) no-repeat center; background-size:cover;}
.abTit{ width: 100%; height: auto; text-align: center;}
.abTit h3{ line-height: 67px; font-size: 36px;}
.abTit h4{ display: inline-block; width: 53px; height: 2px; background: #3862ad;}
.abCulBox{ width: 1280px; height: auto; margin-top: 39px;}
.abCulBox dl{ float: left; background: #FFFFFF; text-align: center; width: 200px; height: 200px; box-sizing: border-box; padding: 32px ; border-radius: 50%;}
.abCulBox dl dt{ width: 100%; height: 38px;}
.abCulBox dl dt img{ width: 38px; height: 38px;}
.abCulBox dl dd{ width: 100%; height: auto; padding-top: 8px;}
.abCulBox dl dd h4{ font-size: 24px; line-height: 36px;}
.abCulBox dl dd p{ font-size: 15px; line-height: 24px;}
.abCulBox dl:first-child{ margin: 66px 0 0 35px;}
.abCulBox dl:nth-child(2){margin: 31px 0 0 124px;}
.abCulBox dl:nth-child(3){margin: 11px 0 0 140px;}
.abCulBox dl:nth-child(4){margin: 0 0 0 138px;}


.abHonor{ width: 100%; padding: 65px 0;}
.abHonorBox{ width: 1458px; height: 475px; overflow: hidden; position: relative; margin-top: 55px;}
.abHonorLeft{ position: absolute; left: 0; top: 0; width: 58px; height: 475px;}
.abHonorLeft a{ display: block; width: 58px; height: 475px; background: url(../images/abHonorLeft.jpg) no-repeat center;}
.abHonorLeft a:hover{background: url(../images/abHonorLefts.jpg) no-repeat center;}

.abHonorBox .bd{ width: 1280px; height: 475px; overflow: hidden;}
.abHonorBox .bd li{ text-align: center; float: left; width: 320px; height: 475px;}
.abHonorBox .bd li img{ width: 295px; height: 391px; overflow: hidden;}
.abHonorBox .bd li p{ width: 295px; height: 84px; line-height: 84px; font-size: 18px;}

.abHonorRight{ position: absolute; right: 0; top: 0; width: 58px; height: 475px;}
.abHonorRight a{ display: block; width: 58px; height: 475px; background: url(../images/abHonorRight.jpg) no-repeat center;}
.abHonorRight a:hover{background: url(../images/abHonorRights.jpg) no-repeat center;}


.conbg{ width: 100%; height: auto; padding: 65px 0; background: #f5f5f5;}
.conbox{ width: 1280px; height: 638px; overflow: hidden;}
.conboxL{ float: left; width: 372px; height: 498px; padding: 70px 40px; background: #3862ad; color: #FFFFFF;  overflow: hidden;}
.conboxL h2{ font-size: 24px; line-height: 60px;}
.conboxL dl{ width: 100%; height: auto; margin-top: 35px; float: left;}
.conboxL dl dt{ float: left; width: 43px; height: 100%; overflow: hidden;}
.conboxL dl dd{ float: right; width: 310px; height: 100%; overflow: hidden;}
.conboxL dl dd h4{ font-weight: normal; color: #a5b2e2; font-size: 16px; line-height: 21px;}
.conboxL dl dd p{font-size: 16px; line-height: 28px; color: #FFFFFF;}
.conboxL dl dd a{font-size: 16px; line-height: 28px; color: #FFFFFF;}

.conboxR{ float: right; width:828px; height: 638px; background: #FFFFFF; overflow: hidden;}

.newsMenu{ width: 100%; height: 64px; overflow: hidden; text-align: center; margin-top: 108px;}
.newsMenu a{ display: inline-block; width: 200px; height: 64px; line-height: 64px; font-size: 16px; background: #FFFFFF; margin: 0 5px;}
.newsMenu a:hover{ background: #3862AD; color: #FFFFFF; }
#lm_hover{ background: #3862AD; color: #FFFFFF; }


.newsbg{ width: 100%; height: auto; padding: 70px 0; background: #f5f5f5;}
.newsList{ width: 1316px; height: auto; overflow: hidden;}
.newsList dl{ float: left; width: 402px; height: 330px; overflow: hidden; margin: 18px; background: #FFFFFF;}
.newsList dl a{ display: block; width: 402px; height: 329px; border-bottom: 1px solid #eeeeee;}
.newsList dl a:hover{ border-color: #3862AD;}
.newsList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.newsList dl dt{ width: 402px; height: 216px; overflow: hidden;}
.newsList dl dt img{ width: 402px; height: 216px; }
.newsList dl dd{ width: 100%; height: auto; padding: 20px 20px 0 20px; box-sizing: border-box;}
.newsList dl dd h4{ font-size: 18px; font-weight: normal; height: 40px; line-height: 40px; overflow: hidden;}
.newsList dl dd p{ font-size: 14px; font-family: arial; color: #999999; height: 42px; line-height: 42px; overflow: hidden;}
.newsList dl dd p i{ line-height: 42px; font-size: 20px;}
.newsList dl a:hover i{ color: #3862AD;}

.newsShow{ background: #FFFFFF; width: 1280px; height: auto; box-sizing: border-box; padding: 70px 100px;}
.newsShowTit{ width: 100%; height: auto; border-bottom: 1px solid #aaaaaa; padding-bottom: 40px; text-align: center;}
.newsShowTit h2{ font-size: 28px; line-height: 36px; padding: 10px 0;}
.newsShowTit p{ line-height: 32px;}
.newsShowinfo{ width: 100%; height: auto; padding: 30px 0; line-height: 24px; overflow: hidden;}
.newsShowinfo img{ max-width: 100%; height: auto;}


.newsRela{ width: 1280px; height: auto;}
.newsRelaTop{ width: 100%; height: 34px; line-height: 34px; overflow: hidden; padding: 45px 0; border-bottom: 1px solid #dcdcdc;}
.newsRelaTop h4{ display: inline-block; }
.newsRelaTop h4 a{ display: block; width: 151px; height: 34px; background: #3862ad; color: #FFFFFF; font-weight: normal; text-align: center; border-left: 20px solid #e71a1d;}
.newsRelaTop h4 a i{ padding-right: 10px; transition: all ease .5s;}
.newsRelaTop h4 a:hover i{ padding-right: 20px;}
.newsRelaTop span a{ display: block; float: left; width: 34px; height: 34px; background: #707070; border-radius: 50%; margin-left: 15px;}
.newsRelaTop span a:hover{ background: #3862ad;}


.newsRela .bd{ width: 1280px; position: relative; overflow: hidden; height: auto; padding-top: 45px;}
.newsRela dl{ float: left; width: 426px; height: 330px; overflow: hidden;  }
.newsRela dl a{ display: block; width: 402px; height: 329px; border-bottom: 1px solid #eeeeee; background: #FFFFFF;}
.newsRela dl a:hover{ border-color: #3862AD;}
.newsRela dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.newsRela dl dt{ width: 402px; height: 216px; overflow: hidden;}
.newsRela dl dt img{ width: 402px; height: 216px; }
.newsRela dl dd{ width: 100%; height: auto; padding: 20px 20px 0 20px; box-sizing: border-box;}
.newsRela dl dd h4{ font-size: 18px; font-weight: normal; height: 40px; line-height: 40px; overflow: hidden;}
.newsRela dl dd p{ font-size: 14px; font-family: arial; color: #999999; height: 42px; line-height: 42px; overflow: hidden;}
.newsRela dl dd p i{ line-height: 42px; font-size: 20px;}
.newsRela dl a:hover i{ color: #3862AD;}


.photoList{width: 1316px; height: auto; overflow: hidden;}
.photoList dl{ float: left; width: 402px; height: 372px; overflow: hidden; margin: 18px;}
.photoList dl a{ display: block; width: 402px; height: 371px; background: #FFFFFF; border-bottom: 1px solid #eeeeee;}
.photoList dl a:hover{ border-color: #3862AD;}
.photoList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.photoList dl dt{ width: 402px; height: 216px; overflow: hidden;}
.photoList dl dt img{ width: 402px; height: 216px;}
.photoList dl dd{ width: 402px; height: 155px; overflow: hidden; box-sizing: border-box; padding: 25px 20px;}
.photoList dl dd h4{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px;}
.photoList dl dd p{ color: #999999; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 5px;}


.downList{ width: 1280px; height: auto; padding-top: 50px; overflow: hidden;}
.downList dl{ width: 1230px; padding: 25px; margin-bottom: 15px; height: auto; background: #FFFFFF;}
.downList dl dt{ width: 100%; height: 29px; line-height: 29px; box-sizing: border-box; overflow: hidden; font-size: 24px; color: #3862AD; background: url(../images/Q.jpg) no-repeat left center; padding-left: 38px;}
.downList dl dd{ width: 100%; height: auto; font-size: 16px; color: #666666; line-height: 28px; margin-top: 10px;}
.downList dl dd b{ color: #3862AD;}


.downYs{ width: 1280px; height: auto; padding: 60px 0;}
.downYsList{ width: 1280px; height: 300px; overflow: hidden; margin-top: 50px;}
.downYsList dl{ float: left; width: 250px; height: 300px; padding: 0 35px; overflow: hidden; text-align: center;}
.downYsList dl dt{ width: 100%; height: 120px;}
.downYsList dl dt img{ width: 120px; height: 120px;}
.downYsList dl dd{ width: 100%; height: auto; padding-top: 20px;}
.downYsList dl dd h4{ line-height: 40px; height: 40px; font-size: 22px;}
.downYsList dl dd p{ line-height: 26px; color: #666666; padding-top: 10px;}

.downFrom{ width: 1280px; height: auto; padding-top: 50px; overflow: hidden;}
.downFromDiv1{ width: 1280px; height: 118px; overflow: hidden;}
.downFromDiv1 dl{ width: 613px; height: 118px; overflow: hidden;}
.downFromDiv1 dl dt{ width: 100%; height: 59px; line-height: 59px; font-size: 18px;}
.downFromDiv1 dl dd{ width: 100%; height: 59px; overflow: hidden;}
.downFromDiv1 dl dd input{ width: 581px; padding: 0 15px; height: 57px; line-height: 57px; border: 1px solid #dcdcdc; background: #FFFFFF; }

.downFromDiv2{ width: 1280px; height: 168px; overflow: hidden;}
.downFromDiv2 dt{ width: 100%; height: 59px; line-height: 59px; font-size: 18px;}
.downFromDiv2 dd{ width: 1280px; height:109px; overflow: hidden;}
.downFromDiv2 dd .form-control{ width: 1248px; height: 77px; padding: 15px; border: 1px solid #dcdcdc; background: #FFFFFF; line-height: 26px;}


.downFromDiv3{ width: 1280px; height: 59px; overflow: hidden; margin-top: 30px; text-align: center;}
.downFromDiv3 input{ width: 220px; height: 59px; border: none; background: #3862AD; font-size: 16px; color: #FFFFFF;}
.downFromDiv3 input:hover{ background: #e71a1d;}


.goodsMain{ width: 1280px; height: auto; padding: 70px 0; overflow: hidden;}
.goodsLeft{ float: left; width: 230px; height: auto; overflow: hidden;}
.goodsLeft h2{ width: 230px; height: 81px; line-height: 81px; background: #e71a1d; font-size: 24px; color: #FFFFFF; text-align: center;}
.goodsLeft a{ display: block; width: 230px; height: 55px; line-height: 55px; overflow: hidden; text-align: center; background: #434343; color:#FFFFFF; font-family: arial; font-size: 16px; margin-top: 1px;}
.goodsLeft a:hover{ background: #3862AD;}


.goodsRight{ float: right; width: 1028px; height: auto; overflow: hidden;}
.goodsRight dl{ font-family: arial; float: left; text-align: center; width: 196px; height: 340px; position: relative; padding: 0 29px; overflow: hidden; border-left: 1px solid #e9e9e9; margin-bottom: 38px;}
.goodsRight dl:nth-child(4n){border-right: 1px solid #e9e9e9;}
.goodsRight dl dt{ width: 196px; height: 196px; overflow: hidden;}
.goodsRight dl dt img{ width: 196px; height: 196px; }
.goodsRight dl dd{ width: 100%; height: auto; padding-top: 10px;}
.goodsRight dl dd h4{ font-size: 14px; line-height: 20px;}
.goodsRight dl dd p{ font-size: 13px; line-height: 20px; height: 20px; overflow: hidden; margin-top: 5px;}
.goodsRight i{  width: 14px; height: 24px; background: url(../images/inproMore.png) no-repeat; position: absolute; bottom: 20px; left: 50%; margin-left: -7px; display: none;}
.goodsRight a:hover i{ display: block;}

.goodsMainbg{ width: 100%; height: auto; padding: 70px 0; overflow: hidden; background: #f5f5f5;}
.goodsShow{ width: 1280px; height: auto; overflow: hidden;}

.goodsShowR{ float: right; width: 1018px; height: auto; overflow: hidden;}
.goodsShow1{ width: 1018px; height: auto; overflow: hidden;}
.goodsShow1Pic{ float: left; width: 460px; height: 460px; background: #FFFFFF; overflow: hidden;}
.goodsShow1Pic img{width: 460px; height: 460px;}


.goodsShow1R{ width: 510px; height: auto; float: right; overflow: hidden;}
.goodsShow1R h2{ color: #3862AD; font-family: arial; font-size: 28px; line-height: 32px; padding: 10px 0;}
.goodsShow1Rinfo{ width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; line-height: 36px;}
.goodsShow1Rinfo h3{ color: #3862AD; font-size: 14px;}

.goodsShow1RLink{ width: 510px; height: 44px; overflow: hidden; padding-top: 35px;}
.goodsShow1RLink a{ display: block; float: left; margin-right: 28px; text-align: center;}
.goodsShow1RLink a.ga1{ width: 150px; height: 42px; line-height: 42px; border: 1px solid #3862AD; color: #3862AD;}
.goodsShow1RLink a.ga1 i{ padding-right: 10px;}
.goodsShow1RLink a.ga1:hover{ background: #3862AD; color: #FFFFFF;}

.goodsShow1RLink a.ga2{ width: 150px; height: 42px; line-height: 42px; border: 1px solid #e71a1d; background: #e71a1d; color: #FFFFFF;}
.goodsShow1RLink a.ga2 i{ padding-right: 10px;}


.goodsShow2Top{ width: 1018px; height: 52px; line-height: 52px; border-bottom: 1px solid #dcdcdc; overflow: hidden; margin-top: 30px;}
.goodsShow2Top h4{ float: left; border-bottom: 3px solid #3862AD; height: 49px; color: #3862AD; font-size: 18px;}
.goodsShow2info{ width: 1018px; padding: 30px 0; line-height: 26px; overflow: hidden;}
.goodsShow2info img{ max-width: 100%; height: auto;}


.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px; margin-top:10px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}