/* 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;}

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


.box2{width: 100%;text-align: center;margin-top: 60px;}
.pin{font-weight: bold; font-size:45px;color: #333333}
.pro{color: #b4b4b4;font-size: 24px;margin-top: 16px;font-weight: 345;}
.box3{width: 100%; float:left;}
.box3 ul{width:100%; margin-top:60px;}
.box3 ul li{width:21%;list-style: none; border: 14px solid rgba(155, 141, 143, 0.356); margin:0 1% 2% 1%;text-align: center;float: left; padding-bottom:20px;}
.box3 ul li img{max-height:100%; max-width:100%;}
a{ text-decoration: none;}
.p1{color: #b4b4b1; font-size: 14px;}
.box3 li:hover{box-shadow:0px 6px 15px  rgba(0, 0, 0, 0.2);    transition: all 0.3s; }
.search{clear: both;overflow: hidden; width:100%; margin-top: 5%;}
.search p.btb6{float: left; font-size: 28px;color: #1777a6;margin: 30px 0 20px; text-indent: 20px; font-weight: bold;letter-spacing: 3px; border-left: 4px solid #1777a6; }
.searchbg{  width:700px;height:40px;overflow:hidden; float:right; margin-top: 30px;margin-right: 10px; }
.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:#024e84;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;}
 .box4{ width: 100%;background: url(../images/image-1.jpg) no-repeat center; padding:70px 0 100px 0; float:left; margin-top:60px;}

.about{ width:50%; float:left;}
.about p{font-size:45px; color:#333; font-weight:bold;}
.about span{width:100%; float:left; font-size:24px; color:#b4b4b4; margin-top:20px;font-weight:345;}
.about i{float: right; font-size:16px; color:#5b5b5b; font-style:normal; margin-top:40px; margin-right:30px;}
.about img.xt{float:right; margin-right:5%;margin-top:50px;}
.about img.tu_1{float:right; max-height:100%; max-width:100%; margin-right:1%; margin-top:7%;box-shadow:5px 5px 5px rgba(0,0,0,0.2); }
.about_right{float:right; width:50%;}
.about_right img{float:right; max-height:100%; max-width:100%;box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.about_right i{float:right; text-align:right; font-size:85px; color:rgba(0,0,0,0.05);text-transform:uppercase; font-weight:bold; width:100%;letter-spacing:10px; font-family:Verdana, Geneva, sans-serif; overflow:hidden;}
.about_right p{width:100%; padding:20px 0px 20px 35px; box-sizing:border-box; float:right; line-height:25px; color:#696969; font-size:14px; height:170px; overflow:hidden; text-align: left;}
.about_right a{ padding:10px 50px; background:#323232; font-size:14px; color:#fff; margin-left:35px; margin-top:30px; float:left;}
.about_right a:hover{background:#0266bb;transition:all 0.5s;}



.youshi{ float:left; width:100%; margin-top:80px; margin-bottom:30px;}
.you{font-size: 45px; font-weight: bold; color:#333; text-align:center;}

.our{ font-size: 24px; color: #b4b4b4;font-weight:345;margin-top:20px; text-align:center;}
.box6{ float:left; width:100%;background: url(../images/image-2.jpg) no-repeat center;height: 700px;}
.advantage{ width:25%; float:left;}
.advantage ul li{ width:100%; float:left; margin-top:80px; margin-bottom:30px;}
.advantage ul li img{float:left; width:80px; height:75px; margin-right:10px;}
.advantage ul li p{float:left; font-size:22px; color:#333333;}
.advantage ul li span{float:left; font-size:14px; color:#333333; width:72%; margin-top:4px; line-height:25px;}





.advantage_1{width:25%; float:right; }
.advantage_1 ul li{ width:100%; float:left; margin-top:80px; margin-bottom:40px;}
.advantage_1 ul li img{float:left; width:80px; height:75px; margin-right:10px;}
.advantage_1 ul li p{float:left; font-size:22px; color:#333333;}
.advantage_1 ul li span{float:left; font-size:14px; color:#333333; width:72%; margin-top:4px; line-height:25px;}





.xinwen{ width: 100%; float:left; background:url(../images/image-3.jpg) no-repeat center; padding-bottom:80px;}
.xinp1{ text-align:center; font-size:45px; font-weight:bold; margin-top:60px; display:block;}
.xinp2{margin-top: 20px;font-size: 30px;color: #cbcbcb; font-weight:345; text-align:center; display:block;}
.box7{width:100%; float:left;}
.box7 ul li{width:30%;float: left; margin:1.5%}
.box7 ul li p{font-size:18px; color:#000000;}
.box7 ul li p:hover{color:#0266bb;}
.box7 ul li img{ max-height:100%; max-width:100%; margin-top:20px;}
.box7 ul li span{width:100%; font-size:14px; color:#333333; height:45px; line-height:25px; border-bottom:1px solid #acbbd2; display:block; padding-bottom:11px; margin-top:15px; margin-bottom:15px;}
.box7 ul li i{float:left; font-size:14px; color:#848484; font-style:normal;}
.box7 ul li i:hover{ color:#0266bb;}
.box7 ul li dt{display:inline; float:right;}
.box7 ul li dt:hover{color:#0266bb;}

.box7 ul li img:hover{box-shadow:0px 6px 15px  rgba(0, 0, 0, 0.2);    transition: all 0.3s;}
.wenzhang{margin-top: 80px;width: 100%; float:left;}
.wenzhang p{font-size:45px; font-weight: bold; color:#333; text-align:center;   }
.wenzhang span{ width:100%; float:left;color:#b4b4b4;font-size: 24px;margin-top: 20px; font-weight:345; text-align:center;}
.box8{width:100%;height: 600px; float:left;margin-top: 80px;}
.right{width: 48%;float: left;}
.right img{ max-height:100%; max-width:100%;}

.zhezhao{width: 100%;height:60px;line-height: 60px;margin-top: -60px;opacity: 0.7;background-color:white ;}
.zhezhao p{font-size: 16px;color: black ; text-align: left; display:inline; margin-left:25px;}
.zhezhao p:hover{color:#0266bb;}
.zhezhao i{font-size: 13px; float:right; margin-right:25px;font-style:normal}

.left{width:48%;float: right;}
.left1{width: 100%;height: 170px;float: left;}
.left1 img{ max-height:100%; max-width:100%;display: inline;float: left;border: 1px solid #dbdbdb;}
.left1txt{ width:65%; float:right;}
.left1txt h3{color: black;height: 50px;line-height: 40px;font-size: 18px;border-bottom:1px solid #dbdbdb; overflow:hidden;}
.left1txt h3:hover{color:#0266bb;}
.left1txt p{font-size:14px; text-align:left; font-weight:400; line-height:25px; color:#626262; margin-top:15px; height:45px; overflow:hidden;}
.left1txt span{font-size:14px; text-align:left; color:#878787;}

.bottom{margin-top: 50px;width: 100%; float:left;background-color: #0f0f0f;border-bottom: 1px solid #606060; padding:50px 0;}
.logo{float:left;}
.logos{ width:67%;float: left ; margin-left:3%; margin-top:50px;}
.mark{width: 170px;height: 64px;margin-top: 50px; float:left;}
.logos ul li{width:30%; float:left; background:#212121; border-radius:20px; padding:15px; box-sizing:border-box; margin-left:3%}
.logos ul li .icon{width:20%; float:left;}
.logos ul li img{max-height:100%; max-width:100%;}
.logos ul li p.mob{font-size:14px; color:#bcbcbc; text-align:center; margin-top:5px;}
.logos ul li p.num{display:block; float:left; font-weight:bold; width:80%; font-size:18px; color:#bcbcbc; line-height:57px; text-align: center;}

.erwei{ float:right; max-height:100%; max-width:100%;}
.last{width: 100%;height: 100px;background: #0f0f0f; float:left;}
.last p{text-align: center;line-height: 100px; font-size:14px; color:#ababab;}

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



}

@media screen and (max-width:1400px){
.advantage ul li span{width:68%;}
.advantage_1 ul li span{width:68%;}
	
}


@media screen and (max-width:1350px){
	.left1txt{ width:60%; }
.left1{height:165px;}
.logos{margin-left:0; width:70%;}
	
}