html,body,#main,#page{    width: 100%;}
body{padding:0px; margin:0px; color:#000; font-size:12px; font-family:microsoft yahei, Arial, Helvetica, sans-serif; text-align:left;min-width:1200px;}
ul,dl,dd{ list-style:none; padding:0px; margin:0px;}
img {border:0px}
a{text-decoration:none; color:#333;}
a:hover{color:#014099;}
.clear{clear: both;
display: block;
height: 0px;
width: 1px; 
margin: 0px;
padding: 0px;}
.more{ float:right;}

#nav .nav,.content,.footer{ width:1200px; margin:0px auto;}
.h_banner{min-width:1200px;}

#header{position: absolute;
    left: 0px;
    top: 3%;    min-width: 1200px;
    z-index: 10000;
    width: 100%;}
.header{    position: relative;
    z-index: 1000;}
.header .logo{ margin:0px; padding-top: 5px; width:20%;float:left; margin-left: 3%;}
.header .logo a{ display:block;}
.header .logo a img{width:100%;}


.header .top{ height: 60px;}
.header .nav{ float:right; width:40%;line-height:100px;}
.header .nav ul{ height:100%;}
.header .nav ul li{ float:left; width:14%; font-family:microsoft yahei;
    font-weight: bold; margin:0% 0.5%;height:100%;}
.header .nav ul li i{border:2px solid #FFF; border-left:0px; border-top:0px; width: 4px; height: 4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.45);
    margin: 0px;
    display: block;
    position: absolute;
    left: 82%;
    top: 25px;}
.header .nav ul li .a{color:#FFF; display:block; font-size:14px; line-height:60px; text-align:center; padding: 0px 2%;    position: relative;}
.header .nav ul li .a.on ,.header .nav ul li .a:hover{color:#FFFFFF; background-color: #017cc2;}
#page .header .nav ul li .a:hover i{ border-color: #FFF;}
.header .nav ul li dl{ display: none;background-color: #FFF;}
.header .nav ul li.li0 i{ display: none}
.header .nav ul li:hover dl{ display: block;}

.header .nav ul li dl a{ line-height: 35px;text-align: center;
    border-bottom: 1px solid #EFEFEF; display: block;}


.h_banner{position: absolute;
    z-index: 1000;
    height: 750px;
    width: 100%;}
#page .h_banner{background: url("images/h_banner_bg.jpg")  0px 0px no-repeat;}
#page #banner{ height:300px;}
.h_banner .area_l{ width:37%;
    float: left; background-color: #017cc2; height: 100%; display: block;}
.h_banner .area_r{ float: left;width:63%;height: 100%; display: block;}
.jiantou{
    float: left;display: block;
    width: 0px;
    height: 0px;
    border: 245px solid;
    border-color:#017cc2 transparent transparent #017cc2;
    border-top-width: 375px;
    border-bottom-width: 375px;}

.h_banner .txt{    position: absolute;
    width: 43.5%;
    right: 10%;
    top:30%;}
.h_banner .txt .name{    width: 30%;
    display: block;
    font-style: normal;    min-width: 250px;
    font-size: 26px;
    text-align: center;
    line-height: 46px;
    right: 0%;
    letter-spacing: 2px;
    background-color: #fbc316;
    padding: 0px 10px;
    color: #FFF;
    position: absolute;
    top: -20%;}
.h_banner .txt .tip{font-size: 40px;
    display: block;
    font-weight: normal;
    letter-spacing: 4px;
    margin: 60px 0px;
    color: #FFF;
    line-height: 58px;
    margin-top: 30px;
    margin-bottom: 10px;}
.h_banner .txt .tip b{    font-size: 33px;
    display: block;
    font-weight: normal;
    letter-spacing: 2px;}
.h_banner .txt .dl{     margin: 50px 0px;
    width: 60%;
    list-style: disc;
    padding-left: 2%;}
.h_banner .txt .dl li{ float: left; width: 30%; text-align: left; color:#FFF; margin: 0px; font-size: 20px;}
.h_banner .t1,.h_banner .t2,.h_banner .t3{ display: block; position: absolute; left:50%; top:0px; background: url("images/h_banner_t.png") no-repeat; width: 369px; height: 690px;}
.h_banner .t2{ left:5%;}
.h_banner .t3{    bottom: -209px;
    top: auto;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    left: 240px;}
.h_banner .txt .word{    color: #FFF;
    font-size: 16px;
    line-height: 25px;}


.banner{ background:url(images/banner.jpg) no-repeat center 0px; height:579px;}
.c_banner{ background:url(images/c_banner.jpg) no-repeat center 0px; height:318px;}

.content{ padding-top:24px; min-height:528px;}

.n_list{ }
.content .n_3{ background-color:#f5f9fc; float:right; width:26.18%; padding:8px 1%; margin-left:1%}
.n_3 ul li{ background:url(images/r_bg.gif) repeat-x 0px 0px; height:94px; margin-bottom:8px; }
.n_3 ul li a{ display:block;border:1px solid #FFF; height:100%;}

.n_3 ul li .img{ background:url(images/r_ico1.gif) no-repeat center; width:59px; height:59px; float:right; border:1px solid #DDD; margin:17px;display:block;}
.n_3 ul li .name{ margin-left:35px; padding-top:17px; font-size:12px; color:#333;display:block; line-height:18px;}
.n_3 ul li .name b{ font-size:16px; font-family:microsoft yahei; color:#1f579a; display:block; line-height:36px;}

.n_3 ul li.l2 .img{ background-image:url(images/r_ico2.gif);}
.n_3 ul li.l3 .img{background-image:url(images/r_ico3.gif);}

.n_3 ul li a:hover{ border-color:#ADADAD}

.n_3 ul li.l3{    margin-bottom: 0px;}
.newslist{padding:11px 1%; border:1px solid #EFEFEF; width:68.82%;}

.list_title{ height:30px; margin-bottom:20px; border-bottom:2px solid #0c2649; font-family:microsoft yahei;}
.list_title span{ display:block; width:92px; text-align:center; line-height:30px;  color:#333; font-size:16px; float:left;}
.list_title .on{ background-color:#0c2649; color:#FFFFFF;}
.list_title .more{ line-height:30px;}

#home_about,#home_pro,#online_btn{width:100%;}
.home_pro,.item_news,.online_btn{ width:1100px; margin:0px auto;}

#home_about{padding-bottom:60px;}
.home_about{ width:80%;    margin-left: 16%;}
#home_about h4,#home_pro h4,#home_news h4,#home_link h4,#home_item h4{ margin:0px auto; padding: 40px 0px; font-size:38px; color:#444;display:block; text-align: center; font-weight:normal;}
#home_about h4 b,#home_pro h4 b,#home_news h4 b,#home_link h4 b,#home_item h4 b{ text-align: center; display: block; font-size: 14px; font-weight: normal;}
#home_about h4 b em,#home_pro h4 b em,#home_news h4 b em,#home_link h4 b em,#home_item h4 b em{ display: inline-block; margin: 0px 5px; font-size: 18px; font-weight: normal;}

.home_about p{ font-size:16px; color:#444; line-height:42px; display:block;}
/*.home_about img{    width: 75%;*/
    /*margin-left: 8%;*/
    /*margin-top: -15px;}*/
.home_about .btn{ background-color: #017cc2; padding:8px 20px; color: #FFF; font-size: 14px; text-align: center;
    float: right; margin: 30px 0px; display: block;}
.home_about .btn:hover{background-color:#fbc316}

#home_pro{ background-color: #f5f5f5; padding-bottom: 40px;}
#home_pro h4{ padding-bottom:20px;}
.pro_area .item_title{ display: block; text-align: center; margin-bottom: 20px;}
.pro_area .item_title a{ display: inline-block; width: 158px; height: 36px; text-align: center; line-height: 36px; border: 1px solid #DDD;
    color: #999; background-color: #FFF; margin: 0px 2px;}
.pro_area .item_title a:hover{ background-color: #014099; border-color: #014099; color: #FFF;}
.pro_img{ width:80%; margin: 0px auto;}
.pro_img li{ width:30%; float:left; margin: 0px 1.5%;margin-bottom: 10px;}
.pro_img li a,.pro_img li .name,.pro_img li .desc{ display: block;}
.pro_img li a{ padding:2%;}

.home_img ul{ width: 60%;margin: 0px auto;}
.home_img li{ float: left;width:25%; height: 437px; background: url("images/pic1.jpg") no-repeat; position: relative;background-size: 100% 100%;}
.home_img li:before{ content: " "; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; left:0px; top:0px;}
.home_img li:hover:before{ background-color: rgba(0,0,0,0.2); cursor: pointer;}
.home_img li .img{    margin-top: 50%;    position: relative;
    display: block;}
.home_img li img{    display: block;
    width: 50px;
    height: 50px;
    margin: 20px auto;
    margin-bottom: 0px;
    border-bottom: 3px solid #2998d6;
    padding-bottom: 10px;}
.home_img li .txt{ color: #FFF; display: block; text-align: center; font-size: 18px;    position: relative;
    font-weight: bold; line-height: 80px;}
.home_img li.li2{background-image: url("images/pic2.jpg");}.home_img li.li3{background-image: url("images/pic3.jpg");}.home_img li.li4{background-image: url("images/pic4.jpg");}

.pro_img li .name{padding-top: 5px; height:40px; line-height:40px; font-size: 16px; color: #000; text-align: center;}
.pro_img li .desc{line-height:18px; font-size: 12px; color: #999;}
.pro_img li a .img{    display: block;
    border: 1px solid #FFF;
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}
.pro_img li a .img img{ width: 100%;height:200px;}
.pro_img{ width: 100%;}
.pro_img::after{ display: block; content: " "; width:100%; height: 0px; clear: both;}

b.t_info{    margin-top: 10px;
    color: #999;}
.pro_img li .txt{    text-align: center;
    display: block;
    line-height: 35px;
    font-size: 16px;}
.pro_img li a:hover{background-color:#017cc2;}
.pro_img li a:hover .name,.pro_img li a:hover .desc{ color: #FFF;}
.pro_img li a:hover .img{    border: 1px solid #017cc2;}
.pro_img li a:hover .txt{ color: #FFF;}

#page .pro_img{ width: 100%;}
#page .pro_img li a .img img{ width: 100%;height: 200px;}

#history{ width: 100%;}
.history{ background: url("images/h_about_t.jpg") no-repeat; height: 780px; position: relative;}
.history .list{ margin-top: 10%;
    float: right; width: 40%;}
.history .list a{ display: block; font-size: 20px; line-height:25px; padding: 20px; background-color: #017cc2; color: #FFF; width:90%; float:right; margin-bottom:5%;}
.history .list a b{ font-weight: normal; font-size: 14px; color: #65aad2; display: block;    text-transform: capitalize;}
.history .list a:hover,.history .list a.on{ background-color: #fbc316; color: #FFF; width: 100%;}
.history .list a:hover b,.history .list a.on b{ color: #FFF;}

.item_news{ padding-bottom:0px;width: 80%; padding-bottom:60px;}
.item_news li{width:30%;margin-left: 1.5%;margin-right: 1.5%; float:left;}
.item_news li a{ line-height: 40px; font-size: 14px;}
.item_news span{ display: block; margin-bottom: 10px;}
.item_news .img img{ width: 100%;}
.item_news .txt{ font-weight:normal; font-size:20px; color: #000;}
.item_news .desc{ color: #999; font-size: 16px; line-height:28px;}

#home_link,#home_item{ background: url("images/home_bg.jpg") repeat;    padding-bottom: 60px;}
#home_link .img{    width: 1100px;
    margin: 0px auto;
    padding: 50px;
    background-color: #FFF;}
#home_link .img img{ width: 100%;}
.c_btn{ width: 100%; height: 60px; line-height: 60px; color: #FFFFFF; font-size: 16px; background-color: #e60012; text-align: center;}
.c_btn a{ margin-left: 50px; display: inline-block; height:30px; line-height:30px; text-align: center; color: #FFF;background-color: #2e3033; font-size: 12px; width: 100px; border-radius: 4px;}
.c_btn a:hover{ background-color:#014099; }

#page #header{ position: inherit;}
#page .header .logo {
    padding-top: 8px;
    width: 18%;
}
#page .h_banner{overflow: inherit; background-position: right 0px; height: 300px;}
#page .header .nav ul li a{    color: #333;}
#page .header .nav ul li .a.on,#page  .header .nav ul li .a:hover{ color: #FFF;}
#page .header .nav ul li i {border-color: #333;}
#page .header .nav ul li dl a:hover{color: #017cc2}

.content .page .page{ padding:0px;    text-align: center;}
.page .page a{    padding: 2px 5px;
    border: 1px solid #EFEFEF;
    margin: 10px 6px;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;}

.content .page .page a:hover{ background-color: #EFEFEF;}

/*table*/
.pro_intro{
	height:42px;
	line-height:42px;
	border-bottom:1px solid #efc113;
	}
.pro_intro ul li{
	display:block;
	width:140px;
	text-align:center;
	list-style:none;
	float:left;
	cursor:pointer;
	}
.pro_intro em{
	font-style:normal;
	width:140px;
	text-align:center;
	background:#efc113;float: right;
    display: inline;
	}
.pro_intro em:hover
	{
		background:#e17914;
		}
.pro_intro em a{
	color:#fafafa;
	display: block;
	}
.pro_intro ul .cb01{
	background:#efc113;
	}
.pro_intro ul a{
	display: block;
}
.pro_intro ul .cb01 a{
	color:#fafafa;
}
.pro_intro ul .cb02{
	background:#fff;
	}
.pro_intro .fr .shop {
  cursor: no-drop;
}
.pro_intro em a {
    color: #fafafa;
    display: block;
}
#b01 table{    border-collapse: collapse;
    border-spacing: 0;}
#b01 table tr{
	height:44px;
	line-height:44px;
	border-bottom:1px solid #ededed;
	}
#b01 table th{
	text-align:right;
	text-indent:8px;
	font-weight:normal;
	width:125px;
	padding-right:15px;
	border-right:1px solid #ededed;
	}
#b01 table td{
	padding-left:20px;
	}
table.jz th{
	color:#575757;
	background:#fff;
	}
table.jz td{
	text-align:center;
}
table.pro_table{
	width:900px;
    border-collapse:collapse;
    border:0px solid #999;
}
.pro_trend {
  margin-top: 25px;
  height: 30px;
}
.pro_trend ul {
  float: right;
  display: block;
}
.pro_trend ul li {
  float: left;
}
.pro_trend ul li a {
  padding: 0 10px;
  background: #efc113;
  margin-right: 10px;
  display: inline-block;
}
.pro_trend ul li .t_s {
  background: #C3C3C3;
  color: #fff;
}
table.all tr td{
	text-align:center;
	}
table.pro_table th{
	text-align:center;
	height:44px;
	line-height:44px;
	border-bottom:1px solid #ededed;
	}
table.pro_table td{
    border-bottom:1px solid #ededed;
    height:42px;
    line-height:42px;
}


.newslist .list{}
.newslist .list li{ line-height:35px; color:#666;}
.newslist .list li a{    display: block;
    padding-left: 15px;
    background: url(images/list_ico.png) no-repeat 0px 12px;
    color: #949494;}
.newslist .list li a:hover{ color:#000;}
.newslist .list li.hot{margin: 6px 0px;}
.newslist .list li.hot a{background-image: url(images/hot.gif);
    font-size: 16px;
    font-family: microsoft yahei;
    color: #ee4332;
    background-position: 0px 4px;
    padding-left: 42px;}
.newslist .list li .addtime{ float:right;    color: #C5C5C5;}

.page .newslist{ width:98%; margin:0px auto; border:0px;}
.page .newslist .list li a{ border-bottom:1px dotted #EFEFEF;}
.page .newslist .list li a:hover{ background-color:#EFEFEF;}

.links{}
.links .title{}
.links ul{ padding:30px 0px;}
.links ul li{ float:left; width:19%; margin-right:1%;}
.links ul li a{ display:block;}
.links ul li .pic{ width:30%; float:left;}
.links ul li .pic img{ width:100%;}
.links ul li .name{    float: left;
    width: 60%;
    line-height: 22px;
    font-size: 16px;
    font-family: microsoft yahei;
    padding-top: 4%;
    margin-left: 7%;}



/*Page*/
.content .left{ width:20%;float:left;font-family:microsoft yahei;}
.content .left .title{height: 50px;
    border-bottom: 2px solid #017cc2;
    margin-bottom: 5px;
    line-height: 50px;
    font-size: 18px; color:#666666;
    font-weight: normal;
    display: inline-block; padding-right:10px;}

.content .left .nav{}
.content .left .nav li a{display: block;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    border-top: 1px solid #EFEFEF;
    padding-left: 18px;
    font-size: 14px;}
.content .left .nav li a i{ background:url(images/left_ico_jian.png) no-repeat  center; float:right; height:40px; width:29px; margin-right:0px;}
.content .left .nav li a:Hover,.content .left .nav li a.on{    background-color:  #017cc2;
    color: #FFFFFF;}

.content .page{ padding-left:276px;}
.page .location{ margin-bottom:30px; height:50px;  border-bottom:1px solid #EFEFEF;line-height:50px;}
.page .location .locat{ float:right; background:url(images/home_ico.gif) no-repeat 0px center; padding-left:28px; font-family:"宋体";}

.page .location h4{font-size: 18px;
    font-family: microsoft yahei;
    color: #666666;
    margin: 0px;
    line-height: 50px;
    font-weight: normal;}

.info{ line-height:32px; font-size:14px;font-family:microsoft yahei; padding-bottom:10%;}
.page_info{text-align: center;
    line-height: 60px;
    color: #999;}
.page_area img{     max-width: 924px;}

#search{
    background-color: #0000001c;
    width: 100%;
    height: 100%;
    position: fixed;}
#search .search{    margin: 0px auto;
    width: 400px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 30%;
    margin-left: -200px;
    margin-top: -150px;}
.bg{height: 100%;
    background: url("../img/bbg3.jpg") no-repeat center;
    background-size: cover;
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;    z-index: -1;
filter: blur(5px);
}
#search .search .word{padding: 10px 0px;color: #FFF;font-size: 16px; margin-bottom:5px; display: flex; flex-direction: row; justify-content: space-between;}
#search .search .word span{ color: #666;}
#search .search .word .active,#search .search .word span:hover{color: #FFF; cursor: pointer;}
#search .logo {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 26px;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px auto;
    /* border: 3px solid #ffffff; */
    /* background-color: #ff7a7a; */
    /* background: url(../img/bbg.jpg) no-repeat center; */
    /* background-size: 100% 100%; */
    /* box-shadow: 1px 1px 10px #005aff; */
    align-items: center;
}
#search .logo .img{ border-radius: 50%; width: 85px;height:85px;}
#search .logo .txt{color: #FFF;
font-weight: bold;}
#search .form{    border: 1px solid #EEE;
width: 100%;
height: 40px;
border-radius: 4px;
position: relative;
background-color: #FFF;}
#search .form .input{    border: 0px;
line-height: 40px;
background: none; width: 74%;
padding-left: 2%;
margin-left: 2%;
font-size: 16px;
color: #999;}
#search .form .submit{    border: 0px;
background-color: #EFEFEF;
height: 40px;
float: right;
border-radius:6px;
font-size: 16px;
width: 20%;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
color: #5f5f5f;}
.result{    width:100%;    z-index: 10000;
position: relative;
background-color: #FFF;
font-size: 14px;}
/*.result span{ display: block; line-height: 30px; padding-left:5px; padding:0% 2%;*/
/*    cursor: pointer; border-bottom:1px solid #EFEFEF; color: #999; width:96%;}*/
/*.result span:hover{ background-color: #EFEFEF; color: #000;}*/

.result_area .list,.show_pic .list{width: 100%;
    border: 1px solid #CCC;
    border-top: 0px;
    display: flex; background-color: #FFF;
    flex-wrap: wrap;
    justify-content:flex-start;}

.result_area .list li,.show_pic .list li{ display: flex;width: 100%;}
.result_area .list li a,.show_pic .list li a{     display: flex;
    flex: 1;
    position: relative;
    padding-left: 2%;
    border-bottom: 1px solid #EFEFEF;
    line-height: 30px;}
.result_area .list li a img, .show_pic .list li a img {
    width: 100%;
    height: 100%;
}
.result_area .list li a .txt{ width: 89%;
    text-align: left;
    bottom: 5%;
    color: #525252;
    z-index: 100;
    margin: 0px;
    line-height: 24px;
    height: 120px;}
.result_area .list li a .txt em{color:#ffde2f; font-style: normal;}
.result_area .list li span{    display: block;
    width: 100px;
    height: 100px;
    margin-top: 1%;
    margin-right: 3%;}
.show_pic{    margin-top: 40px;}
.show_pic .title{    display: block;
    width: 10%;
    height: 100px;
    margin-right: 1%;
    margin-top: 1%;}
.show_pic .title em{
    font-style: normal;
    font-size: 10px;
    color: #6d6d6d;}
.show_pic .list{ background: none;border:0px;}
.show_pic .list li{ width:29.5%;border:3px solid #FFF;    margin-bottom: 1%;}
.show_pic .list li a{ height: 80px;}

/*Footer*/
#footer{  font-size:14px; color:#b1b1b1;font-family:microsoft yahei; }
.footer{ padding-top:10px; padding-bottom: 20px; text-align: center;}
.footer .copyright{ clear:both; width:100%;line-height:38px;}
.footer .copyright p{ line-height:28px; margin:0px; color:#999; font-size:12px; border-top:1px solid #666666;padding-top: 10px;}
.footer .copyright .add{ padding-left:20px; background:url(images/foot_add.gif) no-repeat 0px center;}


.footer .links{ color: #666;  margin-bottom: 10px;}
.footer .links a{ color: #b1b1b1; margin: 0px 4px;}
.footer .links a:hover{ color: #FFF;}
.footer .links .list{ width: 70%;}
.footer .links .code{    float: right;
    margin-right: 70px;
    margin-top: 30px;
    border-left: 1px solid #666666;
    padding-left: 90px;}
.footer .links .code b{ display: block;}



#bg,#bg img,#bg ul,#bg ul li,#bg ul li a{ display: block; height: 100%; width:100%;}
#bg{    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px; display: none;
    z-index: -1;}

@media only screen and (max-width:640px) {
    .online_qq, .kemo3d {
        display: none;
    }

    body {
        min-width: 320px;
    }

    .header, #nav .nav, .content, .footer, .home_pro, .item_news, .online_btn, .partner_list, .home_pro, .item_news, .online_btn, .zsjt_list {
        width: 96%;
    }

    .content .left, .footer .code, .header .nav {
        display: none;
    }

    #header {
        background-size: contain;
    }

    .header .top {
        height: 70px;
    }

    .header .logo {
        min-width: 100px;
        width: 10%;
    }

    .header .top .logo a, .header .top .logo a img {
        width: 80px;
    }

    .header .top .logo a {
        margin-top: 0px;
    }
    .result_area .list li, .show_pic .list li {
        width: 100%;
    }
    #search .search{    width: 95%;
        margin-left: -48%;}
}