﻿@charset "utf-8";
/* CSS Document */
.list_pro{ overflow:hidden;}
.list_pro1{ margin-top:35px; margin-left:78px;}
.list_pro img{ display:block;}
.list_pro .p1{ text-align:center;}
.list_pro .txtbox1{ padding:22px 0px; border-top:1px solid #ecf0f1; margin:0 18px;}
.list_pro li{ float:left; border:1px solid #f4f4f4;}
.li_pro1{ margin-right:15px; width:192px; height:238px;}
.box_pro1{ position:relative;}
.ic_pro1{ position:absolute; top:90px; cursor:pointer;}
.ic_pro1_l{ left:0px;}
.ic_pro1_r{ right:20px;}
/*home news*/
.box_newsh{ overflow:hidden;}
.box_newshl{ float:left; margin-right:60px; width:870px;}
.box_newshr{ float:left; width:265px;}
.list_newsh{ float:left;}
.li_newsh{ overflow:hidden; padding:25px 0; border-bottom:2px solid #efefef; padding-left:13px;}
.date_h{ float:left; border:1px solid #eaeaea; width:55px; height:55px; background:#f3f3f3; 
text-align:center; margin-right:28px; margin-top:15px;}
.month_h{ background:#01b246; font-size:12px; color:#fff; line-height:28px; border-radius:3px;}
.day_h{ font-size:18px; color:#444; line-height:27px;}
.txt_boxh{ float:left; width:770px;}
.txt_boxh h3{ margin-bottom:20px;}
.txt_boxh p{ height:-1px; overflow:hidden;}
.more_h{ color:#04e598; font-size:12px; position:absolute;}
.more_h1{ right:0px; top:0px}
.title_boxh{ position:relative;}
.about_h{ margin-top:30px; padding-bottom:24px; position:relative;}
.about_h img{ display:block; margin-bottom:12px;}
.about_h p{ line-height:30px;}
.more_h2{ right:0px; bottom:0px}
/*index threemod*/
.list_imgh{ overflow:hidden;}
.li_imgh{ float:left; margin-right:10px; border:1px solid #f1f0f0;}
.li_imghl{ float:left;}
.li_imghr{ float:left; width:228px; height:110px;}
.li_imghr p{ font-size:14px; color:#fff; line-height:26px; width:190px; margin:0 auto;
padding:26px 0; background:url(../images/jian.png) no-repeat right center;}
.bg_liimghr1{ background:#24c4ba;}
.bg_liimghr2{ background:#00a1e9;}
.bg_liimghr3{ background:#20c529;}
.li_imghl img{ display:block; width:162px; height:110px;}
/*inner pages*/
.main_box{ overflow:hidden;width:1200px; margin:0 auto; margin-top:30px; margin-bottom:100px; }
.main_left{ float:left; width:245px; overflow:hidden;}
.main_right{ float:right; width:922px;}
.box_guide{ overflow:hidden; border-bottom:1px solid #e4f6fe;}
.tit_main{ float:left;}
.tit_main span{ font-size:18px; color:#444; line-height:50px; border-bottom:2px solid #aae5ff; padding-bottom:11px;}
.nav_guide{ float:right; padding-left:28px; background:url(../images/pic06.jpg) no-repeat left center;}
.nav_guide ul{ overflow:hidden;}
.nav_guide ul li{ float:left; font-size:12px; color:#a4a4a4; line-height:50px;}
.nav_guide ul li a{ color:inherit;}
.nav_guide ul li a:hover{ color:#00b2ff;}
.nav_guide ul li .cur{ color:#01b246;}
.nav_guide ul li i{ color:inherit; margin:0 4px;}
/*right content*/
.mod_right{ margin-top:30px;}
.box_proitem{ margin-bottom:30px;}
.box_proitem h2{ overflow:hidden;}
.box_proitem h2 .titleft{ float:left;}
.box_proitem h2 .more{ float:right;}
.box_proitem h2 span{ line-height:30px;}
/*product list*/
.list_pro2{ margin-top:12px;}
.li_pro2{ margin-right:15px; width:212px; height:236px;}
.list_pro .txtbox2{ padding:0 24px;}
.list_pro .img2{ width:212px; height:107px;}
.box_proitem li:hover{ border-color:#0ca749;}
.box_proitem:hover .titleft{ font-weight:bold;}
.li_pro_mrb1{ margin-bottom:38px;}
.pro_delone{ overflow:hidden; margin-bottom:25px;}
.pro_delonel{ float:left; margin-right:30px; border:1px solid #f3f3f3;}
.pro_delonel img{ display:block; width:249px; height:147px;}
.pro_deloner{ float:left;}
.pro_deloner p{ line-height:36px;}
.pro_deltwo{ margin-bottom:50px;}
.pro_deltwo table{ border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1; margin-bottom:30px;}
.pro_deltwo table td{ border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1; height:38px;
text-align:left; text-indent:14px; font-size:14px; color:#444;}
.main_btn{ background:#01b246; width:100px; text-align:center; cursor:pointer;}
.txt_btn1{ font-size:12px; color:#fff; line-height:36px;}
.pro_delthree h2{ margin-bottom:12px; padding-left:14px;}
.box_pro2{ position:relative;}
.box_pro2 li:hover{ border-color:#ff3838;}
.box_proiclist{ text-align:center;}
.box_proiclist span{ cursor:pointer; display:inline-block; width:22px; height:22px;}
.ic_proiclist1{ background:url(../images/picarr01.jpg)}
.ic_proiclist2{ background:url(../images/picarr02.jpg); margin-top:25px;}
.ic_proiclist1:hover{ background:url(../images/picarr01h.jpg)}
.ic_proiclist2:hover{ background:url(../images/picarr02h.jpg)}
.list_pro .img3{ width:216px; height:132px;}
.li_pro3{ margin-right:14px; width:216px; height:233px;}
.li_pro3 p{ line-height:30px; padding-top:12px;} 
/*弹框表单*/
.box_widform{ width:670px; background:#fff;position:absolute;top:200px;left:300px; padding-bottom:30px;}
.box_widform h2{ background:#01b246 ; height:64px;} 
.box_widform h2 span{ font-size:18px; color:#fff; line-height:64px; padding-left:26px; font-weight:bold;}	
.box_form{ margin-left:-32px;}
.box_form p{ margin:24px 0px;}
.txt_strat{ color:#eb4f38; font-size:18px; margin-right:3px; line-height:28px;}
.ic_strat{ margin-right:3px; vertical-align:middle;}
.box_form ul li{margin-bottom:20px;overflow:hidden;}
.box_form ul li span{ float:left; text-align:right;}
.tit_input1{line-height:28px;margin-right:6px;width:120px;}
.item_input{float:left; background:#fff;}
.inputa{text-indent:10px;font-family:'微软雅黑';}
.input1{width:400px;border:1px solid #84b6b6; height:28px;}
.item_tarea{float:left; background:#fff; border:1px solid #e1e1e1;}
.tarea_a{ border:none;padding:10px;font-family:'微软雅黑'; height:100px;}
.tarea1{ width:380px; height:80px;}
.textip{ line-height:24px;}
.textip i{ color:#fe0000;}
.box_tarea{ float:left;}
/*form btn*/
.box_formbtn{ float:left; margin-left:88px;}
.form_btn1{ border:none; height:40px;margin-left:37px; font-size:14px; color:#fff; width:110px; 
background:#01b246; cursor:pointer; font-family:'微软雅黑';}
.tip_form1{ overflow:hidden; margin-left:36px; margin-top:78px;}
.tip_form1 p{ float:left; line-height:20px;}
/*list img and text*/
.box_listimgtxt ul li{ overflow:hidden;}
.box_listimgtxt .imgbox{ float:left;}
.box_listimgtxt .img1{ display:blockl; width:130px; height:77px; margin-right:38px;}
.box_listimgtxt .img3{ display:blockl; width:170px; height:110px; margin-right:30px;}
.box_listimgtxt .txtbox{ float:left; position:relative;}
.box_listimgtxt .txtbox1{ width:744px;}
.box_listimgtxt .txtbox3{ width:652px; height:110px;}
.box_listimgtxt .txtbox3 h3{ margin-bottom:16px;}
.box_listimgtxt .txtbox3 h3:hover{ color:#00b2ff; font-weight:bold;}
.li_imgtxt1{ padding:30px 0px; background:url(../images/bjbd02.jpg) repeat-x bottom center;
background-color:#fff;}
.li_imgtxt2{ background:#fafafa; padding:20px 40px 20px 20px; margin-bottom:20px;} 
.box_listimgtxt .date{ position:absolute; right:0px; top:0px;}
.box_listimgtxt .lineh1{ line-height:28px;}
.ic_newitem{ vertical-align:middle; margin-left:18px;}
.box_listimgtxt h3 a:hover{ color:#00b2ff;}

/*join us*/
.box_joinus .email{padding-left:28px;background:url(../images/ic139.jpg) no-repeat left center;color:#e4007f;}
.box_joinus .contbox{margin-top:30px;}
.box_joinus .contbox .listitem{margin-top:20px;}
.box_joinus .contbox .listitem li{margin-bottom:20px;}
.box_joinus .contbox .listitem .curli{border:1px solid #01b246;}
.box_titjob{height:65px;background:#f9f9f9;position:relative;cursor:pointer;}
.curli .box_titjob{background:#01b246;}
.box_titjob span{display:inline-block;line-height:65px;
	font-size:18px;color:#333;padding-left:62px;}
.curli .box_titjob span{color:#fff;}
.box_titjob i{position:absolute;top:20px;left:30px;width:20px;
height:20px;display:inline-block;background:url(../images/pic08.png) no-repeat center center;}
.curli .box_titjob i{background:url(../images/pic07.png) no-repeat center center;}
.box_jobdel{padding:20px 25px;background:#fff;display:none;}
.box_jobdel .listtit{overflow:hidden;margin-bottom:20px;}
/*.box_jobdel .listtit span{float:left;margin-right:105px;}*/
.box_jobdel .listtit img{vertical-align:middle;margin-right:4px;}
.box_jobdel .contjob_item{margin-bottom:20px;}
.box_jobdel .contjob_item p{line-height:22px;}
.box_jobdel .contjob_item h3{font-weight:bold; margin-bottom:6px;}
/*图标向上旋转*/
.box_titjob i{
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);	
	-o-transform: rotate(0deg);
}
/*图标向下旋转*/
.curli .box_titjob i{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);	
	-o-transform: rotate(180deg);
}
.txt_mod1{ margin-bottom:22px;}
.txt_mod1 h3{ font-weight:bold; margin-bottom:6px;}
.txt_mod1 p{ line-height:30px;}
.txt_mod1 .ic_p1{ padding-left:15px; background:url(../images/pic13.jpg) no-repeat left center;}
.box_casedel h2{ font-weight:bold; margin-bottom:25px; text-align:center;}
.box_casedel p{ line-height:36px;}
.img_mod{ text-align:center; margin:10px 0px}
.img_mod img{ vertical-align:middle;}
.nav_casedel{ overflow:hidden;}
.nav_casedel span{ float:left; font-size:12px; color:#9a9a9a; line-height:24px;}
.nav_casedel  a{ color:#c1c1c1;}
.box_about p{ margin-bottom:10px;}
.img_modl{ float:left; margin-right:45px;}
.img_modl img{ display:block;}
/*about*/
.box_about2 .box_listimgtxt li{margin-bottom:25px;}
.box_listimgtxt .img2{ display:blockl; width:80px; height:80px; margin-right:26px;}
.box_listimgtxt .txtbox2{ width:780px;}
.box_listimgtxt .txtbox2 h3{ margin-bottom:10px;}
.box_about .box_listimgtxt .txtbox2 p{text-indent:0px;}
.box_imgshow{ margin-top:50px; border:1px solid #e0e0e0; padding-bottom:30px;}
.box_imgshow .img_mod{ margin-top:28px; margin-bottom:6px;}
.box_lvtshow{ width:850px; margin:0 auto; margin-top:6px; text-align:center; position:relative;
padding:18px 0px; border:1px solid #e0e0e0;}
.box_lvtshow ul{ overflow:hidden; display:inline-block;}
.box_lvtshow ul li{ float:left; border:1px solid #ebebeb; margin-right:18px; cursor:pointer;}
.box_lvtshow ul li img{ border:4px solid #fff; display:block; height:109px;}
.box_lvtshow ul li .img1{ width:82px;}
.box_lvtshow ul li .img2{ width:160px;}
/*bg img arrow*/
.arrow1{ position:absolute; top:70px; cursor:pointer; width:15px; height:25px; display:inline-block;}
.arrowl{ left:10px; background:url(../images/picarr03.jpg) no-repeat;}
.arrowr{ right:10px; background:url(../images/picarr04.jpg) no-repeat;}
.arrowl:hover{ background-image:url(../images/picarr03h.jpg);}
.arrowr:hover{ background-image:url(../images/picarr04h.jpg);}
/*contact*/
.box_ctmod ul{ overflow:hidden; margin-left:16px;}
.box_ctmod ul li{ float:left; cursor:pointer; width:225px; font-size:12px; color:#444;}
.box_ctmod ul li:hover{ color:#16bff0; text-decoration:underline;}
.box_ctmod ul li img{ vertical-align:middle; margin-right:14px;}
.box_adrmod{ margin-top:40px; overflow:hidden; margin-left:16px;border-bottom: 1px solid #e2e2e2; }
.box_adrmod .txtleft{ float:left;}
.box_adrmod .imgright{ float:right; width:520px; border-radius:28px; height:210px; overflow:hidden;}
.box_adrmod .txtleft ul li{ overflow:hidden; margin-bottom:6px;}
.box_adrmod .txtleft p{ float:left;}
.box_adrmod .txtleft h3{ margin-bottom:12px;} 
.box_adrmod .txtleft span{ width:26px; float:left;}
.box_txtlist{ margin-bottom:54px;}
.box_txtlist ul li{ background:url(../images/bjbd02.jpg) repeat-x bottom left; overflow:hidden;}
.box_txtlist .lineh1{ line-height:53px;}
.box_txtlist a{float:left; padding-left:12px; background:url(../images/pic22.jpg) no-repeat left center;}
.box_txtlist a:hover{ color:#0382d7; text-decoration:underline;}
.box_txtlist span{ float:right;}
.box_about h4{ font-size:16px; color:#444; margin-bottom:15px;}
/*news date*/
.date_news1{ position:absolute; bottom:0px; left:0px;}
.date_news1 span{ padding-left:20px; font-size:12px; color:#bebebd; display:inline-block;
background:url(../images/pic23.png) no-repeat left center;}
.box_newsdel h2{ text-align:center;}
.box_newsdel h3{ text-align:center; margin-top:10px; margin-bottom:15px;}
.box_newsdel h3 span{ font-size:12px; color:#999;}
.box_newsdel p{ line-height:22px; /*text-indent:25px;*/ margin-bottom:20px;}



