@charset "utf-8";
/* CSS Document */

@media all and (max-width:640px){
*{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
body{ max-width:100%; margin: 0 0; padding: 0 0 }
.height50{ width:100%; height:50px; line-height:50px; clear:both; }
p{ margin:0 0; padding:0 0}
.g-hd{margin:auto;}
.com_1180{ width:100%; margin:0 auto}
.com_1200{ width:100%; margin:10px auto}

.com_1180_news{ width:96%; margin:0 auto}

.dispcnone{ display:block; }
.dispcblock{ display:none; }
.cl{ width:100%; height:5px}

.clearfix:after{content:".";display:block; width:100%;height:0; line-height:0;clear:both; overflow:hidden}



/**首页标题**/
.title{ width:96%; margin:20px auto; height:auto; }
.title h1{ width:100%; font-size:26px; font-weight:normal; line-height:46px; text-align:center; color:#222; }
.title h2{  width:100%; height:0px; background:#999; margin:0 auto; margin-top:10px; margin-bottom:10px}
.title p{  width:100%;font-size:14px; font-weight:normal; line-height:26px; text-align:center; color:#666;}
.title span{  color:#f00;}

.title_bai{ width:96%; margin:20px auto; height:auto; margin-top:10px}
.title_bai h1{ width:100%; font-size:26px; font-weight:normal; line-height:46px; text-align:center; color:#eee; }
.title_bai h2{  width:100%; height:0px; background:#999; margin:0 auto; margin-top:10px; margin-bottom:10px}
.title_bai p{  width:100%;font-size:14px; font-weight:normal; line-height:26px; text-align:center; color:#ccc;}
.title_bai span{  color:#f00;}


/**头部和导航**/
.bodyid{ width:100%; margin:0 auto; overflow:hidden;}
.headtop{width:100%; margin:0 auto; height:70px;   z-index: 100; position: fixed;background:rgba(230,230,230,0.9); }
.topgunheight{
  height:80px;
  background-color:rgb(255,255,255,0.9);
  box-shadow:1px 1px 10px #ccc; 
}
.topgun{ width:100%; margin:0 auto; height:60px; position:fixed; z-index:100;}


.hhtop{ width:100%; margin:0 auto; height:70px; z-index: 100; }

.logo{ width:19%; float:left;margin-top:10px; text-align:left; margin-left:10px }
.logo img{ height:36px; width:auto;margin-top:6px}
.logo p{ width:0px;float:left; line-height:100px; color:#ccc; font-size:14px; display:none}


.top_left{ width:68%; float:left; line-height:27px; font-size:28px; color:#000; font-weight:400;margin-top:15px; text-align:left }
.top_left span{color:#999 ; font-weight:400; font-size:13px; font-family:arial; text-transform:uppercase }






.nav{left:0; top:0;  width:100%;height:0; float:none; margin-top:0px }


.menuthis{ display:block; text-indent:-9999px; width:50px; height:50px; background:url(../images/menu_icon.png) no-repeat center center; background-size:30px 22px; position: absolute;top:10px; right:0; z-index:1000;}
.nav{ background:none}

#menu10{width:60%; height:auto; line-height:48px; position: absolute;right:0; top:70px; z-index:1000; background-color: rgba(250,250,250,0.95);}
.wap_slide{ display:none; }
ul.menu li{  width:100%; } 
ul.menu a {display:block; text-decoration:none; height:40px; line-height:40px;color:#333; font-size:16px; font-weight:400}
ul.menu .menulink { display:block; width:90%; height:50px;line-height:50px; border-bottom:1px solid #666; color:#eee; margin:0 auto; margin-bottom:0px }
ul.menu .menulink:hover, ul.menu .menuhover { background:none}
ul.menu .menulink:hover{ background:none; color:#333 }
ul.menu ul{ position:static; opacity:1;left:auto; top:auto; width:50%; float:right; }
ul.menu ul li,ul.menu ul li a{ display:block; width:100%; }
ul.menu .menulinkbg { width:90%;height:46px; font-size:14px;font-family:"微软雅黑";text-align:center;color:#fff;font-weight:normal; line-height:46px; background:#1e50ae; margin:0 auto}
ul.menu .menulinkbg:hover{border-bottom:2px solid #1e50ae;color:#1e50ae;}

.menu>li.active>a {
    color: #000; height:56px; font-size:20px
}




.wlcenter{ height:auto; }

.gallery{position:relative; overflow:hidden; padding-top:70px}
.gallery .swiper-container { width: 100%;position: relative;height:auto}
.gallery .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.gallery .swiper-slide img{width:100%; height:auto}



.banner_about_wpa{ width: 100%; margin: 0 auto; overflow: hidden; height: auto; padding-top:-80px }
.banner_a_title{ width:60%; margin:0 auto; margin-top:50px; overflow:hidden; text-align:center; background-color:rgba(0,0,0,0.2); height:60px}
.banner_a_title h1{ font-size:20px; font-weight:normal; color:#fff ; line-height:60px}




/*aboutin*/
.aboutin{max-width:94%; margin:0 auto; overflow:hidden; margin-top:20px; margin-bottom:10px}

.aboutin_tit{ width:100%; margin:0 auto; text-align:center; font-size:28px; color:#111; line-height:80px;}

.aboutin_con{ width:100%; margin:0 auto; text-align:center; font-size:16px; color:#111; line-height:30px;}

.aboutin_list{ width:100%; margin:20px auto; overflow:hidden; padding-top:20px; padding-bottom:10px}

.aboutin_list a{ width:auto; height:auto; border:1px solid #333; color:#333; line-height:44px; font-size:14px; display:block; text-align:center; float:left; margin-left:8px; margin-right:8px; padding:0 8px 0 8px;transition:all ease 0.5s;}
.aboutin_list a:hover{border:1px solid #cc0000; color:#fff; transition:all ease 0.5s; background:#cc0000}


/*proin*/
.proin{max-width:94%; margin:20px auto; overflow:hidden;}

.proin_tit{ width:100%;margin:0 auto; text-align:center; font-size:24px; line-height:30px;}
.proin_tit img{ width:60px; height:auto;}

.proin_list{ width:100%;margin:0 auto; overflow:hidden; margin-top:20px;}
.proin_list ul{ width:100%;margin:0 auto; overflow:hidden}
.proin_list ul li{ width:100%; height:auto;overflow:hidden; float:none; margin-left:0; margin-right:0; margin-bottom:30px}
.proin_list_img{ width:100%; height:auto; background:#ccc; overflow:hidden}
.proin_list_img img{ width:100%; height:auto;transition:all ease 0.5s;}
.proin_list_tit{ width:100%; height:auto; font-size:14px; line-height:26px; color:#111; padding-top:20px;transition:all ease 0.5s; padding-bottom:10px;}
.proin_list_tit1{ width:100%; height:auto; font-size:14px; line-height:26px; color:#111; padding-top:20px}

.proin_list_input{ width:140px; margin:0 auto; padding:0px 10px 0 10px;height:40px; font-size:20px; line-height:40px; color:#111; border:1px solid #333; margin-top:20px; text-align:center}
.proin_list ul li a:hover .proin_list_input{ color:#fff;border:1px solid #cc0000; background:#cc0000;transition:all ease 0.5s;}

.proin_list ul li a:hover .proin_list_tit{ color:#cc0000;transition:all ease 0.5s;}
.proin_list ul li a:hover .proin_list_img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all ease 0.5s;}

.proin_list_rtit{ width:100%; height:auto; font-size:16px; line-height:24px; color:#111; padding-top:10px}
.proin_list_ra{ width:100%; height:52px; font-size:16px; line-height:52px;  text-decoration:underline}
.proin_list_ra a{color:#111;transition:all ease 0.5s; }
.proin_list_ra a:hover{color:#cc0000;transition:all ease 0.5s; }



/*advin*/

.advin{width:96%; height:auto; margin:20px auto; overflow:hidden;}
.advin_tit{ width:100%;margin:40px auto; text-align:center; font-size:30px; line-height:30px;}

.advin_list{width:100%; height:auto;overflow:hidden; position:relative; margin:20px 0 20px 0}
.advin_img{width:100%; height:auto;overflow:hidden;transition:all ease 0.5s;}
.advin_img img{width:100%; height:auto;transition:all ease 0.5s;}
.advin_text{width:100%;height:60px; position: absolute; top:26%;}
.advin_text h1{width:180px; text-align:center; margin:0 auto;font-size:18px; line-height:30px; color:#fff}
.advin_text h1 img{width:100%; height:auto}
.advin_text a{width:130px; margin:0 auto; height:32px; font-size:14px; line-height:32px; color:#fff; border:1px solid #fff; margin-top:20px; text-align:left; background:url(../images/adv_r.png) right center no-repeat; background-size:auto 20px; display:block; font-weight:400; text-indent:25px;transition:all ease 0.5s;}
.advin_text a:hover{border:1px solid #cc0000; margin-top:20px; text-align:left; background:url(../images/adv_r.png) #cc0000 right center no-repeat; background-size:auto 20px; transition:all ease 0.5s; }
.advin_img img:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all ease 0.5s;}



.advin_list1{width:100%; height:auto;overflow:hidden; position:relative; margin:20px 0 20px 0}
.advin_img1{width:100%; height:auto;overflow:hidden;transition:all ease 0.5s;}
.advin_img1 img{width:100%; height:auto;transition:all ease 0.5s;}
.advin_text1{width:100%;height:100px; position: absolute; top:10%;}
.advin_text1 h1{width:180px; text-align:center; margin:0 auto;font-size:18px; line-height:30px; color:#fff}
.advin_text1 h1 img{width:100%; height:auto}
.advin_text1 a{width:130px; margin:0 auto; height:32px; font-size:14px; line-height:32px; color:#fff; border:1px solid #fff; margin-top:20px; text-align:left; background:url(../images/adv_r.png) right center no-repeat; background-size:auto 20px; display:block; font-weight:400; text-indent:25px;transition:all ease 0.5s; box-shadow:0px 3px 10px #999}
.advin_text1 a:hover{border:1px solid #cc0000; margin-top:20px; text-align:left; background:url(../images/adv_r.png) #cc0000 right center no-repeat; background-size:auto 20px; transition:all ease 0.5s; }
.advin_img1 img:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all ease 0.5s;}

.advin_text1_1{width:100%;height:20px; position: absolute; bottom:20px;}
.advin_text1_1 h1{width:100%; text-align:center; margin:0 auto; font-size:16px; color:#fff; line-height:40px; font-weight:300}


.advin_list2{width:100%; height:auto;overflow:hidden; position:relative; margin:20px 0 20px 0}
.advin_img2{width:100%; height:auto;overflow:hidden;transition:all ease 0.5s;}
.advin_img2 img{width:100%; height:auto;transition:all ease 0.5s;}
.advin_text2{width:100%;height:100px; position: absolute; top:36%;}
.advin_text2 h1{width:180px; text-align:center; margin:0 auto;font-size:18px; line-height:30px; color:#fff}
.advin_text2 h1 img{width:100%; height:auto}
.advin_text2 a{width:130px; margin:0 auto; height:32px; font-size:14px; line-height:32px; color:#fff; border:1px solid #fff; margin-top:20px; text-align:left; background:url(../images/adv_r.png) right center no-repeat; background-size:auto 20px; display:block; font-weight:400; text-indent:25px;transition:all ease 0.5s;}
.advin_text2 a:hover{border:1px solid #cc0000; margin-top:20px; text-align:left; background:url(../images/adv_r.png) #cc0000 right center no-repeat; background-size:auto 20px; transition:all ease 0.5s; }
.advin_img2 img:hover{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all ease 0.5s;}


/*casein*/
.casein{ width:100%; margin:0 auto; height:auto; overflow:hidden; margin-bottom:30px}
.casein a{ width:120px; margin:0 auto; padding:0px 10px 0 10px;height:40px; font-size:20px; line-height:40px; color:#111; border:1px solid #333; margin-top:10px; text-align:center;transition:all ease 0.5s; display:block}
.casein a:hover{color:#fff;border:1px solid #cc0000; background:#cc0000;transition:all ease 0.5s; }

.casein p{ width:100%; margin:0 auto;height:auto; font-size:16px; line-height:30px; color:#111;  margin-top:20px; text-align:center}





/*首页客服板块*/

.sectionOne{ width:100%; height:auto; padding:10px 0;  margin: 0 auto}
.sectionHeader{text-align:center}
.sectionHeader h1{font-size:28px;font-weight:normal;}
.sectionHeader p{color:#333;font-size:14px;margin:10px 0 20px; text-transform:uppercase; }
.sectionHeader .wecan_des{color:#333;font-size:16px}
.sectionOneWarrp{display:flex;text-align:center;justify-content:space-between;padding:90px 0 0}
.sectionOneContent{flex-basis:256px;/*transform: rotateY(0);
     transition: all 0.50s ease-in-out 0s; */}
.sectionOneContent:hover .wzcon_pic{background-color:#007aff;transform: rotateY(360deg);transition: all 0.8s ease-in-out 0s;}
.sectionOneContent:hover .wzcon_pic>img:nth-child(2){display:none}
.wzcon_pic{height:107px;width:107px; transform:rotateY(0);transition: all 0.50s ease-in-out 0s;background-color:#f2f2f2;margin:0 auto;border-radius:50%;position:relative;transition:all .3s ease-in-out}
.wzcon_pic img{width:45%;display:block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;transition:all .3s linear}
.imgsmall img{width:55%!important}
.sectionOneContent h1{display:block;color:#000;font-size:18px; font-weight:normal; margin:40px auto 15px; font-family:微软雅黑;}
.wzcon_des{color:#666;font-size:15px;line-height:30px; padding:0 20px;}
.sectionTwo{background-image:url(../images/bgsection.png);background-position:center center;background-size:cover;background-repeat:no-repeat}

.infor_send{ width:100%; height:auto; background:#f1f1f1; overflow:hidden; }
.infor_send .sectionHeader h1{color:#333;}
.contes{ padding-top:0px;width: 96%;margin: 0 auto; padding-bottom:0px}
.contes_lef{width:100%; color:#333; margin: 0 auto}
.contes_lef_til{ padding:0px 0 0px 0; min-height:30px;  color:#333; font-size:14px;line-height: 24px}
.cont_mescoico{ padding:10px 0px; line-height:20px;}
.cont_mescoico i{ display:inline-block; vertical-align:top; width:20px; height:20px; margin-right:15px;}
.cont_mescoico01{ background:url(../images/dianhua.png) no-repeat center; background-size: 100% 100%}
.cont_mescoico02{ background:url(../images/shouji-2.png) no-repeat center; background-size: 100% 100%}
.cont_mescoico03{ background:url(../images/ditu.png) no-repeat center; background-size: 100% 100%}
.cont_mescoico04{ background:url(../images/kefu.png) no-repeat center; background-size: 100% 100%}
.contes_imwe{ height:auto; margin-top:20px;}
.contes_imwe img{ display:block; width:50%;height:auto;}
.contes_reg{width:100%; padding-top:20px; margin: 0 auto; float:none}
.iframe_k{ width:100%; height:300px; overflow:hidden}

.cont_mesinput{ width:100%; height:62px;margin-bottom:1%;}
.cont_mesinput input{ width:49%; height:52px; line-height:50px; float:left; padding:0 1% 0; font-size:14px;background:#ccc; border:none;}
.cont_mesinput input.gs_name{ width:100%; }
.cont_mesinput input.gs_email{ width:100%; }
.cont_mesinput input:first-child{ margin-right:2%;}
.cont_mesinput .select_list{ width:100%; height:52px; background:#fff; border:none; padding:0 10px; }
.cont_mesteart textarea{ width:100%; height:122px; line-height:30px;float:left; padding:0 1% 0; font-size:14px;resize:none;border:none;}
.cont_mesbtnck{ width:100%; display:block; background:#F63538; height:52px; line-height:50px; color:#fff; padding:0 5px; font-size:18px; text-align:center;margin-top:4%;}

.input_c{ width:100%; height:42px; line-height:42px; color:#333; padding:0 5px; font-size:16px; text-align:center;margin-top:2%; cursor:pointer;background:#17267A; border:none; font-weight:normal;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; font-family:微软雅黑}

/*首页客服板块*/	

/*底部版权*/
.footnav{max-width:96%; margin:0 auto;background:#fff; padding:20px 0 20px 0; overflow:hidden; border-bottom:2px solid #111111; margin-bottom:30px }
.footnav_logo{ width:100%; margin:0 auto; height:80px; text-align:center; background: url(../images/footlogobg.png) repeat-x;}
.footnav_logo_img{ width:100px; margin:0 auto; height:80px; background:#fff;  text-align:center; }
.footnav_logo_img img{ width:100px; height:auto; margin-top:27px; padding:0 10px 0 10px}

.footnav_list_zong{ width:100%; margin:0 auto; overflow:hidden}
.footnav_list{ width:100%; float:none;margin-bottom:20px; margin-left:0; overflow:hidden}
.footnav_list h1{ width:100%; height:30px; line-height:30px; font-size:20px; font-weight:400; color:#333;}
.footnav_list a{ width:33.333%; line-height:24px; font-size:14px; font-weight:normal; color:#333; display:block;transition:all ease 0.5s; float:left}
.footnav_list a:hover{ color:#cc0000; transition:all ease 0.5s;}

.foot_anniu{ max-width:1000px; margin:0 auto; overflow:hidden;text-align:center; margin-top:30px}
.foot_anniu a{ width:auto;float:left;line-height:36px; margin-right:20px; color:#fff; background:#cc0000; display:block; padding:0 20px 0 20px; font-size:20px;margin-left:20px;}


.Nr{ max-width:100%; margin:0 auto; overflow:hidden;padding-bottom:15px; text-align:center;color:#333;  }
.Nr_left{ width:100%; float:none;text-align:left; clear:both }
.Nr_left img{ width:90px; float:left; margin-right:20px; }
.Nr_left p{ width:180px;float:left; line-height:36px; color:#999; font-size:14px}

.Nr_right{ width:100%; float:none;text-align:left; font-size:14px; color:#999; line-height:32px;clear:both}
.Nr_right a{ color:#999;}
.Nr_right a:hover{ color:#f00;}



/*内页CSS**/
/**gouomai*/
.goumai{ max-width:94%; margin:0 auto; overflow:hidden; padding-top:80px}
.goumai_tit{ width:100%; line-height:60px; font-size:22px; color:#111; font-weight:400}
.goumai_con{ width:100%; margin:0 auto; overflow:hidden;}
.goumai_con h1{ width:100%; font-size:18px; line-height:26px; color:#111; margin:0 0 20px 0;font-weight:400 }

.goumai_con h2{ width:100%; font-size:14px; line-height:26px; color:#666; margin:10px 0 10px 0;font-weight:400 }
.goumai_con h2 a{color:#666; text-decoration:underline }

/**contactus**/

.contactus{ max-width:100%; margin:0 auto; overflow:hidden; padding-top:70px}
.contactus_tit{ width:100%; line-height:60px; font-size:22px; color:#111; font-weight:400; text-align:center}
.contactus_banner{ width:100%; height:auto; overflow:hidden}
.contactus_banner img{ width:100%; height:auto;}
.contactus_con{ width:90%; margin:0 auto; height:auto; overflow:hidden; margin-top:30px}
.contactus_con_list{ width:100%; float:none; overflow:hidden; margin-left:0}
.contactus_con_list h1{ width:100%; font-size:18px; line-height:36px; color:#111; font-weight:400 }
.contactus_con_list p{ width:100%; font-size:14px; line-height:26px; color:#333; font-weight:400; margin-bottom:20px }
.contactus_con_list span{ text-decoration:underline}

.contactus_liuyan{ width:88%;margin:0 auto;  margin-top:40px; overflow:hidden}
.contactus_ys{ width:88%; margin:0 auto; margin-top:10px; overflow:hidden}

.contactus_ys h1{ width:80%; font-size:14px; line-height:24px; color:#111; font-weight:400; float:left }

.contactus_ys a{ width:20%; font-size:14px; line-height:24px; color:#111; font-weight:400; float:right; text-align: right; text-decoration:underline}

.iframe_k1{ width:100%; height:600px; margin:0 auto}


/**color**/
.color{ width:100%; margin:0 auto; overflow:hidden;}
.color_top{ width:100%; margin:0 auto; overflow:hidden; padding:50px 0 50px 0; margin-bottom:30px}
.color_tit{ width:100%; line-height:100px; font-size:40px; color:#111; font-weight:400; text-align:center}
.color_img{ max-width:100%; margin:0 auto; height:auto; overflow:hidden}
.color_img img{ width:100%; height:auto;}
.color_img_t{ max-width:1160px; margin:0 auto; height:auto; overflow:hidden; color:#fff; line-height:50px; font-size:18px}



.color_list{ width:1000px; margin:50px auto; overflow:hidden; }
.color_list a{ width:500px; overflow:hidden;  height:68px; line-height:68px; color:#111; display:block; font-size:30px; float:left; font-weight:600; text-align:center;transition:all ease 0.5s;}
.color_list a:hover{ color:#cc0000;transition:all ease 0.5s;}


.color_con{ width:1000px; margin:0 auto; overflow:hidden; text-align:center}
.color_con p{font-size:20px; line-height:36px; color:#333; font-weight:400; margin-bottom:10px}

.color_dian{ width:4px; height:4px; border-radius:10px; background:#333; margin:50px auto; overflow:hidden}



/**cpcolor**/
.cpcolor{ width:100%; margin:0 auto; overflow:hidden; background:#343434; padding-top:70px}
.cpcolor_top{ width:94%;margin:0 auto; overflow:hidden; padding:20px 0 50px 0; margin-bottom:30px}
.cpcolor_tit{ width:100%; line-height:60px; font-size:20px; color:#fff; font-weight:400; text-align:center}
.cpcolor_img{ max-width:100%; margin:0 auto; height:auto; overflow:hidden}
.cpcolor_img img{ width:100%; height:auto;}
.cpcolor_img_t{ max-width:1160px; margin:0 auto; height:auto; overflow:hidden; color:#fff; line-height:50px; font-size:18px}



.cpcolor_list{ width:94%; margin:50px auto; overflow:hidden; }
.cpcolor_list a{ width:50%; overflow:hidden;  height:48px; line-height:48px; color:#eee; display:block; font-size:18px; float:left; font-weight:400; text-align:center;transition:all ease 0.5s;}
.cpcolor_list a:hover{ color:#cc0000;transition:all ease 0.5s;}


.cpcolor_con{ width:90%; margin:0 auto; overflow:hidden; text-align:center}
.cpcolor_con p{font-size:14px; line-height:26px; color:#eee; font-weight:400; margin-bottom:10px}

.cpcolor_dian{ width:4px; height:4px; border-radius:10px; background:#eee; margin:20px auto; overflow:hidden}





/**tansuo**/
.tansuo{ max-width:100%; margin:0 auto; overflow:hidden}
.tansuo_left{ width:400px; float:left; overflow:hidden; margin-top:40px}
.tansuo_left a{ width:200px; overflow:hidden; padding-left:100px; height:48px; line-height:48px; color:#333; display:block; font-size:20px}

.tansuo_right{ width:900px; float:right; overflow:hidden; margin-top:40px}
.tansuo_right_tit{ width:100%; line-height:70px; font-size:40px; color:#111; font-weight:400; text-align:left}
.tansuo_right_ban{ width:100%; height:auto; background:#ccc}

.tansuo_right_con{ width:100%; font-size:20px; line-height:36px; color:#333; font-weight:400; margin-top:100px; margin-bottom:100px }

/***cpxinxi***/
.cpxinxi{ max-width:94%; margin:0 auto; overflow:hidden; padding-top:80px}
.cpxinxi_left{ width:100%; float:none; overflow:hidden; margin-top:20px}
.cpxinxi_left a{ width:100%; overflow:hidden; padding-left:0; height:32px; line-height:32px; color:#333; display:block; font-size:16px}

.cpxinxi_right{ width:100%; float:none; overflow:hidden; margin-top:20px}
.cpxinxi_right_tit{ width:100%; line-height:60px; font-size:22px; color:#111; font-weight:400; text-align:left}
.cpxinxi_right_ban{ width:100%; height:auto; background:#ccc}
.cpxinxi_right_ban img{ width:100%; height:auto; }

.cpxinxi_right_con{ width:100%; font-size:14px; line-height:24px; color:#333; font-weight:400; margin-top:10px; margin-bottom:50px }
.cpxinxi_right_con h2{ width:100%; font-size:18px; line-height:26px; color:#000; font-weight:400;}
.cpxinxi_right_con h1{ width:100%; font-size:18px; line-height:40px; color:#000; font-weight:400;  }

.cpxinxi_right_con p{ width:100%; font-size:14px; line-height:24px; color:#666; font-weight:400; margin-bottom:10px }

/***anliyj***/

.anliyj{width:94%; margin:0 auto; overflow:hidden; padding-top:70px}
.anliyj_tit{ max-width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:40px}
.anliyj_en{ width:100%; height:40px; font-size:26px; color:#111; line-height:40px; font-weight:400; text-transform: uppercase}
.anliyj_cn{ width:100%; height:auto;color:#111; line-height:40px }
.anliyj_cn_left{ width:100%; float:none; font-size:20px; text-align:left}

.anliyj_cn_right{ width:100%; float:none; font-size:14px; text-align:left}
.anliyj_cn_right a{ color:#111}
.anliyj_cn_right a:hover{ color:#cc0000}



.anliyj_con{  max-width:100%;margin:20px auto; overflow:hidden}
.anliyj_list .anliyj_list ul{ width:100%; margin:0 auto; overflow:hidden}
.anliyj_list ul li{ width:100%; float:none; margin-left:0; margin-right:0; margin-bottom:50px; overflow:hidden}
.anliyj_list_img{ width:100%; height:auto; overflow:hidden}
.anliyj_list_img img{ width:100%; height:auto; overflow:hidden;transition:all ease 0.5s;}
.anliyj_list_text{ width:100%; height:auto; overflow:hidden; line-height:26px; font-size:16px; color:#333; margin-top:10px}

.anliyj_list_anniu{ width:120px; height:30px; overflow:hidden; line-height:30px; font-size:18px; color:#333; background:url(../images/anliyj_more.png) left center no-repeat; background-size:25px 25px; padding-left:30px;transition:all ease 0.5s;}

.anliyj_list ul li a:hover .anliyj_list_img img{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.anliyj_list ul li a:hover .anliyj_list_anniu{color:#cc0000;transition:all ease 0.5s; background:url(../images/anliyj_more_1.png) left center no-repeat; background-size:25px 25px;}





.anliyj_ontop .anliyj_ontop ul{ width:100%; margin:0 auto; overflow:hidden}
.anliyj_ontop ul li{ width:100%; margin-left:0; margin-right0; margin-bottom:30px; overflow:hidden}

.anliyj_ontop_img{ width:100%; height:auto;  overflow:hidden; float:left}
.anliyj_ontop_img img{ width:100%; height:auto; overflow:hidden;transition:all ease 0.5s;}
.anliyj_ontop_text{ width:100%; height:auto; overflow:hidden;float:right}
.anliyj_ontop_text h1{ width:100%; height:auto; line-height:40px; font-size:22px; color:#333;transition:all ease 0.5s;}

.anliyj_ontop_text p{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:18px; color:#333; background:url(../images/anliyj_more.png) left center no-repeat; background-size:25px 25px; padding-left:30px;transition:all ease 0.5s;}

.anliyj_ontop ul li a:hover .anliyj_ontop_img img{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.anliyj_ontop ul li a:hover .anliyj_ontop_text p{color:#cc0000;transition:all ease 0.5s; background:url(../images/anliyj_more_1.png) left center no-repeat; background-size:25px 25px;}

.anliyj_ontop ul li a:hover .anliyj_ontop_text h1{color:#cc0000;transition:all ease 0.5s;}





/***anliyanjiu xiangqing***/
.alyjxq{ max-width:94%; margin:0 auto; overflow:hidden; padding-top:60px}
.alyjxq_left{ width:100%; float:none; overflow:hidden; margin-top:20px}
.alyjxq_left h1{ width:100%; line-height:50px; font-size:22px; color:#111; font-weight:400; }

.alyjxq_left a{  width:50%;overflow:hidden; padding-left:10px; height:40px; line-height:40px; color:#333; display:block; font-size:16px; background:url(../images/anliyj_more.png) left center no-repeat; background-size:20px 20px; padding-left:30px;transition:all ease 0.5s; float:left}
.alyjxq_left a:hover{ color:#cc0000;transition:all ease 0.5s; background:url(../images/anliyj_more_1.png) left center no-repeat; background-size:25px 25px;}

.alyjxq_right{ width:100%; float:none; overflow:hidden; margin-top:20px}
.alyjxq_right_tit{ width:100%; overflow:hidden;font-size:14px; line-height:24px}

.alyjxq_right_tit a{ color:#111;font-size:14px;}
.alyjxq_right_tit a:hover{ color:#cc0000}

.alyjxq_right_ban{ width:100%; height:auto; background:#ccc}
.alyjxq_right_ban img{ width:100%; height:auto; }

.alyjxq_right_con{ width:100%; font-size:20px; line-height:36px; color:#333; font-weight:400; margin-top:40px; margin-bottom:30px }
.alyjxq_right_con h2{ width:100%; font-size:22px; line-height:36px; color:#000; font-weight:400;}
.alyjxq_right_con h1{ width:100%; font-size:22px; line-height:80px; color:#000; font-weight:400;  }

.alyjxq_right_con p{ width:100%; font-size:18px; line-height:32px; color:#666; font-weight:400; margin-bottom:30px }

.pro_mainbox{ width:100%; overflow:hidden}

/*案例祥情*/
/*
组图开始
小图部分
*/

.thumbpic{margin:0 auto;width:100%; overflow:hidden; padding-bottom:10px; margin-top:15px; margin-bottom:5px}
#piclist{width:85%;float:left;overflow:hidden;height:120px;position:relative;}
#piclist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#piclist ul li{float:left;cursor:pointer;position:relative;background:#fff;height:120px;margin:0 6px; border:1px solid #ccc; padding:5px }
#piclist ul li img{width:108px;height:80px;}
#piclist .hover{height:93px;border:1px solid #17267A;box-shadow:0px 5px 5px #17267A;}
#piclist ul li tt{background:#000;color:#FFF;position:absolute;z-index:20; font-family:arial;font-size:12px;line-height:16px;padding:0 5px;margin:45px 0 0 -100px; display:none}

.thumbpic a.bntprev{float:left;width:20px;height:64px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center; margin-top:18px}
.thumbpic a.bntnext{float:left;width:20px;height:64px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:18px}

#originalpic{position:relative;overflow:hidden;zoom:1;height:100%;clear:both;text-align:center;  padding-top:0px}
#originalpic ul{list-style:none;}
#originalpic li{display:none;position:relative;width:100%; text-align:center; background:#f9f9f9; margin-top:40px; margin-bottom:30px}
#originalpic li img{margin:40px 0;max-width:100%; min-width:80%; height:auto }
#originalpic li div{text-align:left;line-height:24px;color:#444;}
#aPrev{position:absolute;z-index:10;left:0;top:0;display:block;width:50%;height:100%;background:url(../images/blank.gif);}
#aNext{position:absolute;z-index:10;right:0;top:0;display:block;width:50%;height:100%;background:url(../images/blank.gif);}



/***about**/
.aboutlist{ width:94%; margin:20px auto; overflow:hidden}
.aboutlist a{width:auto; margin:0 auto; margin:0 10px 0 0;height:40px; font-size:16px; line-height:40px; color:#111; text-align:center; float:left;transition:all ease 0.5s; margin-bottom:20px}
.aboutcon{ width:94%; margin:20px auto; overflow:hidden}
.aboutcon p{ font-size:14px; line-height:26px;}
.aboutcon img{ width:100%; height:auto} 


.aboutlist a.ahover{ color:#cc0000;  border-bottom:1px solid #cc0000; transition:all ease 0.5s; }
.aboutlist a:hover{ color:#cc0000;  border-bottom:1px solid #cc0000; transition:all ease 0.5s; }


/**specs**/
.specs{ max-width:94%; margin:0 auto; overflow:hidden; padding-top:80px}
.specs_tit{ width:100%;text-align:center}
.specs_tit h1{ width:100%; line-height:60px; font-size:22px; color:#111; font-weight:400; text-align:center}
.specs_tit p{ width:100%; line-height:20px; font-size:14px; color:#666; font-weight:400; text-align:center; margin-bottom:40px}
.specs_list{ width:90%; margin:0 auto; overflow:hidden}
.specs_list ul{ width:100%; margin:0 auto; overflow:hidden}
.specs_list ul li{ width:100%; float:none; margin-left:0; margin-right:0; margin-bottom:30px}

.specs_list_img{ width:100%; height:auto; border:2px solid #333; overflow:hidden;}
.specs_list_img img{ width:100%; height:auto;transition:all ease 0.5s;}
.specs_list_txt{ width:100%; line-height:70px; font-size:18px; color:#333; font-weight:400;transition:all ease 0.5s;}
.specs_list_txt span{ text-decoration:underline}

.specs_list ul li a:hover .specs_list_txt{ color:#cc0000;transition:all ease 0.5s;}
.specs_list ul li a:hover .specs_list_img img{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}




/**dutezhimei**/
.dutezimei{ max-width:94%; margin:0 auto; overflow:hidden; padding-top:80px}
.dutezimei_tit{ width:100%;text-align:center;  font-family:"宋体"}
.dutezimei_tit h1{ width:100%; line-height:80px; font-size:40px; color:#111; font-weight:600; text-align:center}
.dutezimei_tit p{ width:100%; line-height:40px; font-size:20px; color:#111; font-weight:400; text-align:center; margin-top:30px}

.dutezimei_con{ width:100%; margin:30px auto; overflow:hidden; padding-bottom:30px}

.dutezimei_img{ width:100%; float:none; }
.dutezimei_img img{ width:100%; height:auto; }
.dutezimei_txt{ width:100%; float:none; margin-top:30px }
.dutezimei_txt p{ width:100%; font-size:16px; line-height:34px; color:#333;font-weight:400 }

.dutezimei_contact{ max-width:100%; margin:20px auto; overflow:hidden; border-top:2px solid #000; padding-top:40px}
.dutezimei_contact_left{width:100%; float:none; font-size:20px; line-height:40px; text-align:left}
.dutezimei_contact_right{width:100%; float:none; border-left:0px solid #000; overflow:hidden}
.dutezimei_contact_right p{width:100%;font-size:14px; line-height:24px; color:#333;font-weight:400; margin-left:0}



.dutezimei_contact_right a{ width:120px; height:30px; overflow:hidden; line-height:30px; font-size:20px; color:#333; background:url(../images/anliyj_more.png) left center no-repeat; background-size:25px 25px; padding-left:30px;transition:all ease 0.5s; display:block; margin-left:0; margin-top:30px}

.dutezimei_contact_right a:hover{color:#cc0000; background:url(../images/anliyj_more_1.png) left center no-repeat; background-size:25px 25px;transition:all ease 0.5s;}


/**cplb**/
.cplb{ max-width:94%; margin:0 auto; overflow:hidden; height:730px; padding-top:80px}
.cplb_tit{ width:100%; float:none; font-size:30px; line-height:60px; padding-top:10px}

.banner_gun {max-width:100%; height: 340px;  margin:0 auto; margin-top:40px;position: relative;}

.cp_img{ width:100%; height:340px; overflow:hidden; background:#333; position:relative}
.cp_img img{ width:100%; height:auto;}
.cp_txt{ width:100%; height:200px; position:absolute; bottom:0; background:#; text-align:left; text-indent:40px;transition:all ease 0.5s; overflow:hidden; cursor:pointer;background:rgba(0,0,0,0.2)}
.cp_txt:hover{ width:100%; height:200px; transition:all ease 0.5s; overflow:hidden; cursor:pointer;background:rgba(0,0,0,0.2)}

.cp_txt_da{ width:100%; height:60px; overflow:hidden; margin-top:10px;transition:all ease 0.5s;}
.cp_txt_da h1{ width:100%; height:auto; line-height:28px; font-size:26px; overflow:hidden; font-weight:400}
.cp_txt_da h1 a{ color:#fff; text-decoration:none}
.cp_txt_da h2{ width:100%; height:auto; line-height:20px; font-size:14px; overflow:hidden;font-weight:400}
.cp_txt_da h2 a{ color:#fff; text-decoration:none;transition:all ease 0.5s;}

.cp_txt_xiao{ width:100%; height:auto; overflow:hidden;}
.cp_txt_xiao h1{ width:100%; height:auto; line-height:30px; font-size:16px; overflow:hidden; font-weight:400}
.cp_txt_xiao h1 a{ color:#fff; text-decoration:none}
.cp_txt_xiao h2{ width:100%; height:auto; overflow:hidden}
.cp_txt_xiao h2 a{ width:40px; height:40px; background:url(../cp_you.png) no-repeat; background-size:40px 40px; display:block; margin-left:40px}


.cp_txt:hover .cp_txt_da{  width:100%; height:60px; overflow:hidden; margin-top:10px;transition:all ease 0.5s}



.banner_gun .swiper-button-next,.banner_gun .swiper-button-prev{border: 2px solid #333;  width: 20px;  height: 20px;  border-radius: 50%;  padding: 10px;}
.banner_gun .swiper-button-next {  left: 60px;  right: 0;  bottom: -65px;  top: auto;}

.banner_gun .swiper-button-prev{  left: 0;  right: 0;  bottom:-65px;  top: auto;}
.swiper-button-next:after, .swiper-button-prev:after{  font-size: 24px;  color: #333;}
.menu_1 li.active{  font-size: 20px;  font-weight: bold;}

.menu_1{ width:100%; margin-left:0}
.menu_1 li{ width:100%; line-height:34px; font-size:16px;}





.banner_proshow_wap{ width:100%; margin:0 auto; height:280px; overflow:hidden; background:#333; padding-top:69px}
.banner_proshow_txt{width:400px; margin:0 auto; margin-top:30px; overflow:hidden; text-align:center; color:#fff}
.banner_proshow_tit{width:100%; margin:0 auto;overflow:hidden; }
.banner_proshow_tit h1{width:100%; height:auto; line-height:20px; font-size:16px; overflow:hidden; font-weight:400}
.banner_proshow_tit h2{width:100%; height:auto; line-height:40px; font-size:26px; overflow:hidden; font-weight:400}
.banner_proshow_tit p{width:100%; height:auto; line-height:18px; font-size:12px; overflow:hidden; font-weight:400}

.banner_proshow_video{width:20%; margin:0 auto;overflow:hidden; padding:5px 0 5px 0; border-top:1px solid #fff;border-bottom:1px solid #fff; margin-top:10px; font-size:14px; line-height:20px }

.banner_proshow_video a{ color: #fff; }

.pro_list{ width:94%; height:auto; margin:20px auto; overflow:hidden}

.pro_con{ max-width:94%; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:20px}
.pro_con_left{ width:100%; float:none; overflow:hidden}
.pro_con_left h1{width:100%;height:auto; line-height:30px; font-size:20px; font-weight:400; margin-top:20px; margin-bottom:20px }
.pro_con_left h3{width:100%; height:auto; line-height:30px; font-size:16px;  font-weight:400; height:30px }
.pro_con_left span{ width:100%;height:auto; line-height:50px; font-size:18px;  font-weight:400 }
.pro_con_left p{ width:100%; height:auto; line-height:24px; font-size:14px;  font-weight:400;color:#666 }



.pro_con_left a{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:20px; color:#333; background:url(../images/anliyj_more.png) left center no-repeat; background-size:30px 30px; padding-left:40px;transition:all ease 0.5s; display:block;margin-top:20px; margin-bottom:20px }

.pro_con_left a:hover{ color:#cc0000; background:url(../images/anliyj_more_1.png) left center no-repeat; background-size:35px 35px; padding-left:45px;transition:all ease 0.5s;  }

.pro_con_right{ width:100%; float:none; overflow:hidden; text-align:left; margin-top:20px; margin-bottom:20px }
.pro_con_right img{ width:100%; height:auto; text-align:left}

.pro_con1{ max-width:94%; margin:0 auto; overflow:hidden;padding-top:20px; padding-bottom:20px}
.pro_con1_left{ width:100%; float:none; overflow:hidden}
.pro_con1_left h1{width:100%;height:auto; line-height:30px; font-size:20px; font-weight:400; margin-bottom:20px;margin-top:20px  }
.pro_con1_left h2{width:100%; height:auto; line-height:30px; font-size:16px;  font-weight:400 }
.pro_con1_left span{ width:100%;height:auto; line-height:40px; font-size:16px;  font-weight:400 }
.pro_con1_left p{ width:100%; height:auto; line-height:24px; font-size:14px;  font-weight:400;color:#666 }
.pro_con1_right{ width:100%; float:none; overflow:hidden; text-align:left;}
.pro_con1_right img{ width:100%; height:auto}

.pro_xq{ width:100%; margin:0 auto; overflow:hidden; background:#f1edea;padding-top:50px; padding-bottom:50px }

.pro_xq_tit{ max-width:94%; margin:0 auto; line-height:60px; font-size:30px; color:#111; font-weight:400; text-align:left }

.pro_ys{ max-width:94%; margin:0 auto; overflow:hidden}
.pro_ys ul{width:100%; margin:0 auto; overflow:hidden}
.pro_ys ul li{width:100%; overflow:hidden; padding:20px 0 20px 0}
.pro_ys ul li img{width:10%; height:auto; display:block; float:left; margin-right:20px}
.pro_ys ul li h1{width:80%; height: auto; display:block; float:left; color:#111}
.pro_ys ul li h1 p{width:100%;height:auto; line-height:30px; font-size:20px; font-weight:400  }
.pro_ys ul li h1 span{width:100%; height:auto; line-height:20px; font-size:14px;  font-weight:400;color:#666  }

.pro_xq_line{ max-width:94%; margin:0 auto; overflow:hidden; margin-top:20px; margin-bottom:20px; background:#333; height:2px }


.pro_rh{ max-width:94%; margin:0 auto; overflow:hidden}
.pro_rh img{width:100%; height:auto}
.pro_rh p{width:80%; height:auto; line-height:50px; font-size:22px;  font-weight:400;color:#333; text-align:left; padding-bottom:40px; padding-top:40px}

.pro_rh_list{ max-width:94%; margin:30px auto; overflow:hidden}
.pro_rh_list ul li{width:100%; overflow:hidden; text-align:center; float:none; margin-left:0; margin-right:0; height:auto; margin-bottom:20px}
.pro_rh_list ul li img{width:15%; height:auto; padding:0px 0 10px 0; float:left}
.pro_rh_list ul li h1{width:80%; height:auto; line-height:22px; font-size:14px;  font-weight:400;color:#333; text-align:left; float:right}
.pro_rh_list ul li h1 span{color:#cc0000; }

.pro_rh_list ul li p{width:100%; height:auto; line-height:30px; font-size:18px;  font-weight:400;color:#333  }




.pro_cjwt{ max-width:94%; margin:0 auto; overflow:hidden}

.pro_cjwt ul li{width:100%; overflow:hidden; padding:10px 0 10px 0}
.pro_cjwt ul li h1{width:100%; height: auto; color:#111; line-height:36px; font-size:16px}
.pro_cjwt ul li p{width:100%; height:auto; line-height:24px; font-size:14px;  font-weight:400;color:#333  }






/**shalizhigan**/
.shalizhigan{ max-width:94%; margin:0 auto; overflow:hidden; padding-top:80px}
.shalizhigan_tit{ width:100%; line-height:60px; font-size:22px; color:#111; font-weight:400; text-align:center}
.shalizhigan_list{ width:100%; overflow:hidden; margin-bottom:40px}

.shalizhigan_list1{ width:100%; float:none; height:auto; margin-right:0; margin-bottom:20px}
.shalizhigan_list1_t{width:100%; height:45px; overflow:hidden; line-height:45px; font-size:20px; color:#333; background:url(../images/cpxq_more.png) left center no-repeat; background-size:20px 20px; padding-left:30px;transition:all ease 0.5s; display:block;}
.shalizhigan_list1_t a{ color:#333; transition:all ease 0.5s;}
.shalizhigan_list1_t a:hover{ color:#cc0000; transition:all ease 0.5s;}

.shalizhigan_list1_img{width:100%; height:140px; overflow: hidden}
.shalizhigan_list1_img img{width:100%; height:auto; overflow: hidden}
.shalizhigan_list1_txt{width:100%; height:auto; overflow: hidden; padding:10px 0 10px 0}
.shalizhigan_list1_txt h1{width:100%; height:auto;line-height:24px; font-size:14px;  font-weight:400;color:#666}
.shalizhigan_list1_txt p{width:100%; height:auto;line-height:24px; font-size:14px;  font-weight:400;color:#666}



.shalizhigan_list2{ width:100%; float:none; height:auto;}
.shalizhigan_list2_t{width:100%; height:45px; overflow:hidden; line-height:45px; font-size:20px; color:#333; background:url(../images/cpxq_more.png) left center no-repeat; background-size:20px 20px; padding-left:30px;transition:all ease 0.5s; display:block;}
.shalizhigan_list2_t a{ color:#333; }

.shalizhigan_list2_img{width:100%; height:140px; overflow: hidden}
.shalizhigan_list2_img img{width:100%; height:auto; overflow: hidden}
.shalizhigan_list2_txt{width:100%; height:auto; overflow: hidden; padding:10px 0 10px 0}
.shalizhigan_list2_txt h1{width:100%; height:auto;line-height:24px; font-size:14px;  font-weight:400;color:#666}
.shalizhigan_list2_txt p{width:100%; height:auto;line-height:24px; font-size:14px;  font-weight:400;color:#666}





   
.shalizhigan_img{ max-width:100%; margin:0 auto; height:auto; overflow:hidden}
.shalizhigan_img img{ width:100%; height:auto;}
.shalizhigan_img_t{ max-width:1160px; margin:0 auto; height:auto; overflow:hidden; color:#fff; line-height:50px; font-size:18px}



	








}