body{font-size:14px; max-width:720px; font-family:"Microsoft YaHei",sans-serif;}

html{
    width: 100%;
    color: #545454;    
}
*{ margin:0; padding:0;box-sizing: border-box}
img{ border:none;}
ul{ list-style:none;}
li{list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
.hidden{display:none}
a,a:hover{ text-decoration:none}
.erweima{ width:80%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.erweima img{ width:100%;}
.s_width{width:94%; margin: 0 auto}




.video {width:100%;position: relative;overflow: hidden; background: url(../images/shipinbg.jpg) no-repeat center top; background-size: cover;}
.video video{width:100%}

.head_index{  padding:10px 10px; max-width:690px; margin: 0 auto; overflow:hidden; display: flex;justify-content: space-between; align-items: center}
.head_index .head_index_logo{ width:30%;}
.head_index .top_right {
    width: 30%;
}
.head_index img{ width:100%; }

.nav{ display: flex;justify-content: space-between;flex-wrap:wrap; margin: 20px auto 0 auto;}
.nav li{ width:calc(100%/3);text-align:center; line-height: 35px; font-size: 15px;}
.nav li div{width:60px;height:60px;border-radius: 50px; margin: 0 auto;display: flex;align-items: center;justify-content: center;background: #153ca1}
.nav li div img{width:50%;}


/*手机底部*/
.phone_footer{width: 100%; height: 70px; background: #fff; left: 0; right: 0; position: fixed; z-index: 99; bottom: 0;border-top: 1px solid #eee}
.phone_footer ul{}
.phone_footer li{width: 25%;float: left;padding: 10px 0;text-align: center;color: #555;}
.phone_footer li a{color: #555;font-size: 14px;display: block;}
.phone_footer li a img{width: 30px;height: 30px;margin-bottom: 5px;}


.item_title2{ display: flex;justify-content: space-between; align-items: center}
.item_title2 div{font-size:17px;line-height:65px;color:#666; font-weight: bold}
.item_title2 a{font-size:15px;line-height:65px;color:#666; }

.item_title{ }
.item_title div{font-size:22px;line-height:55px;color:#666; font-weight: bold; text-align: center; background: url(../images/nnl.jpg) no-repeat center bottom;}
.item_title a{font-size:15px;line-height:45px;color:#666; }
.about .item_title p{font-size:15px;line-height:25px;color:#777;padding:10px 0 0 0 }


.line{width:100%;height:1px;background: #eee; margin: 20px 0 0 0}
.line2{width:100%;height:1px;background: #eee; margin: 20px 0 }

.about{padding:10px 0;position:relative; overflow: hidden;}
.about p{font-size: 15px;color:#777373;line-height:27px;}

.tupian_p{ margin: 10px 0}
.tupian_p img{ width:100%; border-radius: 10px;}

.product{padding:10px 0;position:relative; overflow: hidden;}
.chanpin_con{display: flex;justify-content:space-between;flex-wrap:wrap;}
.chanpin_con li{width:49%; position: relative;margin: 0 0 5px 0;}
.chanpin_con .pro_pic{ width:100%; position:relative; overflow:hidden; z-index: 1;border: 1px solid #f2f2f2}
.chanpin_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.chanpin_con .pro_text{color:#333; line-height: 25px;height: 50px; font-size:0.8rem; text-align: center}

.news{padding:10px 0;position:relative; overflow: hidden;}

.newslist{ }
.newslist dt{ line-height:30px; border-bottom:1px solid #eee;}
.newslist dt a{ line-height:40px;  color:#666; font-size:14px; padding:0 0 0 30px; font-weight:normal;background: url(../images/redarrow.gif) no-repeat left center;}

.newslist_pic{}
.np_t{ position:relative; padding:0 0 0 0}
.np_t img{width:100%;}
.np_t div{ position:absolute; bottom:0; line-height:40px; background:rgba(0,0,0,0.6); width:100%; padding:0 2%; color:#fff; font-size:16px; box-sizing: border-box;}
.newslist_pic li{ color:#808080; font-size:14px; padding:0 0 20px 0}
.newslist_pic li p{ padding:20px 0 15px 0; line-height:24px; }
.np_date{ background:url(../images/meta_icon.png) no-repeat left center; margin:0 0; line-height:25px; padding:0 0 0 25px; color:#777; font-weight: normal;}
.np_more{ width:90px; text-align:center; border:1px solid #ccc; margin:10px 0 0 0; line-height:35px;}



.se_banner{width:100%;position: relative;overflow: hidden;}
.se_banner img{width:100%;}
.cage_a{display: flex;justify-content: space-between;flex-wrap:wrap; padding: 15px 0}
.cage_a li{position: relative; width:49%;display: flex;  align-items: center; border: 1px solid #f2f2f2; margin:0 0 5px 0}
.cage_a li a{ text-align: center; display: block; width:100%; line-height:40px; font-size:15px; color: #333; }
.cage_a li.on{color:#fff; background: #777;font-weight: bold; }
.cage_a li.on a{color:#fff; }


.wenhua{padding:0 0 25px 0}
.wenhua h3{ font-size:16px;color:#555;line-height: 35px; }
.wenhua p{ color:#555;font-size:15px;line-height: 30px;}

.right{border-left: 1px solid #eee;}
.right>ul>li{padding: 30px 0 30px 30px; position: relative;border-bottom: 1px solid #eee;}
.right ul li:last-child{ border-bottom: 0 solid #eee;}
.right>ul>li:before{ content: '';    width: 77px;    height: 20px;    background: url(../images/tu_05.png) no-repeat;    background-size: cover;    position: absolute;    left: -10px;    top: 75px;}
.right>ul>li>h2{ font-size:20px;    color: #ee0000;}
.right>ul>li ul li{margin-top: 15px; }
.right>ul>li ul li .month { font-size: 16px; font-weight: bold; color: #333; }
.right>ul>li ul li .month img{ width:96%;margin-right:5px; margin-bottom:5px;}
.right>ul>li ul li .month2 img{ width:60%;margin-right:5px;}
.right>ul>li ul li .month span { font-size:16px; line-height:34px; color: #7d7d7d;padding:0 0 0 20px; font-weight:normal; }

.guding_title{ font-size:24px; color:#444; margin-bottom:10px;text-indent:0;padding:0 0 0 30px;background:url(../images/banicon.png) no-repeat left center; }


.biaoge{overflow-x: auto; margin: 0 0 20px 0}
.biaoge td{padding:5px 5px;white-space: nowrap;}



.chengnuo_list{ display: flex;justify-content: space-between; flex-direction: column;padding:0 0 50px 0}
.chengnuo_list li{ width:100%;display: flex;justify-content: flex-start; flex-direction: column; margin: 0 0 10px 0; background:#fff;border: 1px solid #eee; padding:20px 25px }

.chengnuo_list li span{  display: block;font-size: 16px; color: #333;  line-height: 35px;}
.chengnuo_list li p{line-height: 28px;padding:0 0 0 0;font-size: 15px; color:#343434;text-align: left;}


.guanli{ background: url(../images/guanlibg.jpg) no-repeat center top; background-size: 100%; display: flex;align-items: center;padding:45px 0}
.guanli div{justify-content:space-between;padding:0 15px;}
.guanli div h3{font-size: 18px;color:#ffffff;font-weight: bold;line-height: 36px;}
.guanli div p{font-size: 15px;color:#ffffff;line-height: 30px;}



.zhiliang{padding:25px 0 0 0}
.zhiliang h3{font-size: 20px;color:#15338d;font-weight: bold; margin: 0 0 25px 0; text-align: center}

.zhiliang_li{ display: flex;justify-content: space-between; flex-direction: column;padding:0 0 0 0}
.zhiliang_li li{ width:100%;display: flex;justify-content: flex-start; flex-direction: column;background: #fff;padding:0 0 25px 0;border:1px solid rgba(0,0,0,0.1);margin: 0 0 10px 0}
.zhiliang_li li div{margin: 0 0 15px 0}
.zhiliang_li li div img{width:100%}
.zhiliang_li li span{  display: block;font-size: 18px; color: #242424; line-height: 35px;padding:0 15px;}
.zhiliang_li li p{line-height:26px;padding:0 0 0 0;font-size: 15px; color:#888;text-align: left;padding:0 15px;}


.zhiliang_pic{display: flex;justify-content: space-between;flex-direction: column;background: #052ca3; }
.zhiliang_pic div{ width:100%; display: flex;align-items: center; flex-wrap: wrap}
.zhiliang_pic div p{ padding:25px 15px;font-size: 15px;color:#fff;line-height:26px;}
.zhiliang_pic div img{width:100%}

.jianyan{padding:25px 0 0 0}
.jianyan h3{font-size: 20px;color:#15338d;font-weight: bold; margin: 0 0 25px 0; text-align: center}
.jianyan_pic{ color:#333;padding:0 0;}
.jianyan_pic h4{ font-size: 16px; line-height: 33px; font-weight: bold}
.jianyan_pic p{ font-size: 15px; line-height: 28px;}
.jianyan div img{width:100%}


.kehu_list{ display: flex;justify-content: space-between; flex-direction: column;background: url(../images/kehubg.jpg) no-repeat center top;padding:35px 0}
.kehu_list li{width:95%;margin:0 auto 5px auto; border-bottom:1px solid rgba(255,255,255,0.2);  padding:10px 15px; text-align: center; }
.kehu_list li div{width:90px;height:90px;margin: 0 auto;border:1px solid rgba(255,255,255,0.2);display: flex;align-items: center;justify-content: center;border-radius:100px;}
.kehu_list li div img{width:60%}
.kehu_list li span{  display: block;font-size: 18px;font-weight: bold;color: #fff;line-height:50px;}
.kehu_list li p{line-height: 24px;padding:0 0 0 0;font-size: 14px; color:#fff;text-align: left;}


.shouhou_list{ display: flex;justify-content: space-between;flex-direction: column; padding:0 0 25px 0}
.shouhou_list li{ width:100%;}
.shouhou_list li div{margin: 0 0 15px 0}
.shouhou_list li div img{width:100%}
.shouhou_list li span{  display: block;font-size: 18px; color: #15338d; font-weight:bold; line-height: 30px;}
.shouhou_list li p{line-height:28px;padding:0 0 15px 0;font-size: 15px; color:#343434;text-align: left;}


.shouhou_pic{}
.shouhou_pic li{}
.shouhou_pic li div{ width:100%; background: #15338d; display: flex;align-items: center; flex-wrap: wrap}
.shouhou_pic li div div{ width:90%; margin: 0 auto;display: flex;padding:15px 0; }
.shouhou_pic li strong{  display: block; width:100%;font-size: 18px; color: #fff; font-weight:bold; line-height: 45px;}
.shouhou_pic li p{line-height: 28px;padding:0 0 0 0;font-size: 15px; color:#fff;text-align: left;}
.shouhou_pic li:nth-child(2) div{  background: #eaeff3}
.shouhou_pic li:nth-child(2) strong{  display: block;font-size: 24px; color: #333; font-weight:bold; line-height: 55px;}
.shouhou_pic li:nth-child(2) p{line-height: 34px;padding:0 0 0 0;font-size: 17px; color:#333;text-align: left;}
.shouhou_pic li:nth-child(2) span{ background: #333;}
.shouhou_pic li div img{width:100%}







.gangwei{ padding:0 0 15px 0}
.gangwei ul{}
.gangwei li{ border: 1px solid rgba(0,0,0,0.1);padding:5px 15px;margin:0 0 25px 0}
.gangwei li div.ren_title{border-bottom:1px solid rgba(0,0,0,0.1);display: flex; justify-content:flex-start;margin: 0 0 10px 0;line-height: 62px; }
.gangwei li div.ren_title em{display:block;font-style: normal; font-size: 16px;color:#333;font-weight: bold}
.gangwei li div.ren_title i{display:block;width:33%;font-style: normal; font-size: 14px; color:#777}
.gangwei li p{ font-size: 15px;line-height: 28px; color:#888}
.gangwei li div.zhize{display:block; font-style: normal; border-top:1px solid rgba(0,0,0,0.1);margin:10px 0 0 0;font-size: 15px;line-height: 30px; color:#888;padding:10px 0 0 0}
.gangwei li p span{display:block; }


.se_contact_li{margin-bottom:45px; display: flex;justify-content:space-between; flex-wrap:wrap;}
.se_contact_li li{width:100%;position: relative; }
.se_contact_li li strong{ display: block; font-size:17px; color:#333;line-height:50px; font-weight: normal;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom: 10px;}
.se_contact_li li span{ display: block; font-size:16px; color:#555;line-height:30px; font-weight: bold}
.se_contact_li li p{ font-size: 15px; color:#777;line-height:30px;}
.se_contact_li li:nth-child(3) p{ font-size: 15px; color:#777;line-height:30px;}








.main_title{width:95%; margin:0 auto 15px auto; overflow: hidden;  text-align:center;}
.main_title span{ line-height: 45px; color: #333333; font-size: 36px; display:block;}
.main_title span strong{color:#f65117;}
.main_title i{ line-height: 35px; color: #888; font-size: 16px; font-style:normal; text-transform:uppercase; margin-bottom:15px;}



/*about*/







.jianju{height:90px;}

.main{ max-width:720px; margin: 0 auto; overflow: hidden; background:#fff}
.div10{ height:5px; background:#eee}
.bai{background: #FFFFFF; overflow: hidden;}



.chanpin_more{ width:120px; margin:15px auto 35px auto; height:35px; line-height:35px; background:#f47d21; text-align:center; }
.chanpin_more a{ font-size:14px; color:#fff}



.neirong{ font-size:15px; padding:15px 0; width:90%; margin:0 auto 0 auto; line-height:28px; color:#555;}
.neirong div{text-align: center;line-height: 45px;font-weight: bold;font-size: 18px;}





.about_video{ position: relative;height:398px; overflow: hidden;background: url(../images/v_pic.jpg) no-repeat center top;background-size: 150%;}
.about_pic{ width:100%; text-align: center;padding:85px 0 0 0;font-size: 16px;line-height: 30px; color:#fff}
.about_pic img{ width:80%; margin-bottom: 30px; }



.main_title_n{  width:96%; margin:0 auto 5px auto; overflow: hidden;  text-align:center;}
.main_title_n span{ line-height: 55px; height: 55px; color: #fff; font-size: 26px; display:block; font-weight:bold;  }
.main_title_n a { float: right; line-height: 35px; height: 35px; color: #fff; font-size: 12px;}
.main_title_n i{ line-height: 35px; color: #fff; font-size: 16px; font-style:normal;text-transform:uppercase; margin-bottom:15px;}
.main_title_n div{ width:1px; height:20px; margin:0 auto; background:rgba(255,255,255,0.5); }

.er_banner_img{width: 100%;}
.er_banner_img img{width: 100%;}

.se_cage2{width:75%;margin:0 auto 30px auto;display:flex; justify-content: space-between;flex-wrap:wrap;}
.se_cage2 li{ width:90%;margin:0 auto}
.se_cage2 li .se_cage_text{margin:10px 0 0 0;}
.se_cage2 li a{display:block;width:100%;color:#fff;font-size:15px;line-height:45px; background:#f28938; text-align: center; transition: 0.5s;}
.se_cage2 li a:hover{font-weight:bold;}


.flex_title .flex_title_t{text-align:center;padding:0 0 25px 0;}
.flex_title .flex_title_t div{font-size:26px;color:#333333;line-height:45px;}
.flex_title .flex_title_t div strong{color:#f65117;}
.flex_title p{font-size: 15px;color:#777373;line-height:30px; width:90%;margin:0 auto;padding:0 0}
.flex_title p strong{font-size: 17px;color:#31459b;line-height:30px; margin-top: 15px; display: block}
.flex_title .flex_bg{background: #333; color:#fff; margin-bottom:20px;padding:25px 25px;}
.flex_pic{width:90%;  margin:0 auto 0 auto; text-align:center}
.flex_pic img{width:100%; }

.se_about{width:95%;margin:30px auto 0 auto;}
.se_about_pic{margin:0 0 15px 0}
.se_about_pic img{width:100%}
.se_about_con i{ display:block; width:100px; line-height:2rem; background:#008c99; text-align:center; color:#fff; font-size:1rem; font-style:normal;}
.se_about_con h2{ line-height:4rem; font-size:1.5rem; color:#008c99;font-weight:bold; }
.se_about_text { font-size:0.8rem; color:#666; line-height:1.5rem;}
.se_about_con{ }



.join_back{ width:100px; margin:0 auto 0 auto; height:40px; line-height:40px; border:1px solid #f47d21; text-align:center; background:#f47d21}
.join_back a{line-height:40px; font-size:14px; color:#fff}

.se_date{ font-size:13px; line-height:48px; text-align:center;color:#777}

.nn_p p{ text-indent:0}