*{margin: 0px;margin:0px;font-family: "微软雅黑";font-size: 16px;}
ul{list-style: none;margin: 0px;padding: 0px;}
a,a:link,a:visited,a:hover,a:active{text-decoration: none;}
p{margin-bottom: 0px;}
label{margin: 0px;padding: 0px;}
.cred{color:red;}
.h1, .h2, .h3, h1, h2, h3{margin-bottom: 0px;margin-top: 0px;font-weight: bold;}
.fl{float: left;}
.fr{float: right;}comtitle
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
.ml20{margin-left: 20px;}
.comWidth{width: 1200px;margin:0px auto;overflow: hidden;}
.comtitle{width:100%;text-align: center;}
.comtitle h3{color:#010101;font-size: 22px;}
.comtitle p{color:#969696;font-size: 24px;}
.cfff{color:#fff;}
/*header start*/
.header_top{height:40px;background: #f0f0f0;line-height: 40px;min-width: 1200px;}
.timeandtel span{display: inline-block;height: 40px;padding-left: 30px;}
.timeandtel span:first-of-type{color:#676767;margin-right: 20px;background: url(../images/headertime.jpg) left center no-repeat;}
.timeandtel span:last-of-type{color:#d70e18;font-weight: bold;background: url(../images/headertel.jpg) left center no-repeat;}
.header_nav{height:80px;}
.header_nav .compLogo{height: 50px;margin-top: 15px;}
.header_nav .compLogo img{height:50px;}
.headermenu{height:100%;width: 720px;}
.headermenu ul{width:100%;overflow: hidden;}
.headermenu ul li{float: left;line-height: 80px;width:120px;}
.headermenu ul li a{display: block;height: 100%;color:#000;text-align: center;}
.headermenu ul li a.active,.headermenu ul li a:hover{background: #d80c18;color:#fff;}
.header_pic{min-width: 1200px;}
/*header end*/

/*companyprofile start*/
.companyprofile,.companystrength,.qualificationhonor{padding: 30px 0px;}
.companyprofile .companyprofileImg{width: 520px;position: relative;}
.companyprofile .companyprofileImg img{width: 100%;}
.companyprofile .companyprofileImg .imgtips{color:#fff;width: 240px;height:74px;background: url(../images/imgtipbg.jpg) no-repeat;position: absolute;right: -80px;top:70px;padding-left:20px;box-sizing: border-box;}
.companyprofile .companyprofileImg .imgtips h3{font-size: 20px;margin-top: 15px;}
.companyprofile .companyprofileTxt{width: 560px;}
.companyprofile .companyprofileTxt .companytxt p{line-height: 1.7em;text-indent: 2em;}
.readMore{font-weight: bold;color: #3c3c3c;}
/*.companyprofile .companyprofileTxt .companytxt_fzlc{margin-top: 10px;}
.companyprofile .companyprofileTxt .companytxt_fzlc ul{display: flex;flex-direction: row;justify-content:space-between;}
.companyprofile .companyprofileTxt .companytxt_fzlc ul li{text-align: center;}

.companyprofile .companyprofileTxt .companytxt_fzlc ul li h3{font-size: 20px;color:#ed1e24;}
.companyprofile .companyprofileTxt .companytxt_fzlc ul li p{margin-top: 10px;}*/
.companyprofile .companyprofileTxt .companytxt_fzlc ul{width: 100%;overflow: hidden;margin-top: 10px;}
.companyprofile .companyprofileTxt .companytxt_fzlc ul li{width: 33.33%;float:left;}
.companyprofile .companyprofileTxt .companytxt_fzlc ul li>div{display: inline-block;text-align: center;}
.companyprofile .companyprofileTxt .companytxt_fzlc ul li.lione{text-align: left;}
.companyprofile .companyprofileTxt .companytxt_fzlc ul li.litwo{text-align: center;}
.companyprofile .companyprofileTxt .companytxt_fzlc ul li.lithree{text-align: right;}
.companyprofile .companyprofileTxt .companytxt_fzlc ul li>div h3{color:#ed1e24;}
.companyprofile .companyprofileTxt .companytxt_fzlc ul li>div p{margin-top: 10px;}
/*companyprofile end*/

/*companystrength start*/
.companystrength{background: #0160a9;min-width: 1200px;}
.companystrength .strengthdesc{text-align: center;color:#fff;}
.companystrength .strengthdesc p{line-height: 1.5em;}
.companystrength .swiper-container2 img{width: 100%;}
.swiper-container2{width: 1100px;}
.swiper-button-next2{right:0;border:none;outline: none;}
.swiper-button-prev2{left:0;border:none;outline: none;}
/*companystrength end*/

/*qualificationhonor start*/
.qualificationhonor .qualificationhonortxt p{line-height: 1.5em;text-align: center;}
.swiper-container3{width: 1100px;}
.swiper-button-next3{right:0;border:none;outline: none;}
.swiper-button-prev3{left:0;border:none;outline: none;}
/*qualificationhonor end*/

/*footer start*/
.footer{padding: 30px 0px 0px;}
.footer .footer_top{background-color: #1977c1;min-width: 1200px;padding: 20px 0px 10px;}
.footer .footer_top .contactUs h3{font-size: 20px;color:#fff;}
.footer .footer_top .contactUs p{font-size: 20px;color:#fff;margin-top: 5px;}

.footer .footer_top .tipmsg p span{display: inline-block;padding-left: 25px;height:30px;line-height: 30px;color:#fff;}
.footer .footer_top .tipmsg p span.tel{background: url(../images/footertel.jpg) left center no-repeat;}
.footer .footer_top .tipmsg p span.phone{background: url(../images/footerphone.jpg) left center no-repeat;}
.footer .footer_top .tipmsg p span.email{background: url(../images/footermsg.jpg) left center no-repeat;}
.footer .footer_top .tipmsg p span.location{background: url(../images/footerlocation.jpg) left center no-repeat;}
.footerewm p{color:#fff;text-align: center;margin-top: 5px;}
.footer .footer_btm{height:50px;min-width: 1200px;background-color: #0160a9;}
.footer .footer_btm p{color:#fff;line-height: 50px;}
/*footer end*/

/*projectList start*/
.projectList{padding: 20px 0px;}
.projectList  .proList ul{width: 100%;overflow: hidden;}
.projectList  .proList ul li{width: 320px;margin:15px 0px 0px;float: left;}
.projectList  .proList ul li a{display: block;}
.projectList  .proList ul li a div{border:1px solid #e4e4e4;padding: 10px;box-sizing: border-box;}
.projectList  .proList ul li:nth-child(3n-1){margin-left:15px;margin-right: 15px;}
.projectList  .proList ul li img{width: 100%;height:200px;}
.projectList  .proList ul li h4{width: 100%;font-size: 16px;color:#333;text-align: center;margin: 0px;padding: 0px;margin-top: 5px;}

.leftMenu{width: 200px;}
.rightList{width: 990px;}

.page-menu-title { background:#d80c18; }
.page-menu-title h3 { padding-left:15px; height:45px; line-height:45px; color:#fff;font-size:16px; }
.page-menu-title-max h3 { font-size:24px; }
.page-menu-title h4 { margin-bottom:5px; padding-left:35px; line-height:normal; color:#fff; font-size:25px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.page-menu-content ul {padding: 0px 20px;background-color: #f6f5f5;border: 1px solid #dcdcdc;box-sizing: border-box;}
.page-menu-content ul li { position:relative; border-bottom:1px dashed #e6e6e6;  }
.page-menu-content ul li a { display:block; padding-top:12px; padding-bottom:12px; padding-right:10px; line-height:normal; color:#4d4d4d; font-size:14px; *zoom:1; }
/*.page-menu-content ul li i { display:block; width:7px; height:7px; overflow:hidden; position:absolute; top:17px; right:0; _right:15px; background:url(../images/page-menu.gif) no-repeat 0 0; }*/
.page-menu-content ul li a:hover { text-decoration:none; color:#d80c18; }
/*.page-menu-content ul li:hover i { background-image:url(../images/page-menu-c.gif); }*/
.page-menu-content ul li i {display:block; width:8px; height:8px; overflow:hidden; position:absolute; top:19px; right:0;color:#4d4d4d;background: url(../images/myarrr.png) no-repeat;}
.page-menu-content ul li:hover i{border-color:#d80c18; background: url(../images/myhoverarrr.png) no-repeat;}
.page-title .page-width { overflow:hidden; }
.page-title .page-name { line-height:44px; }
.page-title .page-name h2 { font-size:16px; color: #d80c18;line-height: 44px;}
.page-title .breadcrumbs {line-height:44px;}
.page-title-inner { background:none;   border-bottom: 1px solid #d80c18; padding:0; }
.page-title-inner .breadcrumbs { padding-left:16px; background: url(../images/icon-home.png) no-repeat left center;overflow: hidden;}
.page-title-inner .breadcrumbs  a,.page-title-inner .breadcrumbs span,.page-title-inner .breadcrumbs{font-size: 12px;color:#666;}
/*projectList end*/

/*.pc-slide {width: 400px;margin: 0 auto;}
			
.view .swiper-container {width: 400px;height:290px;}
			
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 330px;
	height: 70px;
	margin-left: 35px;
}

.view .swiper-slide {padding: 5px;border:1px solid #ddd;}
.preview .swiper-slide {
	width: 87px;
	height: 64px;
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.swiper-container{height:auto;}
.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
}

.preview .active-nav {
	padding: 0;
	border: 1px solid #ddd;
}*/

.pc-slide {
                        width: 400px;
                        margin: 0 auto;
                      }

                      .view .swiper-container {
                        width: 400px;
                        height: 280px;
                      }


                      .preview {
                        width: 100%;
                        margin-top: 10px;
                        position: relative;
                      }

                      .preview .swiper-container {
                        width: 400px;
                        height: 82px;
                        margin-left: 25px;
                      }

                      .preview .swiper-slide {
                        width: 87px;
                        height: 82px;
                      }

                      .preview .slide6 {
                        width: 82px;
                      }

                      .preview .arrow-left {
                        background: url(../images/feel3.png) no-repeat left top;
                        position: absolute;
                        left: 10px;
                        top: 50%;
                        margin-top: -15px;
                        width: 9px;
                        height: 18px;
                        z-index: 10;
                      }

                      .preview .arrow-right {
                        background: url(../images/feel4.png) no-repeat left bottom;
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        margin-top: -15px;
                        width: 9px;
                        height: 18px;
                        z-index: 10;
                      }

                      .preview img {
                        padding: 1px;
                      }

                      .preview .active-nav img {
                        padding: 0;
                        border: 1px solid #F00;
                      }



/*projectDetail start*/

.projecttop{width: 100%;overflow: hidden;}
.projecttop .protopleft{width: 400px}
.projecttop .protopright{width:570px;margin-left: 20px;}
/*js start*/
.game163{ position: relative; overflow: hidden; width: 100%; }
.game163 .bigImg{position: relative;}
.game163 .bigImg li {width: 100%;padding: 5px;box-sizing: border-box;border: 1px solid #dcdddd;}
.game163 .bigImg li img{ width: 100%; }

.game163 .smallScroll{ height: 47px;width: 100%;}
.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 14px; height: 47px; text-indent: -9999px; background: url(../images/sprites1008.png) no-repeat 0 -3046px; }
.game163 .sNext{ background-position: 0 -2698px;}
.game163 .sPrev:hover{ background-position: 0 -3133px;}
.game163 .sNext:hover{ background-position: 0 -2785px;}

.game163 .smallImg{ float:left; width: 360px; overflow: hidden;margin:0px 6px;}
.game163 .smallImg ul{width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left; width:123px; padding:3px;box-sizing:border-box;border:1px solid #dcdddd;cursor:pointer; margin-right: 5px;}
.game163 .smallImg img{ border: 1px solid #dcdddd; width: 100%;}
.game163 .smallImg .on img{ border-color: #1e50a2;}
/*js end */




.protopright p{font-size: 14px;}
.productbtmtit{border-bottom: 1px solid red;}
.productbtmtit span{display: inline-block;background: red;color:#fff;padding:3px 12px; }
/**/


/*aboutUsCon start*/
.aboutUsCon .aboutLeft{width: 580px;}
.aboutUsCon .aboutRight{width: 400px;}
.aboutUsCon .aboutRight .aboutrighttop{background: #f13e42;padding: 20px 15px;box-sizing: border-box;}
.aboutUsCon .aboutRight .aboutrighttop p{color:#fff;}
.aboutUsCon .aboutRight .aboutrighttop p b{font-size: 20px;}

.aboutimgtop{margin-top: 5px;}
.aboutimgbtm{width: 100%;overflow: hidden;margin-top: 5px;}
.aboutimgbtm img{height:135px; }
.aboutimgbtm .btmimgleft{width: 235px;height:135px;}
.aboutimgbtm .btmimgright{width: 160px;margin-left: 5px;height:135px;}
/*aboutUsCon end*/

/*connect start*/
.connect .conntctLeft{width: 370px;}
.connect .conntctLeft h3{font-size: 22px;font-weight: 900;color:#1679d4;}
.connect .conntctLeft p{border-bottom: 1px solid #ddd;line-height: 40px;margin-top: 10px;}
.connect .conntctLeft p i{display: inline-block;width: 30px;height:30px;position: relative;top:8px;margin-right: 15px;}
.connect .conntctLeft p i.connecttel{background: url(../images/connectTel.jpg) no-repeat;background-size: cover;}
.connect .conntctLeft p i.connectqq{background: url(../images/connectQQ.jpg) no-repeat;background-size: cover;}
.connect .conntctLeft p i.connectemail{background: url(../images/connectEmail.jpg) no-repeat;background-size: cover;}
.connect .conntctLeft p i.connecttelAddr{background: url(../images/connectLocation.jpg) no-repeat;background-size: cover;}

.conntctRight{width:560px;margin-left: 60px;}
.conntctRight h3{font-size: 22px;font-weight: 900;color:#1679d4;line-height: 30px;}
.conntctRight h3 span{font-size: 22px;font-weight: 900;background:#1679d4;color:#fff;padding-left:2px;padding-right: 5px;display: inline-block;}
.conntctRight .map{border:1px solid #ddd;}
/*connect end*/

/*online start*/
.online .onlineLeft{width: 400px;}
.online .onlineLeft img{width: 100%;}
.online .aboutRight{width:590px;}
.online .aboutRight .comInput{width: 100%;overflow: hidden;}
.online .aboutRight .inputleft{width: 285px;float: left;border: 1px solid #ddd;box-sizing: border-box;padding: 5px 10px;}
.online .aboutRight .inputright{margin-left: 20px;}
.online .aboutRight .inputleft label{color:#999;}
.online .aboutRight .inputleft input{border: none;outline: none;}
.comTextarea textarea{border:1px solid #ddd;width: 100%;height:200px;}

.formtips p{color:#999;}
.formbutton{background: none;border:none;outline: none;width: 100px;text-align: center;line-height: 30px;color:#fff;}
.formBtn .bsubmit{background: #ed1e24;}
.formBtn .breset{background: #313131;margin-left: 20px;}
/*online end*/


/*superslider*/
.slider{ width:100%; margin:0 auto;  position:relative; overflow:hidden;   height:380px;; background:#000;  }
.slider .bd{ position:relative; z-index:0;  }
.slider .bd li{ height:380px; overflow:hidden; }
.slider .bd li img{ display:block;  }

.slider .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.slider .hd ul{ text-align:center;  }
.slider .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:0 4px;
	overflow:hidden;  filter:alpha(opacity=70);opacity:0.7;  vertical-align:top; line-height:9999px; 
}
.slider .hd ul .on{ background-position:0 0;  }
.slider .timer{ position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;   }


.layB{width:1100px;}
.layB .tbC{ width:1100px; position:relative;}
.layB .prev,.layB .next{display: block;width: 30px;height:30px;position: absolute;top:50%;margin-top: -19px;}
.layB .prev{left: -40px;}
.layB .next{right: -40px;}
.layB .prev:hover,.layB .next:hover{border-color: rgba(255,255,255,0.6); }
.layB .slide{ width:1100px; overflow:hidden;    }
.layB ul{ overflow:hidden; zoom:1; }
.layB li{width: 360px;margin-bottom: 10px;float: left;margin-right: 0px;}
.layB ul li:nth-child(2),.layB ul li:nth-child(5){margin-left: 10px;margin-right: 10px;}
.layB li img{ display:block;width: 100%;}


.layC{width:1100px;}
.layC .tbD{ width:1100px; position:relative;}
.layC .prev,.layC .next{display: block;width: 30px;height:30px;position: absolute;top:50%;margin-top: -19px;}
.layC .prev{left: -40px;}
.layC .next{right: -40px;}
.layC .prev:hover,.layC .next:hover{border-color: rgba(0,0,0,0.6); }
.layC .slide{ width:1100px; overflow:hidden;}
.layC ul{ overflow:hidden; zoom:1; }
.layC li{width: 360px;margin-bottom: 10px;float: left;}
.layC ul li:nth-child(2),.layC ul li:nth-child(5){margin-left: 10px;margin-right: 10px;}
.layC li img{ display:block;width: 100%;height:270px;}

.newsList ul li{width: 100%;border-bottom: 1px dashed #999;overflow: hidden;line-height: 30px;}
.newsList ul li p{display: inline-block;color:#666;font-size: 14px;}
.newsList ul li p:first-of-type{float: left;margin-left: 5px;}
.newsList ul li p:last-of-type{float: right;margin-right: 5px;}