/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0; font-size:12px; }
body{ background-color:#FFFFFF;font: 12px "Microsoft Yahei";}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0; margin:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited{ text-decoration:none;color: #333;}
a:hover{text-decoration: none;}

.wid1400{ max-width: 1400px; margin: 0 auto;}
.zt{width:100%; float:left;}


.nav-head{background-color:#f5f5f5;height: 40px;line-height: 40px;}
.fixed {opacity: 1;
    -webkit-animation: fadeInDown 0.3s ease-out forwards;
    -moz-animation: fadeInDown 0.3s ease-out forwards;
    -o-animation: fadeInDown 0.3s ease-out forwards;
    animation: fadeInDown 0.3s ease-out forwards;
    position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.nav-head .nav{}
.nav-head .nav .nav-logo{ float: left;}
.nav-head .nav .nav-logo p{height:40px; font-size:12px; color:#333;}
.nav-head .nav .nav-logo .navbar-brand{ font-weight:bold; color:#3687d9;
}
.nav-head .nav .nav-logo .navbar-brand img{}
.nav-head .nav .nav-list{margin: 0 18px;}
.nav-head .nav .menu ul li .sub-menu {position: absolute;z-index: 1000;float: left;background-color: #fff;
-webkit-transition: top 0.3s ease 0s, opacity 0.3s;transition: top 0.3s ease 0s, opacity 0.3s;transform: scaleX(0);
-moz-transform: scaleX(0);
-webkit-transform: scaleX(0);
-o-transform: scaleX(0);
-ms-transform: scaleX(0);opacity: 0;top: 115%;border: none;border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);margin: 0;display: block;left: 0;padding: 0;
min-width: 120px;white-space: nowrap;}
.nav-head .nav .menu ul li .sub-menu li{border-bottom: 1px solid #e6e6e6;}
.nav-head .nav .menu ul li .sub-menu li:last-child{border-bottom: none;}
.nav-head .fixed .menu ul li .sub-menu li{padding: 5px 20px;}
.nav-head .head-bottom .menu ul li .sub-menu li {padding: 5px 20px;}
.nav-head .fixed {
            -webkit-animation: fadeInDown 0.3s ease-out forwards;
            -moz-animation: fadeInDown 0.3s ease-out forwards;
            -o-animation: fadeInDown 0.3s ease-out forwards;
            animation: fadeInDown 0.3s ease-out forwards;
            position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;background: rgba(255, 255, 255, 0.95);
            -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.nav-head .innav .menu ul li:hover > ul {opacity: 1;top: 100%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1);transform: scaleX(1);}
.nav-head .nav .nav-list ul li:hover > ul .menu-item{height: 60px;line-height: 60px;width: 100%;text-align: center;padding: 0px;}
.nav-head .nav .menu ul li .sub-menu li a {padding: 0px;display: block;color: #000;margin-top: 0px;line-height: 60px;display: block;}
.nav-head .nav .menu ul li .sub-menu li.sub-menu {left: 100%;top: 0px !important;}
.nav-head .nav .menu ul li .sub-menu li.sub-menu li a {color: #333;}
.nav-head .nav .menu ul li .sub-menu li:hover { background: #378ca0;}
.nav-head .nav .menu ul li .sub-menu li:hover a { color: #fff;}
.nav-head .nav .menu ul li .sub-menu li:hover a:after {max-width: 0px;}
.nav-head .nav .menu ul li .sub-menu li .sub-menu li:hover a {color: #fff;}
.search{width: 280px;overflow:hidden;z-index:99;padding-top:24px;height:80px;line-height:40px;float:right;margin-left: 20px;}
.search .ss_input{width: 180px;border:none;height:40px;line-height:40px;padding-left:20px;font-size:14px;color:#ccc;float:left;resize:none;border-radius:20px 0 0 20px;-moz-box-sizing: border-box;box-sizing: border-box;background:#f2f2f2;outline:none;}
.search .ss_an{width: 52px;height:40px;float:left;border:none;cursor:pointer;background: #1186a0 url(../images/ss.png) 5px no-repeat;outline:none;border-radius: 0 30px 30px 0;}

.nav-head .nav .nav-list ul li:hover > ul {opacity: 1;top: 100%;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}





/*star banner*/
#full-screen-slider { width:100%;  max-height:100%; float:left;display:block; margin-top:0px;}
#full-screen-slider img{max-height:100%; max-width:100%;}
/*end banner*/
#full-screen-slider_1{display:none;}


.gs{ background:#fff; width:100%; float:left;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) ; margin-top:50px;}
.gs_left{width:50%; float:left; }
.gs_left img{max-height:100%; max-width:100%;}
.gs_right{width:47%; float: right; margin-top:40px; padding-right:30px; box-sizing:border-box; }
.gs_right p{width:100%; float:left; font-size:30px; color:#333; font-weight:bold;}
.gs_right dt{width:54px; height:2px; float:left; background:#086db1; margin:20px 0;}
.gs_right span{width:100%; float:left; font-size:16px; color:#333333; line-height:35px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
line-clamp: 8;
-webkit-box-orient: vertical; }
.gs_right a{ float:left; font-size:16px; color:#fff; background:#086db1; padding:10px 50px; margin-top:30px;}




.recommend{background:#fff; padding:80px 0; position:relative;}

.recommend_title{width:100%; float:left; text-align:center;}
.recommend_title p{color:#333; font-size:40px;background:url(../images/title.png) no-repeat center; }

.recommend_title dt{ font-size:16px; color:#898989; width:100%; float:left; margin-top:20px;}
.recommend_title span{width:100%; display:block; font-size:18px; color:#c7c7c7;text-transform:uppercase; margin-top:10px; background:url(../images/title.png) no-repeat center;}



.recommend_list{ width:100%; float:right; margin-top:60px;}
.recommend_list ul li{ width:32%; float:left; background:#fff; padding:1.5%; box-sizing:border-box; margin-left:1.3%; margin-bottom:1.3%; border:1px solid #d2d2d2;}
.recommend_list ul li dt{width:100%; float:left; height:310px; position:relative;}
.recommend_list ul li img{max-height:100%; max-width:100%; margin:auto; position:absolute; right:0; left:0; bottom:0; top:0;}
.recommend_list ul li p{ width:100%; font-size:16px; color:#333333; text-align:center; margin-top:20px; height:20px; line-height:20px; overflow:hidden; float:left;}
.recommend_list ul li p span{float:left; font-size:16px; color:#333;}
.recommend_list ul li p i{float:right; font-size:17px; color:#333; margin-right:5px;}
.recommend_list ul li:hover{box-shadow:5px 5px 5px rgba(0,0,0,0.2); background:#3c669f;} 
.recommend_list ul li:hover p span{color:#fff;}
.recommend_list ul li:hover p i{color:#fff;}	

/*优势*/

.jyqj{width:100%; float:left; margin-top:40px;}
.jyqj ul li{ width:25%; float:left; padding:0.8%; box-sizing:border-box;}
.jyqj ul li dt{width:100%; float:left; background:#fff; padding:10px; box-sizing:border-box;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align:center; }
.jyqj ul li dt p{ font-size:30px; color:#555555; width:100%; float:left; margin-top:20px; margin-bottom:30px;}
.jyqj ul li dt img{max-height:100%; max-width:100%;}
.jyqj ul li dt span{width:100%; float:left; font-size:18px; color:#555555; letter-spacing:1px; line-height:30px; margin:30px 00;}






	/* 本例子css */
	

	


/*新闻*/
.news{background:url(../images/bj2.jpg) no-repeat center; padding:80px 0;}
.news2{width:100%; float:left; margin-top:50px;}
.news2 ul li{width:25%; float:left; padding:1%; box-sizing:border-box;}
.news2 ul li dt{width:100%; float:left; background:#fff; padding:5% 5% 10% 5%; box-sizing:border-box; text-align:center;}
.news2 ul li dt div{width:100%; float:left; background:#fff; position: relative; height:220px;}
.news2 ul li dt div img{max-height:100%; max-width:100%; position:absolute; margin:auto; top:0; right:0; left:0; bottom:0;}
.news2 ul li dt p{width:100%; float:left; font-size:20px; font-weight:bold; color:#333;text-overflow:ellipsis ;white-space:nowrap; overflow:hidden; text-align:left; margin-bottom:20px; margin-top:10px;}
.news2 ul li dt a{ text-align:center; font-size:16px; color:#fff; background:#3c669f; padding:6px 50px; border-radius:50px; margin:auto; }

/*文章*/



.article_right{width:100%; float:left; margin-top:50px;}
.article_right ul li{width:50%; float:left; padding:15px; box-sizing:border-box; }
.article_right ul li dt{width:100%; float:left; background:#fff; padding:2%; box-sizing:border-box;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) }
.article_right ul li .n_1{width:30%; float:left; height:150px;}
.article_right ul li .n_1 img{height:100%;width:100%;object-fit: cover;}
.article_right ul li .n_2{width:68%; float:right;}
.article_right ul li .n_2 p{width:100%; float:left; font-size:18px; color:#333333;text-overflow:ellipsis ;white-space:nowrap; overflow:hidden;padding:15px 0px 15px 0px; box-sizing: border-box;}
.article_right ul li .n_2  span{width:100%; float:left; font-size:14px; color:#7a7a7a; padding:0 15px 0 0px; box-sizing:border-box; height:42px; line-height:22px; overflow:hidden;}
.article_right ul li .n_2  i{ float:left; font-size:14px; color:#b5b5b5; font-style:normal; padding:15px 0px 0 0px; box-sizing:border-box;}
.article_right ul li .n_2 p:hover{color:#086db1;}






/*荣誉*/




/*搜素*/
.search{clear: both;overflow: hidden; width:100%; }
.search p.btb6{float: left; font-size: 28px;color: #3c669f;margin: 30px 0 20px; text-indent: 20px; font-weight: bold;letter-spacing: 3px; border-left: 4px solid #3c669f; }
.searchbg{  width:700px;height:40px;overflow:hidden; float:right; margin-top: 30px; }
.search_txt .text{width:474px;height:36px;line-height:36px;color:#4a4a4a;font-size:larger;border: 1px solid #adadad;text-indent: 10px;}
.search_btn .button{ height:40px;line-height:40px; width:100px; background:#3c669f;color:#fff; cursor:pointer;font-size:14px; border: none; }
.search_txt {  float:left;width:474px; height:40px; margin-left:5px;}
.search_btn{ float:left;}
.search .myp{line-height: 40px;width: 100px;background: #f60;display: block;float: right;text-align: center; color: #fff; font-size: 14px;}




/*底部*/

.foot{background:#e5e5e5; padding:50px 0 30px 0; overflow:hidden;}


.contant_line_box { width:100%; float:left;}
.contant_line_box ul li{ width:20%; float:left;}
.contant_line_box ul li p{color:#333; font-size:14px; line-height:25px;}
.contant_line_box ul li.dz{width:25%;}
.contant_line_box ul li img.ioc{margin-top:10px; margin-bottom:15px;}
.contant_line_box ul li.ewm{ width:132px; text-align:center; float:right;}


.footer{width:100%;text-align: center;color:#ababab;line-height:25px; font-size:14px; float:left; margin-top:15px;}






@media screen and (max-width:1200px){.about_right{ margin-top:80px;}

}




@media only screen and (max-width: 1024px){
	.nav-head .nav .nav-list{ display:none !important; }
.nav-head{height: 50px;line-height: 50px;position: fixed; width: 100%; z-index: 9999;}
.nav-head .nav .nav-logo .navbar-brand{height: 50px; margin-left: 0px;padding-top: 0px;padding-bottom: 0px;}
.nav-head .nav .nav-logo .navbar-brand img{max-height: 50px; width: inherit;}
.nav-head .nav .nav-logo{float: inherit;}
 
.mobile_btn{ display:block; position:absolute; z-index:100; right:10px; top:50%; margin-top:-25px;  width:50px; height:50px;  text-align:center; background:url(../images/artmenutoggle.png) no-repeat 0 center; transition: all 0.5s;-webkit-transition: all 0.5s;cursor:pointer;}
.navBox{position:fixed !important; width:100%; left:0; top:50px !important; bottom:0; display:none; background:#fff; margin:0;border-top: 1px solid #ffffff; }
.mobile_btn.open{ background-position:-50px 0;}
.mobile_btn.open + .navBox{}
.nav{ display:block;overflow:auto; height:100%; text-align:center;}
.nav li{ float:none; margin:0; border-bottom:1px solid rgba(0,0,0,0.1); width:100%;}
.nav > li > a, .nav > li > .parent > a{ line-height:2.8; text-align:center; color:#333;transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s;font-size: 14px;}
.nav > li > a::after, .nav > li > .parent > a::after{ display:none;}
.nav .parent{ position:relative;}
.nav > li > .parent > a{ display:inline-block;}
.nav .icon_control{ position:absolute; display:block; z-index:99; top:13px; right:20px; width:16px; height:11px; background:url(../images/icon8.png) no-repeat center; }
.nav li .parent.open .icon_control{ background-image:url(../images/icon9.png);}
.nav li:hover .parent .icon_control,.nav li.act .parent .icon_control{ background-image:url(../images/icon10.png);}
.nav li:hover .parent.open .icon_control,.nav li.act .parent.open .icon_control{ background-image:url(../images/icon7.png);}
.nav li:hover > a,.nav li.act > a,.nav li:hover .parent,.nav li.act .parent,.nav li:hover .parent a,.nav li.act .parent a{ background:#1b9ab7; color:#fff; }
.nav li.active{background: #1b9ab7;color: #fff;}
.nav li.active .parent a{ color: #fff;}
.nav li.active .icon_control{background: url(../images/icon10.png) no-repeat center;}
.subNav{position:relative !important; top:0;  width:100%; left:0; margin-left:0; display:none;  background:#F3F3F3;}
.subNav_n ul{ padding:0;}
.subNav_n  li a{ line-height:2.8; padding-left:0; font-size:13px;}
.subNav_n  li a::after{ display:none;}
.subNav .subNav_in{ padding:0;}
.subNav .subNav_in > ul{ margin:0;}
.subNav li .subimg{ display:none;}
.subNav .subNav_in > ul > li{ float:none; width:100%;}
.subNav li .item{ margin:0;}
.subNav h3{ font-weight:normal; font-size:13px;line-height:2.8; margin-bottom:0; border-bottom:0; position:relative;}
.subNav h3 .icon_control{ position:absolute; display:block; z-index:99; top:13px; right:20px; width:16px; height:11px; background:none;/*url(../images/icon8.png) no-repeat center*/ }
.subNav h3.open .icon_control{ background-image:url(../images/icon9.png);}
.subNav h3:hover{ background:#1b9ab7; color:#fff;}
.subNav h3:hover a{color:#fff;}
.subNav h3:hover .icon_control{background-image:none;/*url(../images/icon10.png)*/}
.subNav h3.open:hover .icon_control{ background-image:none;/*url(../images/icon7.png)*/}
.subNav2{ display:none; background:#e9e9e9;}
.subNav2 li{ padding-left:0;}
.subNav2 li::after{ display:none;}
.subNav2 li a{ line-height:2.5;display: block;}
.subNav_n li a:hover,.subNav2 li a:hover{ text-decoration:none;}
.lisear{border-bottom:none !important;}
.search1{width: 90%;overflow:hidden;z-index:99;padding-top:20px;height:40px;line-height:40px; margin:0 auto;}
.search1 .ss_input{width: 80%;border:none;height:40px;line-height:40px;padding-left:20px;font-size:14px;color:#ccc;float:left;resize:none;border-radius:20px 0 0 20px;-moz-box-sizing: border-box;box-sizing: border-box;background:#f2f2f2;outline:none;}
.search1 .ss_an{width: 52px;height:40px;float:left;border:none;cursor:pointer;background: #1773c6 url(../images/ss.png) 5px no-repeat;outline:none;border-radius: 0 30px 30px 0;}
.mobh65{ height:50px; clear:both;}

.topbox_l{width:100%;}
.topbox_l ul{width:100%;}
.topbox_l ul li{ margin-top:10px; height:30px; padding:0;}
.topbox_l ul li a{margin-top:-10px; line-height:40px;}
.mod-service{width:100%; margin:0px; float:left;}
.mod-service ul{width:100%; float:left; margin-top:0;}
.mod-service ul li{ padding:0px; line-height:35px; float:left; height:35px;}
.mod-service ul li a{line-height: 40px;    margin-top:0px;}
.mod-service ul li a.ant{background:#ff0000;}
.wx{width:100%; margin-left:0px;}
.wx a{font-size:14px;}
.wx span{    margin: 3% 10% 10% 10%;}


#full-screen-slider{display:none;}
#full-screen-slider_1 { width:100%;  max-height:100%; float:left;display:block; }
#full-screen-slider_1 img{max-height:100%; max-width:100%;}
/*end banner*/


.ml ul li{ width:50%;}

.jyqj ul li .k_1 dt{display:none;}
.jyqj ul li .k_1 div{width:100%; padding:0 15px; box-sizing:border-box;}
.ys{padding:40px 0;}






.recommend_title p{ font-size:30px;}


.recommend{padding:40px 0px; box-sizing:border-box;}
.recommend_1{background:#f6f6f6; padding:40px 0;}
.recommend_list{margin-top:30px;}
.recommend_title i{font-size:35px; }
.recommend_list ul li p i{ display:none;}
.search{display:none;}
.recommend_list ul li{width: 47%;
    margin-left: 2%;
    margin-bottom: 2%;}
.about{padding:40px 10px; box-sizing:border-box; background:#fff}
.about_3 ul li{width:50%;}
.recommend_list_left{display:none;}
.recommend_list{ width:100%;}
.jyqj ul li{width:100%;}
.article_right ul li{margin-bottom: 15px; width:100%; padding:10px;}
.history{padding:40px 0;background: url(../images/bj_1.jpg) no-repeat;}
.ys_left{width:100%; padding:0 10px; box-sizing:border-box;}
.ys_right{width:100%;padding:0 10px; box-sizing:border-box;}
.ys_left ul{margin-top:20px;}
.slideBox .bd ul li{ width:100%;}
.picMarquee-left .hd{margin-top:0px;}
.news{padding:40px 10px; box-sizing:border-box;}
.news_nr{display:none;}
.news_title p{font-size:25px;}
.news_list ul li{width:100%; padding:10px; margin:0; text-align:center;}
.news_list ul li p{margin-top:15px; margin-bottom:10px;}
.news_list ul li.n_1 p{color:#fff;}
.article{padding:40px 0;}
.article_left{width:100%;}
.article_right{width:100%; margin-top:30px;}
.product ul li{width:100%;}


.honor{padding:40px 20px; box-sizing:border-box;}
.honor_left{width:100%; padding:15px;}
.honor_title p{font-size:20px;}
.picMarquee-left_1 .bd ul li{width:100%;}
.picMarquee-left_1 .hd{ margin-top:0px;}
.honor_right{width:100%; padding:15px;}
.contant_line_box{text-align:center;}
.contant_line_box ul li{width:100%;}
.contant_line_box ul li.logo{display: none;}
.contant_line_box ul li.dh{display: none;}
.contant_line_box ul li.yx{display: none;}
.contant_line_box ul li.dz{display: none;}
.contant_line_box ul li.ewm{width:100%;}

.foot{padding:40px 20px; box-sizing:border-box;}
.xj{display:none;}
.gs{ }
.gs_left{ width:100%;
    margin-top: 20px;}
.gs_right{width:100%; padding:0 10px; box-sizing:border-box;margin-top: 30px;}
.news2 ul li{width:50%;}
}


@media screen and (max-width:768px){



	
}