@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box; }
body{overflow-x: hidden}
img{ border:0; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
table{border-collapse: collapse;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container,.w1200{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}



/*头部*/
.header{ background:#0d68be; height: 40px;  width: 100%; position: fixed; top:0; left:0; z-index: 9}
.xuJin{float: left; height:40px; font-size: 14px; color: #fff; line-height: 40px; }
.h_dhs{ float: left; background: url(../images/x_dhs.png) no-repeat left center; padding-left: 30px; line-height: 40px; height: 40px; float: right}
.h_dhs p{font-size: 16px; color: #fff; float: left}
.h_dhs span{font-size: 20px; color: #fff; font-family: "Impact"; margin-left: 10px;}
.header_cxx{width:100%; height:80px; background: url(../images/nav_bjs.jpg) no-repeat center;position: fixed; top:40px; left:0; z-index: 999; background: rgba(255,255,255,0.76)}
.index_logo{width:172px; height:58px; float: left; margin-top: 15px;}
.index_logo img{width:172px; height: 58px;}


/* 导航栏 */
#menu{width:840px; height:100%; float: left;  margin-left: 70px}
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width: 100%; height:100%; }
#menu .nav .nLi{ float:left;  position:relative; display:inline; height:100%; width:auto;  margin:0px 4px}
#menu .nav .nLi:last-child{margin-right: 0}
#menu .nav .nLi h3{ float:left; font-weight: normal; width:100%; text-align:center; font-size:16px; z-index: 2; position: relative; line-height: 80px;}
#menu .nav .nLi h3 a{color:#000000;  overflow: hidden; padding:3px 15px;}
#menu .nav .sub{ display:none; width:160px; left:50%;  margin-left: -80px; top:80px;  position:absolute; background:#ddd;  line-height:36px; }
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#222e48;}
#menu .nav .sub a:hover{ color:#0d68be;  }
.nLi > h3 > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
#menu .nav .active h3 a{background: #0d68be; border-radius:25px; color: #fff;  }
#menu .nav .nLi:hover h3 a{background: #0d68be; border-radius:25px; color: #fff; }
.in_yingyu{float: right; background: url(../images/yingwen.png) no-repeat left center; padding-left: 55px; font-size: 14px; color: #000; line-height:80px}
.in_yingyu a:hover{color:#0d68be}



/* 首页:banner */
.banner{ width:100%;  position:relative;  height:800px;clear: left; position: relative; margin-top: 40px}
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -33px; bottom:30px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #fff; cursor:pointer; border-radius: 50%;}
.banner .slideBox .hd ul li:last-child{margin-right: 0px;}
.banner .slideBox .hd ul li.on{background:#0d68be}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%}



/*关于我们*/
.index_about{width:100%; height:auto; overflow: hidden; margin-top: 50px; }
.index_title{width:100%; height: auto; text-align: center}
.index_title h3{font-size:30px; color: #333333;  font-weight: bold;}
.index_title span{width:30px; height: 4px; background: #0d68be; display: block; margin: 15px auto;}
.index_title p{width:100%; height: auto; overflow: hidden; font-size: 16px; color:#333333; line-height: 28px; margin-top: 10px;}
.index_about_left{width:600px; height: auto; float: left; margin-left: 15px; background: url(../images/about_bjs.png) no-repeat top left; padding: 60px 0 0 60px;  
	margin-top: 60px;}
.index_about_left h3{font-size: 20px; color: #333333; font-weight: bold;}
.index_about_left .in_about_xx{width:100%; height: 180px; margin: 30px 0; font-size: 14px; color: #333333; line-height: 28px;}
.index_about_left a{width:106px; height: 38px; background: #0d68be; text-align: center; line-height: 38px; color:#fff; display: block}
.index_about_left a:hover{background: none; color:#0d68be; border: 1px solid #0d68be}
.index_about_right{width:513px; height: 397px; float: right; margin-top: 60px;}
.index_allpic{width:100%; height: 380px; background: #0d68be; margin-top: 39px;}
.index_honor{width:590px; height: 288px; float: left; background: #fff; margin-top: 55px; padding: 10px 20px 0;}
.in_htitle{width:100%; height: 40px; line-height: 40px;}
.in_htitle dt{font-size: 16px; color: #333333; font-weight: bold; background: url(../images/lan.png) no-repeat left center; padding-left: 20px; float: left}
.in_htitle dd{float: right; font-size: 16px; color: #333; font-weight: bold;}
.in_htitle dd:hover a{color:#0d68be}
.in_pic{width:100%; height: auto; }
.in_pic .Box_con {position: relative; margin-top:20px;}
.in_pic .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.in_pic .Box_con .conbox ul {position: relative;list-style: none;}
.in_pic .Box_con .conbox ul li {float: left;width:267px;height:196px; margin-left:16px;overflow: hidden;}
.in_pic .Box_con .conbox ul li:first-child {margin-left: 0;}
.in_pic .Box_con .conbox ul li img{width:100%; height: auto; overflow: hidden; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_pic .Box_con .conbox ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_shebei{width:590px; height: 288px; float: right; background: #fff; margin-top: 55px; padding: 5px 15px;}




/*产品中心*/
.index_product{width:100%; height: auto; background: #f1f1f1; overflow: hidden;  padding: 50px 0;}
.index_product .index_product_nav{width:auto; display: table; margin: 30px auto;}
.index_product_nav a{width:193px; height: 37px; float: left; margin-right: 7px; background: #0d68be; margin-bottom:10px; color:#fff; line-height: 37px; font-size: 16px;  text-align: center; position: relative}
.index_product_nav a p{position: relative; z-index: 9}
.index_product_nav a:last-child{margin-right:0}
.index_product_nav a:after{content: ""; position: absolute; bottom:0; left:0; width: 100%; height: 2px; background: #ffaf66; transition: .6s;}
.index_product_nav a:hover:after{height:100%; transition: .6s;}
.index_product ul{width:100%; height: auto; overflow: hidden}
.index_product ul li{width:291px; height: auto; float: left; margin-right:10px; margin-bottom: 24px;}
.index_product ul li .in_pro_pic{width:100%; height:235px; overflow: hidden}
.index_product ul li .in_pro_pic img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_product ul li:nth-child(4n){margin-right: 0}
.in_pro_xx{width:100%; height: 45px; line-height: 45px; background: #e5e5e5; padding: 0px 10px;}
.in_pro_xx p{width:200px; height: 40px; float: left;font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_pro_xx i{width:22px; height: 22px; float: right; background: url(../images/p_jia.png) no-repeat center; margin-top: 10px;}
.index_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_product ul li:hover .in_pro_xx{background: #0d68be;}
.index_product ul li:hover .in_pro_xx p{color:#fff}
.index_product ul li:hover i{background: url(../images/h_hjia.png) no-repeat center}
.pro_more{width:100px; height: 37px;  margin-right: 7px; background: #0d68be; color:#fff; line-height: 37px; font-size: 16px;  text-align: center; border-bottom: 2px solid #ffaf66; margin: 20px auto 0; display: block}
.pro_more:hover{background: #ffaf66}

/*流程*/
.index_liucheng{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.in_lcinfo{width:100%; height: 228px; background: url(../images/xuxian.png) no-repeat center 50px; background-size: 100% auto}
.in_lcinfo ul{width:100%; height: auto; margin-top: 48px; }
.in_lcinfo ul li{width:150px; height: auto; float: left; text-align: center}
.in_lcinfo ul li img{width:117px; height: 117px; border-radius: 50%; display: block; margin: 0px auto;     -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.in_lcinfo ul li p{font-size: 16px; color: #333333; line-height: 40px; margin-top: 10px;}
.in_lcinfo ul li span{width:20px; height: 20px; border-radius: 50%; display: block; margin: 10px auto; background: #d2d2d2; text-align: center; line-height: 20px; 
	font-size: 16px; color:#fff; margin-top: 28px}
.in_lcinfo ul li:hover img{border:2px solid #0d68be; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
.in_lcinfo ul li:hover p{color:#0d68be}
.in_lcinfo ul li:hover span{background: #0d68be}

.in_lcinfo_list{width:100%; height: auto;  position: relative; margin-top:70px}
.in_lcinfo_list .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.in_lcinfo_list .Box_con .conbox ul {position: relative;list-style: none; }
.in_lcinfo_list .Box_con .conbox ul li {float: left;width:290px;height:260px; overflow: hidden; position: relative; margin-left:13px; }
.in_lcinfo_list .Box_con .conbox ul li a{width:100%; height: 100%; display: block; overflow: hidden; }
.in_lcinfo_list .Box_con .conbox ul li  img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s;
	-webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_lcinfo_list .Box_con .conbox ul li:first-child {margin-left: 0;}
.in_lcinfo_list .Box_con .conbox ul li:hover img{transform: scale(1.1);}
.lcinfo_pic{width:290px; height: 199px; overflow: hidden}
.lcinfo_pic img{width:100%; height: auto; overflow: hidden}
.in_lcinfo_list .Box_con .conbox ul li p{width:100%; height: 40px; line-height: 40px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
	font-size: 16px; color: #333333}
.in_lcinfo_list .Box_con .btn {display: block;width:30px;height:30px;cursor: pointer;  text-align: center; position: absolute; top:90px;  }
.in_lcinfo_list .Box_con .btnl{background: url(../images/lc_left.png) no-repeat; left:-40px; }
.in_lcinfo_list .Box_con .btnr{background: url(../images/lc_right.png) no-repeat; right:-40px; }
.in_lcinfo_list .Box_con .btnl:hover{ background: url(../images/lc_hleft.png) no-repeat; }
.in_lcinfo_list .Box_con .btnr:hover{ background: url(../images/lc_hright.png) no-repeat; }



/*热销产品*/
.index_hotproduct{width:100%; height: auto; overflow: hidden; margin-top: 40px;}
.Box{width:100%; height: auto;  position: relative; margin-top:50px;  margin-bottom:40px;}
.Box .Box_con .conbox {position: relative;overflow: hidden; width:100%; margin: 0px auto; }
.Box .Box_con .conbox ul {position: relative;list-style: none; }
.Box .Box_con .conbox ul li {float: left;width:388px;height:384px; overflow: hidden; position: relative; margin-left:13px; padding: 0px 23px }
.Box .Box_con .conbox ul li a{width:100%; height: 100%; display: block; overflow: hidden; position: relative; z-index: 9}
.hot_pic{width:100%; height: 276px; margin: 0px auto; overflow: hidden}
.Box .Box_con .conbox ul li  img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s;
	-webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li:hover img{transform: scale(1.1);}
.hot_xx{width:100%; height: auto; overflow: hidden; text-align: center}
.hot_xx h3{width:100%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.hot_xx span{font-size: 16px; color: #fff; line-height: 40px;}
.Box .Box_con .conbox ul li p{width:100%; height: 40px; line-height: 40px; text-align: center;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
	font-size: 16px; color: #333333}
.Box .Box_con .conbox ul li:after{content:""; width: 100%; height: 288px; background: #0d68be; position: absolute; bottom:0; left:0}




/*底部*/
.footer{width: 100%; height:auto; background:#171717; padding-top: 50px; margin-top: 45px;}
.f_logo{width:123px; height: 123px; float: left}
.f_center{width:100%; height: auto; overflow: hidden;}
.f_contact{height:auto; overflow: hidden; width:665px; float: left; margin-left: 65px; }
.f_contact p{font-size: 14px; color: #ffffff; line-height:28px}
.f_contact h3{font-weight: bold; font-size:24px; color: #fff; }
.f_left{width:auto; height: auto; float: left; margin-top:15px; margin-right: 40px;}
.f_left a{color:#fff}
.footer_img{width:113px; height: auto; overflow: hidden; float: right; margin-right: 28px;}
.footer_img div{width:113px; height: 113px; background: url(../images/m_bj.png) no-repeat center; padding: 10px;}
.footer_img div img{width:100%; height:100%;}
.footer_img p{width:100%; height:35px; line-height:35px; font-size:14px;  color: #ffffff; }
.ft_1{background: url(../images/f_sj.png) no-repeat 15px center; padding-left:35px;}
.ft_2{background: url(../images/f_wx.png) no-repeat 15px center; padding-left:35px;}
.footer_ban{width:100%; height:60px; line-height:60px;  margin-top:10px;}
.footer_zhichi{width:auto; height:60px;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px;  font-size: 14px; color:#fff;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:19px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:19px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #fff;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%; line-height:60px; font-size: 14px; color:#fff; float: left}
.f_brq a{margin-left: 15px; color: #fff;}
.f_brq a:hover{color:#1d50b6!important}
.index_kuaijie{width:100%; height:auto;line-height: 30px; overflow: hidden;  padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.38);}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size:14px; color: #fff; margin: 0px 10px;}
.index_kuaijie p{font-size: 14px; color: #fff; float: left; width:88px; height: 30px;  text-align: center  }
.index_kuaijie a:hover{color:#0d68be}



/*客服*/
.lxfx{height:auto;position:fixed;right:0;top:320px;width:77px;z-index:999}
.lxfx li a{color:#fff;display:block;height:47px;margin-top:9px;width:300px;font-size:14px}
.leftlx{float:left;height:47px;width:77px}
.lxfx li span{border-left:1px solid #fff;color:#fff;float:left;font-size:20px;height:24px;line-height:22px;margin-top:8px;padding-left:8px}
.fix_ewm{border:5px solid #fff;display:none;height:120px;left:-145px;position:absolute;top:-40px;width:120px}
.lxfx li i{display:block;height:27px;margin:0 auto;text-align:center;width:30px;background:url(../images/fx.png) no-repeat}
.lxfx li i.icon-tel{background-position:0 -25px}
.lxfx li i.icon-ly{background-position:4px -53px}
.lxfx li i.icon-wx{background-position:-34px 4px}
.lxfx li i.icon-top{background-position:-30px -50px}
.lxfx li p{line-height:12px;text-align:center}
.lxfx li{background:#0d68be;height:56px;margin-bottom:1px;margin-left:0;overflow:hidden;position:relative;width:77px;float:left}



/*内页banner*/
.nyban{width:100%; height:600px; overflow:hidden; margin-top:40px; }
.caseban{ background: url(../enimages/caseban.jpg) no-repeat center; }
.newsban{ background: url(../enimages/newsban.jpg) no-repeat center; }
.proban{ background: url(../enimages/proban.jpg) no-repeat center;}
.contban{ background: url(../enimages/contban.jpg) no-repeat center;  }
.aboutban{ background: url(../enimages/aboutban.jpg) no-repeat center; }
.spban{ background: url(../enimages/spban.jpg) no-repeat center; }
.sclcban{ background: url(../enimages/sclcban.jpg) no-repeat center;}
.yxban{ background: url(../enimages/yxban.jpg) no-repeat center; }
.service_ban{ background: url(../enimages/serviceban.jpg) no-repeat center;}



/* 内页通用:左侧分类 */
.nyban .ny_ban_info{ padding-top:560px; color: #fff; font-size: 14px; text-align: right; }
.nyban .ny_ban_info a{ color: #fff; }
.mainl-fl{ }
.mainl-fl > h3{ width: 250px;  margin-left: -1px; height: 66px; line-height: 66px; text-align: center; font-size: 21px; font-weight: bold; background: #0d68be; color: #fff; }
.main-l{ border-top: none; width: 250px; margin-top: -66px; border-top: none;  }
.mianlfl-li > a > p{ color: #393939; font-size: 16px; float:left;line-height: 52px;  }
.mianlfl-li > a > span{ width:8px; height: 8px; display: block; border-radius: 50%; border:2px solid #0d68be; float:left; margin-left: 10px;    margin-top: 20px; margin-right: 13px;  }
.mianlfl-li{ clear: both; }
.mianlfl-li > a { display: block; margin: 0 auto; width: 225px; height: 52px; border-bottom: 1px solid #e5e5e5;  }
.mainl-fl > ul{ padding-top: 10px; }
.mianlfl-li > .active p{ color: #0d68be;  }
.mianlfl-li > .active span{ background: #0d68be;  }
.mianlfl-li:hover a > span{ background: #0d68be; }
.mianlfl-li:hover a > p{ color: #0d68be;  }
.zxzx-l{ background: url(../images/zxzx-bg.jpg) no-repeat; height: 95px; width: 217px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; }
.zxdc-l{ background: url(../images/zxwj-bg.jpg) no-repeat; height: 95px; width: 217px; margin: 0 auto;  margin-bottom: 20px; }
.zxzx-l > a > h3,.zxdc-l > a > h3{ color: #fff; font-size: 18px; text-align: center; padding-top: 25px;  }
.zxzx-l > a > p,.zxdc-l > a > p{ text-align: center; color: #fff; font-size: 12px; }
.mainl-fl2{ margin-top: 20px; border:1px solid #d5d5d5; padding-bottom: 25px;  }
.mainl-fl1{ border:1px solid #d5d5d5; border-top: none; }
.mianl-tel{ padding: 0 15px; margin-top: 25px; line-height: 28px;  }
.mianl-tel > p{ color: #626262; font-size: 16px; }
.mianl-tel > h3{ color: #0d68be; font-size: 24px;   font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";  }
.mianl-tel > h3:after{ content:""; width: 100%; height: 1px; background: #e5e5e5; display: inherit; margin-top: 8px; }
.mianl-tel > div > p{ color: #535353; font-size: 15px; line-height: 26px; }
.mianl-tel > div{ padding-top: 8px; }
.mianl-tel > span{ color: #0d68be; font-size: 24px;   font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";  }
/*内页通用：单页面*/
.main-r{ width:920px; margin-top: 20px;  }
.main-title > h3{ font-size: 30px; text-align: center; font-weight: bold; color: #313131; }
.main-title > p{ color: #dcdcdc; font-size: 30px; font-weight: bold; text-align: center; padding-top: 15px; }
.main-title > p:after{ width:52px; height: 2px; content:""; display: inherit; background: #0d68be; margin: 0 auto; margin-top: 15px; }
.mianr-mid{ margin-top: 30px; font-size:16px; color:#666; line-height:24px;}
.mianr-mid > p{line-height: 36px; font-size: 16px; color: #555; }
.mianr-mid h1{font-size:22px; color:#333; line-height:26px; margin-bottom:10px;}


/*内页：合作学校*/
.mianr-mid > ul{ display: table; }
.mianr-mid .inschool-li{ width: 460px;  }
.mianr-mid .inschool-a{width:430px}
.mianr-mid .scoohllidiv{ width: 383px; height: 260px; }
.mianr-mid .zx{ width: 185px !important; }
.mianr-mid .gd{ width: 185px !important; }

/*内页：学校氛围*/
.honor-li{ float:left; margin-right: 20px; cursor: pointer; margin-bottom: 70px; position: relative; }
.honor-li:nth-child(3n),.goods-li:nth-child(3n){ margin-right: 0; }
.honorli-div{ width:293px; height: 215px; overflow: hidden; border:1px solid #ddd;}
.honorli-div > img{ width:100%; transition: .6s; }
.honor-li:hover .honorli-div > img{ transform: scale3d(1.1,1.1,1); }
.honor-li p:after{ width:0; height: 40px; background: #0d68be; display: inherit; content: "";position: absolute; bottom: -40px; left: 0; right: 0; transition: .6s;  }
.honor-li h3{ position: absolute; left: 0; border: 0; right: 0; text-align: center; color: #555; font-size: 15px; line-height: 40px; z-index: 2;}
.honor-li:hover p:after{ width:100%; }
.honor-li:hover h3{ color: #fff; }
.case-li .honorli-div{ width:293px; height: 159px !important; overflow: hidden; }


/*包装展示*/
.fhlcli-div{width:293px; height: 199px; overflow: hidden; border:1px solid #ddd;}
.fhlcli-div img{ width:100%; transition: .6s; }
.honor-li:hover .fhlcli-div > img{ transform: scale3d(1.1,1.1,1); }


/*内页：疑问解答*/
.mianr-mid .infaq-li{ margin-right: 18px; margin-bottom: 18px; }
.mianr-mid > img{ display: table; margin: 0 auto; }
.mianr-mid > h4{ background: #0d68be; color: #0d68be; font-size: 16px; text-align: center; line-height: 40px; margin-top: 30px; }

/*内页：新闻资讯*/
.in-news{ margin-top: 60px; background: url(../images/innews-bg.jpg) no-repeat center; background-position: bottom; }
.news-title h3{ color: #0d68be;padding-top: 0 !important;   }
.news-title span { background: url(../images/newstitle-bg.png) no-repeat; width:442px; line-height: 80px }
.news-title span p{ color: #0d68be !important;font-size: 33px;text-align: center;font-weight: bold;padding-top: 13px; }
.news-title p{ color: #626262; }
.title h3{ font-size: 33px; text-align: center; font-weight: bold; padding-top: 13px; }
.title span{ display: block; background: url(../images/title-bg.png) no-repeat center; width:442px; height: 80px; margin: 0 auto; }
.newsli-l{ width:130px; height: 122px; background:#333; transition: .6s;  }
.newsli-l > span{ font-size: 20px; font-weight: bold; text-align: center; padding-top: 20px; color: #fff;  border-bottom: 1px solid #444; width: 100px; margin: 0 auto; padding-bottom: 13px;  transition: .6s; display:block;}
.newsli-l > p{ text-align: center; font-size: 30px; font-weight: bold; line-height: 40px; color: #fff; padding-top: 10px;   }
.newsli-r{ width: 790px; background: #f5f5f5; padding: 20px;  height:122px  }
.news-li{ clear: both; margin-bottom: 20px; display: table; }
.newsli-r h3{ font-size: 20px; line-height: 30px; transition: .6s; width:100%; height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.newsli-r p{ font-size: 15px; line-height: 24px; width:100%; height:50px; overflow:hidden  }
.news-li:hover .newsli-l { background: #0d68be; }
.news-li:hover .newsli-l h3{ border-bottom: 1px solid #fff;  }
.news-li:hover .newsli-r  h3{ color: #0d68be;  }
.news-li:hover .newsli-r  p{ color: #0d68be;  }
.news-li:hover .newsli-l span{ border-bottom: 1px solid #fff; } 


/*内页：新闻列表*/
.nym-top{ margin-top:40px;}
.news-top{margin-bottom: 80px; height: 420px;}
.news-top ul{ display:table; margin: 0 auto;}
.nynewst-li{ float:left; width:333px; margin-right: 70px; position: relative; top:0; transition: .3s;}
.nynewst-li:after{ content:"";width:0; height: 1px; background: #3c80e6; display: inherit; position: relative; top:40px; transition: all .4s ease-in-out 0s;}
.nynewst-li:nth-child(3){ margin-right:0;}
.nynewstli-div{ width:333px; height: auto; overflow: hidden}
.nynewstli-div > img{ width:333px; height: auto; transition: .6s;}
.nynewst-li > a > h3{ font-size:16px; color:#333; padding-top: 15px;transition: .3s;}
.nynewst-li > a > span{color:#626262; font-size:16px; line-height: 30px;}
.nynewst-li > a > p{ padding-top: 10px; color:#959595; font-size:14px; line-height: 26px;}
.nynewsb-li{ height:140px; border-bottom:1px solid #d5d5d5; padding: 25px 0;}
.nynewsb-li > a { display:block;}
.nynewsb-li:after{ content:""; width:0; height: 1px ; background:#3c80e6; display: inherit; position: relative;top: 165px; transition: all .4s ease-in-out 0s;}
.nynewsbli-div{ width:170px; height: 140px; overflow: hidden}
.nynewsbli-div > img{  width:170px; height: 140px; transition: .6s;}
.nynewsb-m{ width:780px;  position: relative; left:0; transition: .3s; margin-left: 50px;}
.nynewsb-m > h3{ color:#333; font-size:16px; line-height: 50px;}
.nynewsb-m > p{color:#959595; font-size:14px; line-height: 30px; padding-top: 10px;}
.nynewsb-r > h3{ color:#959595; font-size:14px; padding-top: 12px;}
.nynewsb-r > p{ margin-top:30px; color:#959595; font-size:12px; width:86px; height: 30px; line-height: 30px; text-align: right; transition:.3s;}
.nynewst-li:hover {  top:-20px;}
.nynewst-li:hover a > h3{ color:#3c80e6;}
.nynewst-li:hover:after{ width:333px;}
.nynewst-li > a > em{ display: none;    float: right;margin-top: 10px; color: #fff; font-size: 12px; transition: .3s;}
.nynewst-li:hover  a > em{ display:block;}
.nynewst-li:hover .nynewstli-div > img{ transform: scale3d(1.1,1.1,1);}
.nynewsb-li:hover .nynewsb-m{ left:-10px;}
.nynewsb-li:hover .nynewsb-m > h3{ color:#3c80e6;}
.nynewsb-li:hover .nynewsb-r > p{ background:#3c80e6; color:#fff; text-align: center;}
.nynewsb-li:hover:after{ width:100%;}
.nynewsb-li:hover .nynewsbli-div > img{ transform:scale3d(1.1,1.1,1);}

/*内页：联系方式*/
.contact .l{ margin-top: 20px; }
.contact .l > h3{ font-size: 24px; font-weight: bold; color: #444; padding-bottom: 20px;  }
.contact .l p{ color: #444; }
.contact .l h3{ color: #444;}
.contact .ewm-li > div{ background: #fff; border:1px solid #d5d5d5; }
.contact .foottb-r h3{ color: #444; }
.contact .foottb-r p{ color: #444; text-align:center}
.contact .foottb-r > p:before{ background: #d5d5d5; }
.keyword_light p,.nycont-bot p{ line-height: 36px;font-size: 16px; color: #555;}
.ewm-li{ float:left; margin-left:10px; }
.ewm-li div{ background: url(../images/erm_bg.png) no-repeat; width:128px; height: 128px;  }
.ewm-li div > img{ display: block; margin: 0 auto; width:104px; padding-top: 12px;  }


/*产品*/
.inproli-div{ width:287px; height:232px; overflow: hidden; border:1px solid #ddd}
.inproli-div > img{ width:100%;  height: 100%; transition: .6s; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.goods-li{float:left; margin-right: 29px; cursor: pointer; margin-bottom: 70px; position: relative;}
.goods-li h3{ position: absolute; left: 0; border: 0; right: 0; text-align: center; color: #555; font-size: 15px; line-height: 40px; z-index: 2;}
.goods-li:hover .inproli-div > img{ transform: scale3d(1.1,1.1,1); }
.pro_buy{width:140px; height:40px; border-radius:5px; background:#0d68be; text-align:center; line-height:40px; color:#fff; font-size:16px; display:block; margin-left:8px;}
.proshow_xx table,.proshow_xx table tr,.proshow_xx table td{border-collapse: collapse;border: 1px solid #ddd}
.ny-hotproduct{margin-top:20px;}
.ny-hotproduct ul{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.ny-hotproduct ul li{width:23.5%; margin-right: 2%; margin-bottom: 20px; float: left}
.ny-hotproduct ul li:nth-child(4n){margin-right: 0}
.ny-hotproduct ul li:hover .in_proxx{border-bottom:2px solid #00006a;}
.ny-hotproduct ul li:hover p,.ny_hot_product ul li:hover span{color:#00006a}
.ny-hotproduct ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.in_propic{width:100%; height:auto; overflow:hidden; border:1px solid #ddd}
.in_propic img{width:100%; height:auto; overflow:hidden}
.in_proxx{width:100%; height:auto; overflow:hidden}
.in_proxx p{width:100%; height:35px; line-height:35px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center; font-size:16px; color:#333}
.in_proxx span{font-size:16px; color:#00006a; display:block; text-align:center; line-height:35px;}


.st_tree{width:100%; height:auto; overflow:hidden; padding:0px 10px;}
.st_tree a{text-decoration:none;}
.st_tree a:hover{color:#004a9f;}
.st_tree ul{width:100%; height:auto; overflow:hidden}
.st_tree ul li{color: #393939;font-size: 16px;float: left; line-height: 52px; width:100%; height:52px; border-bottom:1px solid #e5e5e5; cursor:pointer}
.st_tree ul ul li{padding-left:10px;}
.st_tree ul li ul{width:100%; height:auto; overflow:hidden}
.st_tree ul li ul li{width:100%; height:auto; overflow:hidden; line-height:35px; padding-left:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #e5e5e5}
.st_tree ul li ul li a{color: #393939; font-size: 14px; width:100%; height:100%; display:block;}
.st_tree ul ul li a{color: #393939; font-size: 14px; width:100%; height:100%; display:block;}
.st_tree ul ul li.active a{color:#004a9f}
.st_tree ul ul li:hover a{color:#004a9f}
.st_tree .folder{background:url(../images/st_jt.png) no-repeat left center; background-size:5%; padding:0 0 0 20px;}
.st_tree .open,.st_tree .on{background:url(../images/st_jt.png) no-repeat left center; background-size:5%; padding:0 0 0 20px;}
.st_tree .open a,.st_tree .on a{color:#004a9f}

.st_tree ul li span {
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    border: 2px solid #0d68be;
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 13px;
}

.st_tree ul li p {
    color: #393939;
    font-size: 16px;
    float: left;
    line-height: 52px;
}

.st_tree .on span{background:#004a9f}
.st_tree .on p{color:#004a9f}