@charset "utf-8";

/* CSS Document */

html, body {
    height: 100%;
    width: 100%;
    font-size: 14px;
    line-height: 2.2em;
    font-family: "Microsoft YaHei";
    color: #666;
    margin: 0;
    padding: 0;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
    border: none;
}
input, textarea, select {
    font-family: "Microsoft YaHei";
    font-size: 12px;
    outline: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
li {
    list-style: none;
}
img {
    font-size: 0;
    vertical-align: bottom;
    line-height: 0;
    border: 0;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
}
a, a:visited {
    color: #666;
    text-decoration: none;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
}
a:hover {
    color:#625340;
    text-decoration: none;
	font-weight:bold;
}
.c {
    clear: both;
    overflow: hidden;
}

/*----top----*/
.top_banner{ width:100%; overflow:hidden; float:left;}
.top_banner img{ width:100%; height:auto;}



.top_menu{ width:80%; overflow:hidden; position:absolute; z-index:9999; left:10%;}
.top_logo{ float:left; overflow:hidden; margin-top:2%;}
.top_tit{ font-size:1.0em; padding:10px 20px; background:#06F; color:#fff; line-height:120%; float:left; margin-left:10px; margin-top:3%;border-radius:10px; font-weight:bold;}
.top_right_menu{ width:65%; float:right; margin-top:2.8%; overflow:hidden;}
.top_right_menu_menu{ float:right;overflow:hidden; font-size:1.0em; line-height:180%; }

.top_right_menu_menu dl{ width:100%; overflow:hidden; float:left; display:block;}

.top_right_menu_menu dl dt{ padding:0px 40px; overflow:hidden; float:left; text-align:center; font-size:1.1em; display:block; font-weight:400;}

.top_right_menu_menu dl dt a{ float:left; text-align:center; font-size:1.1em; display:block; font-weight:400; line-height:200%;}

.top_right_menu_menu dl dt a:hover{ border-bottom:2px #06F solid; float:left; text-align:center; font-size:1.1em; display:block; font-weight:600; color:#06F;}


.top_right_menu_tel{ float:right;overflow:hidden; font-size:1.2em; line-height:180%; font-weight:bold;}


.top_banner_text{ width:100%; overflow:hidden; position:absolute; top:25%; z-index:9999;}
.top_banner_text_w{ width:78%; margin:0 auto; font-size:6.5em; color:#3987B5; line-height:150%;letter-spacing: 5px;}
.top_banner_text_w1{ width:78%; margin:0 auto; font-size:3.0em; color:#3987B5; line-height:150%;letter-spacing: 5px;}
.top_banner_text_w2{ width:78%; margin:0 auto;  font-size:2.0em; color:#333; line-height:200%;letter-spacing:5px; padding-top:2%;}

.top_banner_text_an{ width:460px; float:left; margin-left:11%; margin-top:3%; overflow:hidden;}

.top_banner_text_anleft{ width:220px; height:60px; float:left; line-height:58px;}
.top_banner_text_anleft a{ width:220px; height:58px; float:left; line-height:58px; border:1px solid #3987B5; display:block; text-align:center; font-size:1.4em;border-radius:5px;}
.top_banner_text_anleft a:hover{ width:220px; height:58px; float:left; line-height:58px; border:1px solid #06F; background:#06F; color:#fff; display:block; text-align:center; font-size:1.4em;border-radius:5px;}

.top_banner_text_anright {width:220px; height:60px; float:right; line-height:58px;}

.top_banner_text_anright a{ width:220px; height:58px; float:left; line-height:58px; border:1px solid #06F; background:#06F; color:#fff; display:block; text-align:center; font-size:1.4em;border-radius:5px;}
.top_banner_text_anright a:hover{width:220px; height:58px; float:left; line-height:58px; border:1px solid #3987B5; display:block; text-align:center; font-size:1.4em;border-radius:5px; background:none; color:#333;}

/*---main----*/
.main{ width:80%; overflow:hidden; margin:3% auto 1% auto;}
.cpgl{ width:100%; overflow:hidden; font-size:3em; line-height:150%; text-align:center; float:left;}

.cpgl_line{ width:100%; height:25px; border-bottom:1px solid #ccc; float:left;}
.cpgl_text{ margin-top:-18px; float:left; display:block; width:100%;}
.cpgl_text_tit{font-size:1.2em;  padding:0px 20px; background:#FFF; text-align:center;  margin:0 auto; display:marker; width:380px; }

.cpgl_text_tit_a{font-size:1.2em;  padding:0px 20px; background:#F6F6F6; text-align:center;  margin:0 auto; display:marker; width:380px; }

.cpgl_text_tit_b{font-size:1.2em;  padding:0px 20px; background:#FFF; text-align:center;  margin:0 auto; display:marker; width:450px; }

.cogl_list{ width:100%; margin-bottom:40px; margin-top:30px; overflow:hidden;}
.cogl_list dl{ width: 100%; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cogl_list dl dt{ width:32%; overflow:hidden; float:left;border:1px solid #ccc; border-radius: 5px; margin-bottom:2%;}

.cogl_list_box{ width:96%; margin:5% 2%; float:left;}
.cogl_list_box_left{ width:25%; border-right:1px solid #ccc; text-align:center; font-size:16px; line-height:220%; float:left;}
.cogl_list_box_left img{ margin-bottom:8%; }
.cogl_list_box_right{ width:72%; float:right; overflow:hidden; line-height:180%; font-size:14px;}
.cogl_list_box_right span{ width:100%; font-size:1.0em; line-height:200%; float:left;margin-top:1%;text-decoration: underline}
.cogl_list_box_right span a{ width:100%; font-size:14px; line-height:200%; float:left;text-decoration: underline}
.cogl_list_box_right span a:hover{ width:100%; font-size:1.0em; line-height:200%; float:left; color:#3987B5;text-decoration: underline;}


.yycjbg{ width:100%; overflow:hidden;  background:#F6F6F6; float:left; }

.yycj_list{ width:100%; overflow:hidden; float:left; margin-top:2%;margin-bottom:2%;}
.yycj_list dl{ width:100%; overflow:hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.yycj_list dl dt{ width:11.2%; overflow:hidden; border:1px solid #ccc; border-radius: 5px; text-align:center; font-size:1.0em; margin-bottom:1.5%;}
.yycj_list dl dt img{ margin-top:5px;}
.yycj_list dl dt span{font-size:5.0em; margin-top:5%; width:100%; float:left; margin-bottom:5%; color:#5873BC;}

/*----案例展示----*/
.demo_all{ width:100%; overflow:hidden; float:left;}


.demo_list{ width:100%; overflow:hidden; float:left; margin-top:2%;margin-bottom:2%;}
.demo_list dl{ width:100%; overflow:hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.demo_list dl dt{ width:19%; overflow:hidden; margin-bottom:1.5%;}
.demo_list dl dt video{border-radius: 5px; height:auto; width:98%;}
.demo_list dl dt span{font-size:5.0em; margin-top:5%; width:100%; float:left; margin-bottom:5%; color:#5873BC;}

/*----底部----*/
.bottom{ width:100%; overflow:hidden; float:left; border-top:1px solid #ccc; margin-top:1%; font-size:1.2em; text-align:center; font-size:1.0em; line-height:400%;}


/*---内页----*/
.top_banner_text_n{ width:100%; overflow:hidden; position:absolute; top:20%; z-index:9999;}
.top_banner_text_w_n{ width:78%; margin:0 auto; font-size:3.5em; color:#3987B5; line-height:150%;letter-spacing: 5px;}
.top_banner_text_w1_n{ width:78%; margin:0 auto; font-size:2.2em; color:#3987B5; line-height:150%;letter-spacing: 5px; color:#333;}

.cogl_list{ width:100%; margin-bottom:40px; margin-top:30px; overflow:hidden; font-size:1.2em;}

.cogl_list_p{ width:100%; margin-bottom:40px; margin-top:30px; overflow:hidden;}
.cogl_list_p dl{ width: 100%; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cogl_list_p dl dt{ width:49%; overflow:hidden; float:left;border:1px solid #ccc; border-radius: 5px; margin-bottom:2%;}

.cogl_list_pt{ width:100%; margin-top:30px; overflow:hidden;}
.cogl_list_pt dl{ width: 100%; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cogl_list_pt dl dt{ width:49%; overflow:hidden; float:left;border:1px solid #ccc; border-radius: 5px; margin-bottom:2%;}

.main_p{ width:80%; overflow:hidden; margin:0% auto 1% auto;}
.xtys_b{ font-size:1.4em; line-height:180%; float:left;  width:100%; float:left;}


/*-----产品说明-----*/
.product_left{ width:15%; float:left; overflow:hidden; margin-top:2%;}
.product_left_an{ width:100%; overflow:hidden; float:left;}
.product_left_an dl{ width:100%; overflow:hidden; float:left;}
.product_left_an dl dt{ width:99%; float:left;  height:40px; line-height:40px; text-align:center; margin-bottom:15px;} 
.product_left_an dl dt a{ width:100%;float:left;  height:45px; line-height:42px; text-align:center; display:block; font-size:1.0em;}
.product_left_an dl dt a:hover{ float:left; border:1px solid #0099FF; height:45px; line-height:42px; text-align:center; background:#0099FF; color:#fff; font-size:1.2em;}
.product_left_an dl dt a.on{ float:left; border:1px solid #0099FF; height:45px; line-height:42px; text-align:center; background:#0099FF; color:#fff; font-size:1.2em;}


.product_right{ width:82%; float:right; overflow:hidden;margin-top:2%; border:1px solid #ccc;}

.product_right_box{ width:96%; margin:2%; float:left; overflow:hidden;}

.product_right_box_left{ width:25%; float:left; overflow:hidden;}
.product_right_box_left_tb{ width:100%; float:left; text-align:center;font-size:1.4em; line-height:250%;}
.product_right_box_left_text{ font-size:1.2em; line-height:180%; text-align:left;}

.product_right_box_right{ width:71%; float:left; overflow:hidden; border-left:1px solid #ccc; padding-left:2%;}

/*-----关于我们----*/
.about_left{ width:35%; float:left; overflow:hidden;}
.about_left img{ width:100%; float:left; height:auto;border-radius:10px;}
.about_right{ width:63%; float:right; overflow:hidden;}
.about_img{ width:100%; float:left; overflow:hidden; margin-top:2%;}
.about_img img{ width:100%; float:left; height:auto;}

.contact{ width:100%; overflow:hidden; float:left;}
.contact dl{ width:100%; overflow:hidden; float:left;border-left:1px solid #ccc;}
.contact dl dt{ width:24%; overflow:hidden; float:left; border-right:1px solid #ccc; border-left:0px;border-top:0px; border-bottom:0px;text-align:center; line-height:200%; font-size:1.2em;}

.kgid{ width:100%; overflow:hidden; float:left;}
.tnewm{ width:100%; text-align:center; overflow:hidden; font-size:1.2em;}
.tnewm img{ width:100%; height:auto;}