@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}
a,a:hover{
	text-decoration: none;
}

ul, ol, li {
	list-style: none;
}
input {
	background: none;
	border: 0 none;
}
img, iframe {
	border: 0px;
}
em, i {
	font-style: normal;
}
button, input, select, textarea {
	font-size: 100%;
}

.color {
	color: #ea5407;
	font-size:22px;
	font-weight: bolder;
}

 
/* for 700px or less */
@media screen and (max-width: 700px) {
 
	#header,#nav,#content {
		width: auto;
		float: none;
	}
}
 
/* for 480px or less */
@media screen and (max-width: 480px) {
 
	#header,#nav,#content {
		width: auto;
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
 
}


a:hover {
	text-decoration: underline;
}
h1 {
	font: bold 36px/100% Arial, Helvetica, sans-serif;
}

img,p,ul,li { max-width: 100%; }

#content {
		width: auto;
		height: auto;
		z-index:0;
	}

#linktop {
	width: 100%;
	margin:0px auto;
	height: auto;text-align: center;	
	background-color: #f6f6f6;
}
@media screen and (max-width:576px){ 
#linktop  #linktoplist {
	max-width: 100%;height:auto;margin: 0px;
}
}
#linktop  #linktoplist {
	padding: 15px 0px 10px 0px;
	text-align: left;
	clear:both;
	margin:0px auto;
	color: #000;
	width:auto;
	height:auto;
	font-size: 16px;
}
#linktop  #linktoplist a {
	color: #000;
	font-size: 14px;
}

#linktop  #linktoplist a:hover {
	color: #666666;
}

/*top 页面顶部*/


#header {
	clear: both;
	height: auto;
	width: 70%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#logo {
	float: left;
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#navtop {
	color: #FFFFFF;
	background-color: #003366;
	text-align: center;
	font-size: 16px;
	clear: both;
	width: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}

       .navbartop{
	width: 80%;
	height: 50px;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
       }
       .navbartop .nav-list{
           z-index: 0;
           display: block;

       }
       .navbartop .nav-list li{
	list-style: none;
	float: left;
	margin-left: 10px;
	width: auto;
       }
       .navbartop .nav-list a{
	color: white;
	line-height: 50px;
	text-decoration-line: none;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
       }
       .navbartop .nav-list  a:hover{
	color: #CCCCCC;
	background-color: #e44d00;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
       }
       .navbartop input:checked~.nav-list {
           position: absolute;
           padding-bottom: 5px;
           padding-left: 5px;
           padding-right: 5px;
            display: block;
            background-color: #34495E;
            z-index: 0;
            margin-top: 50px;

       }
       .navbartop input:checked~.nav-list li{
        clear: both;
        background-color: #34495E;

       }
       .navbartop label{
           display: none;
       }
       .navbartop .nav-toggle{
           display: none;
       }
       @media screen and (max-width: 600px) {
           .navbartop .nav-toggle{
               display: none;
           }
           .navbartop label{
               display: block;
               z-index: 4;
           }
           .navbartop .nav-list{
               display: none;
               margin-left: 0px;
           }
           .navbartop .nav-list li{
               margin-left: 0px;
           }
           .navbartop  .menu-icon{
                display: block;
                float: left;
                width: 36px;
                height: 26px;
                line-height: 0;
                padding-top: 10px;
                text-align: center;

           }
           .navbartop  .menu-icon>svg path{
                fill: white;
           }
           .navbartop  label[for="nav-toggler"] {
                display: block;
                float: left;
                width: 36px;
                height: 36px;
                z-index: 2;
                cursor: pointer;
            }
       }

    .dropdowntt
    {
        display:inline-block;
    }

    .dropdowntt-content{
	display:none;
	position:absolute;
	background-color: #1048a0;
	min-width:160px;text-align:left; 
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    }

    .dropdowntt-content a{
        color:black;
        padding:0px;
        text-decoration:none;
        display:block;
    }

    .dropdowntt-content a:hover {
	background-color: #ea5407;      
}

    .dropdowntt:hover .dropdowntt-content{
	display:block;
	top: 50px;
	z-index: 12;
}

#carousel_images{z-index:-100;position: relative;
}

#content {
	z-index:-100;
}

/* for product center */
#product1 {
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.proCenter{
	width: 100%;
	margin:0 auto;
	text-align: center;
	clear:both;
}

#product2 {
	width: 90%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

@media screen and (max-width:576px){ 
#product2 #list {
	max-width: 100%;	margin: 0px;overflow: hidden;
}
}

#product2 #list {
	width: 340px;
	height: 355px;
	margin: 30px 0px 0px 0px;
	background: #f6f6f6;
	transition: all .5s;
	display: inline-block;
	padding: 38px 30px 0 30px;
}

#product2 #list a img {
	width: 342px;
	height: 240px;
}

#product2 #list:hover {
	background-color: #1048a0;
}
#product2 #list a:hover .tit3 {
	color: #fff;
}

#product2 #list .tit3 {
    width: 180px;
    padding: 15px 0px 0px 0px;
	height: 26px;
	color:  #333;
	font-size: 16px;
	text-align:left;
	float:left;
}

#product2 #list .em {
    margin:10px 0px 0px 0px;
    float:right;
	width: 100px;
	height: 26px;
	background: url("../img/em.png") no-repeat;
	transition: all .5s;
}
#product2 #list .em:hover {
    display:block;
	width: 100px;
	height: 26px;
	background: url("../img/em1.png") no-repeat;
	transition: all .5s;
}

/* for product 详细页面 */

.rightBox{ border:1px solid #E4E4E4; min-height:460px;  background:#fff;width:auto; padding-left:10px;margin:0px auto 40px auto;}
.sidle_con_l{ text-align:center; width:auto;margin:0px auto 40px auto;}
.sidle_con_l ul{ text-align:center; padding:10px 10px; height:auto;margin:20px 0px;}
.sidle_con_l li{ display:none;}
.sidle_con_l li img{ height:auto; width:auto;display:inline-block;}
.sidle_con_r{ text-align:center; width:auto;margin:40px auto 10px auto;}
.sidle_conb{ width:auto;padding: 0px 5px;margin:0px 0px;display:inline-block;}
.sidle_con{ width:auto;padding: 0px 5px;margin:-40px 0px;display:inline-block;}
.sidle_con_r ul{ height:1%; padding:0px 5px;}
.sidle_con_r li{ float:left; padding:0px 0px 0px 5px;}
.sidle_con_r li img{ height:78px; width:82px; border:1px solid #a7a7a7;}
.sidle_con_r li span{ cursor:pointer;}
.sidle_con_r li.dq span{ display:inline-block; position:relative;}
.sidle_con_r li.dq span img{ border:2px solid #74d5d7; height:76px; width:80px;}
.sub_img{ position:relative; top:-1px;}
.sidle_con_l li img,.sidle_con_r li img{max-width: 100%;}

@media screen and (max-width:576px){ 
.sidle_conb {
	display:none;
}
}

/* for slip */
.index_slip {
	width: 100%;
	margin:0 auto;
	height: 180px;
	background: #1048a0;
}
.index_slip .slip_tit {
	margin:0 auto;
	text-align:center; 
	width:auto; 
}
.index_slip .slip_tit .tit1 {
	padding-top: 50px;
	font: bold 26px "microsoft yahei";
	color: #64c5ff;
}
.index_slip .slip_tit .tit2 {
	margin-top: 14px;
	font-size: 28px;
	color: #fff;
}

/* for proy */
#proy {
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#proy1 {
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#proy2 {
	width: auto;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

@media screen and (max-width:576px){ 
#proy2 #proylist {
	max-width: 100%;	margin: 0px;overflow: hidden;
}
}

#proy2 #proylist {
	width: 190px;
	height: 315px;
	background: #f6f6f6;
	transition: all .5s;
	display: inline-block;
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#proy2 #proylist a img {
	width: 180px;
	height: 223px;
}

#proy2 #proylist:hover {
	background-color: #1048a0;
}


#proy2 #proylist .tit1 {
    padding: 20px 0px 0px 0px;
	height: 26px;
	color: #333;
	font-size: 18px;
	text-align: center;
}

#proy2 #proylist .tit2 {
    padding: 20px 0px 0px 0px;
	height: 26px;
	color: #333;
	font-size: 14px;
	text-align: center;
}

#proy2 #proylist :hover .tit1, #proy2 #proylist :hover .tit2 {
	color: #fff;
}



.tab a {
	padding: 0 16px;
	height: 40px;
	line-height: 40px;
	background: #1048a0;
	font-size: 18px;
	display: inline-block;
	margin: 0 20px;
	color: #fff;
}
.tab a:hover {
	background: #0185d0;	color: #fff;
}

/* for case */
#case {
	width: auto;
	margin-top: 20px 0px 0px 0px;
	padding:0px;
}

#case2 {
	width: 100%;height:auto;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.case2tab{
	width:33%;	display: inline-block;
}

.case2tab a {
	padding: 0 26px;
    width:200px;
	display: inline-block;
	line-height: 50px;
	background: #1048a0;
	font-size: 18px;
	margin: 0px;
	color: #fff;
}
.case2tab a:hover {
	color: #fff;
}


@media screen and (max-width:576px),@media screen and (max-width:770px){ 
#case2list {
	width: 100%;height: 230px;float:left;display:block;
}
}

#case2list {
	width: auto;
	height: auto;
	margin: 30px 0px 0px 0px;
	background: #f6f6f6;
	transition: all .5s;
	display: inline-block;
	padding: 38px 30px 0 30px;
	box-sizing: border-box;
}

#case2list a img {
	width: 530px;
	height: 430px;
}

@media screen and (max-width:576px),@media screen and (max-width:770px){ 
#case2list a img,#case2 #case2list iframe {
	width: 100%;height: 230px;
}
}

#case2list:hover {
	background-color: #1048a0;
}


#case2list .tit1 {
    padding: 20px 0px 0px 0px;
	height: 26px;
	color: #333;
	font-size: 20px;
	text-align: center;
}

#case2list .tit2 {
    padding: 20px 0px 0px 0px;
	height: 26px;
	color: #333;
	font-size: 14px;
	text-align: center;
}

#case2list :hover .tit1, #case2list :hover .tit2 {
	color: #fff;
}


/*About Us 关于我们*/

video { max-width: 100%; height: auto; }

#aboutus {
	background: #f6f6f6;
	text-align:center;
	margin:20 auto;

}

#aboutus .about {
	padding-top: 20px;
	display: inline-block;
	clear:both;
}

#aboutus .about img {
	display: block;
	width: auto;
	height: auto;
}

#aboutus .about img:hover {
	-webkit-filter: brightness(105%);
	filter: brightness(105%);
}
@media screen and (max-width:480px) {
  #aboutus .cont{
    max-width: 100%;
  }
}
#aboutus .cont {
	width: 540px;
	margin-top: 0px;
	margin-left: 10px;
	font-size: 14px;
	color: #666;
	line-height: 30px;
	text-align: justify;
	display: inline-block;
	background: #fff;
	clear:both;
}

#aboutus .cont .title {
	margin-left: 15px;
	padding-top: 80px;
}

#aboutus .cont .title .entit {
    width:auto;
	padding:10px 0px 0px 0px;
	margin:0px;
	font: normal 30px "AvantGarde Bk BT";
	color: #666;
	text-align:left;
}
#aboutus .cont .title .tit {
    width:auto;
	padding:20px 0px 0px 0px;
	margin:0px;	
	font: bold 30px "microsoft yahei";
	color: #1048a0;
    text-align:left;
}

#aboutus .cont .view_detail {
    margin:0px auto;
	bottom: 0px;
	left: 50px;
	display: block;
	width: 150px;
	height: 38px;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	background: #1048a0;
}
#aboutus .cont .view_detail:hover {
    margin:0px auto;
	background: #0185d0;
	transition: all .5s;
}
#aboutus .contp {
    overflow: hidden;
    width:auto;
	margin: 10px 10px 0px 0px;
	padding: 10px 20px 10px 20px;
}

/*News 新闻中心*/

#news {
	text-align: center;
    margin:0 auto
	padding-top: 0px;
	padding-bottom: 45px;
	background: #fff;
}
#inews {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

@media screen and (max-width:576px){ 
#inews .list {
	max-width: 100%;height:auto;margin: 0px;
}
}
#inews .list {
	display: inline-block;
	width: 582px;
	height: 168px;
	text-align: left;
	border: 1px solid #ddd;
	background: #f6f6f6;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	padding: 0px 10px 10px 10px;
}
#inews .list a {
	display: block;
	margin-top: 40px;
	margin-left: 0px;
	color:#666;
}
#inews .list:hover {
	background: #1048a0;
	border: 1px solid #fff;
}
#inews .list a:hover {
	color: #fff;
}

#inews .list .title f1 {
	display: inline-block;
	width: 420px;
	padding:10px;
}
#inews .list .title f1 .tit {
	font: normal 16px "AvantGarde Bk BT";
	color: #333;
	margin-top: 20px;
	padding:10px 0px;
	line-height: 30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
#inews .list .title f1 .cont {
	margin-top: 20px;
	padding:10px 0px;
	font: normal 16px "AvantGarde Bk BT";
	color: #666;
	line-height: 30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

#inews.list:hover .title f1 .tit {
	color: #fff;
}
#inews .list:hover .title f1 .cont {
	color: #c1d4f1;
}


/*Links 龙情链接*/

#links {
	width: 100%;
	margin:10px auto;
	height: auto;
	text-align: center;
	background-color: #f6f6f6;
}
@media screen and (max-width:576px){ 
#links  #linkslist {
	max-width: 100%;height:auto;margin: 0px;overflow: hidden;
}
}
#links  #linkslist {
	padding: 15px 0px 10px 0px;
	text-align: center;
	clear:both;
	margin:5px auto;
	color: #000;
	width:auto;
	height:auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-size: 16px;
	font-weight: bold;
}
#links  #linkslist a {
	color: #000;
	font-size: 14px;
}

#links  #linkslist a:hover {
	color: #666666;
}

/*footer 页面底部*/

#footer {
	width: 100%;
	margin:10px auto 0px auto;
	height: auto;
	text-align: center;
	background-color: #333333;
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
}
@media screen and (max-width:576px){ 
#footer  #footerlist {
	max-width: 100%;height:auto;margin: 0px;overflow: hidden;
}
}
#footer  #footerlist {
	text-align: left;
	color: #999999;
	width:160px;
	height:160px;
	display: inline-block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#footer  #footerlist li{
	width:150px;
	float: left;
	font-family: "宋体";
	font-size: 12px;
	text-decoration: none;
	line-height: 20px;
}

#footer  #footerlist .title{
	width:150px;
	float: left;
	font-family: "宋体";
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}

#footer  #footerlist .title a {
	color: #fff;
}

#footer  #footerlist a {
	color: #fff;
}

#footer  #footerlist a:hover {
	color: #666666;
}

/*copyright 版权所有*/
#copyright {
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: #333333;
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	color: #CCCCCC;
	margin: 0px auto;
	padding: 15px 0px;

}
@media screen and (max-width:576px){ 
#copyright #copylist {
	max-width: 100%;height:auto;margin: 0px;overflow: hidden;
}
}
#copyright #copylist {
	width:100%;
	clear: both;
	margin: 0px;
	background-color: #333333;
}



#sidebar{
	width: auto;
	height: auto;
	text-align: left;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#sidebar #sidetop{
	width:250px;height:auto;
	text-align:left;
	padding: 10px;
	font-family: "宋体";
	font-size: 18px;
	line-height: 36px;
	color: #FFFFFF;
	background-color: #003366;
	margin-top: 10px;
}
#sidebar #sideli{
	width:250px;
	height:auto;
	text-align:left;
	padding: 5px;
	font-family: "宋体";
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	background-color: #FFFFFF;
	margin-top: 5px;
	border: 1px solid #999999;
}
#sidebar #sideli:hover{
	color: #ffffff;
	background-color: #003366;
}

#pagetop{
	width: 100%;
	text-align: left;
	padding: 10px 20px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-color: #d9edf7;
	margin-top: 20px;
	margin-bottom: 10px;
}
#casepro {
	width: auto;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
	float: left;
}

@media screen and (max-width:576px){ 
#casepro #caseprolist {
	width: auto;margin: 0px;overflow: hidden;
}
}

#casepro #caseprolist {
	width: 290px;
	height: 350px;
	margin: 0px;
	transition: all .5s;
	float:left;
	padding: 18px 10px 0 10px;
	background-color: #E4F3FA;
}

#casepro #caseprolist a img {
	width: 342px;
	height: 240px;
}

#casepro #caseprolist:hover {
	background-color: #1048a0;
}


#casepro #caseprolist .tit1 {
    padding: 20px 0px 0px 0px;
	height: 26px;
	color: #333;
	font-size: 20px;
	text-align: center;
}

#casepro #caseprolist .tit2 {
    padding: 20px 0px 0px 0px;
	height: 26px;
	color: #333;
	font-size: 14px;
	text-align: center;
}

#casepro #caseprolist :hover .tit1, #casepro #caseprolist :hover .tit2 {
	color: #fff;
}
#pagebtn{
	width:100%;
	text-align:center;
	padding: 10px;
	margin-top: 30px;
	clear: both;
}
.divtab {width: 100%;}
.divtab table {width: 100%;padding: 10px;}
@media screen and (max-width:576px){ 
.divtab{width: 100%;font-size: 8px;
}}

.word1 {
	background-image: url(../img/line.jpg);
	background-repeat: repeat-x;height: 60px;
	width:400px;margin:5px auto;
}
.word2 {
	background-color: #fff;
	height: auto;
	font-size: 32px;
	padding:10px;
}
.word3 {
	background-image: url(../img/line.jpg);
	background-repeat: repeat-x;height: 60px;
	width:auto;margin:0 auto;
}
.word4 {
	background-color: #fff;
	height: auto;
	font-size: 26px;
	padding:10px;
}
.cert{
    text-align:center;
}