@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
a{ text-decoration:none}
ul,li,dl,dd{list-style-type:none;}
body{font-family:Microsoft YaHei, "微软雅黑"}

/*头部*/
#tobu{width:100%;background:#201913}
.tobu{width:1200px;margin:auto;line-height:33px;font-size:14px;color:#FFF;overflow:hidden}
.tobuz{width:50%;float:left;}
.tobuy{width:50%;float:left;text-align:right;}
/*logo*/
#logo{width:1200px;margin:auto;height:90px;position:relative}
.logoz{width:25%;float:left;}
.logoy{width:75%;float:left;text-align:right}
.logoy li{display:inline-block;padding:0 23px;line-height:90px;font-size:16px}
.logoy li a{color:#000;display:block;}
.logoy li:hover a{color:#4299de}
.logoj{width:50%;float:left;display:none;margin:20px 0 0 17%;}
.logoimg2{display:none;}

.logoy li:first-child{display:none;}
/*手机点击*/
.zhz{width:50px;height:50px;overflow:hidden;position:absolute;top:0;right:0; z-index:600;margin-top:18px;display:none;}
.zhz samp{position:absolute;left:26%;background:#00c6f4;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}

.active samp{background:#FFF}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}
/*搜索*/
#sosuo{width:1200px;margin:auto;overflow:hidden;}
.sosuoz{width:50%;float:left;line-height:70px;font-size:15px;}
.sosuoy{width:50%;float:left;overflow:hidden;margin-top:20px;}
.sosuoz a{color:#666666;padding:0 10px;}
.sou{width:80px;line-height:30px;text-align:center;background:#4199dd;float:right;}
.sou a{color:#FFF;}
.sot{width:380px;font-size:15px;float: right;}
.sot input{width:300px;line-height:30x;height:30px;box-sizing:border-box;border:0;border:1px solid #CCC;border-right:0;}

/*服务领域*/
#ser{width:1200px;margin:40px auto 60px;overflow:hidden}
#ser li{width:31%;float:left;padding-bottom:20px;text-align:center;border:1px solid #CCC;box-sizing:border-box}
#ser li:nth-child(2){margin:0 3.5%;}
#ser li img{width:100%;}
#ser li a{color:#262626}
.sert{text-align:left;color:#969696;line-height:30px;font-size:14px;}
.sert h3{padding:20px 0 20px 10px;font-size:20px;color:#666;box-sizing:border-box;}
.sert p{box-sizing:border-box;padding-left:10px;}


/*合作*/
.coo{width:1200px;margin:40px auto 60px;overflow:hidden;}
.cooq{width:130px;float:left;}
#coo{display:none;}

.marqueeleft{width:calc(100% - 130px);overflow:hidden;float:left;border:1px solid #CCC;box-sizing:border-box}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:207px;overflow:hidden;text-align:center;line-height:25px;font-size:14px;}
.marqueeleft li img{width:100%;}
.marqueeleft li a{color:#666}
/*尾部*/
#divbottom,#divbottom2{width:100%;background:#017dc5;padding:10px 0;color:#FFF}
.divbottom{width:1200px;margin:auto;}
.m{padding:20px 0 5px;font-size:18px;line-height:28px;}
.m p{font-size:12px;line-height:20px;}

#mq{background:url(../images/di1.jpg) bottom no-repeat;background-color:#017dc5;}
.mq{height:60px;}
.mqa{width:80%;float:left;}
.mqa li{width:15%;max-width:12%;float:left;line-height:60px;font-size:14px;}
.mqa li:first-child{display:none;}
.mqa li a{color:#FFF;}
.mqa li:hover a{color:#e55461}
.mqb{width:20%;float:left;position:relative;text-align:right;height:60px}
.mqba{width:120px;position:absolute;bottom:3px;right:0px;z-index:2;background:#FFF;padding:5px;font-size:14px;text-align:center;color:#666}
.mqba img{width:100%}

.mw{overflow:hidden;padding:10px 0}
.mwa{width:70%;float:left;font-size:14px;line-height:28px}
.mwb{width:30%;float:left;text-align:right;}
.mwba{display:inline-block;padding:20px;border:1px solid #ccc;font-size:14px;color:#FFF;text-align:left;}
.mwba p{font-size:18px;line-height:26px;}

/***************************************************内页**内页***内页***内页****内页*************************************************************/

/*大图*/
.datu{width:100%;height:300px;overflow:hidden;}
.datu img{width:100%;}

@media screen and (min-width:769px){
.datu img{ display:none;}

}
@media screen and (max-width:768px){
.datu img{ display:block;}
.datu{background:none;}
}
/*框架*/
.i-u{width:1200px;margin: 30px auto;overflow:hidden;}
.i-uzuo{width:240px;float:left;}
.i-uyou{width:calc(100% - 270px);float:left;margin-left:30px;}
.i-uza{width:100%;line-height:60px;color:#FFF;text-align:center;font-size:20px;background:#017dc5;}
.i-uzs{width:236px;background:url(../images/di3.jpg) repeat;padding:8px 0;border:2px solid #017dc5}
.i-uzs li{width:190px;margin:10px auto;line-height:32px;text-align:center;background:#1986c7;font-size:14px;}
.i-uzs li a{color:#fff;display:block;width:100%;}
.i-uzs li:Hover{background:#35a6ff}
.i-uzd{margin-top:20px;}
.i-uzf{line-height:36px;padding-left:10px;background:#017dc5;font-size:15px;color:#FFF;}
.i-uzg{font-size:12px;line-height:24px;color:#666;padding:16px 8px;border:1px solid #E4E4E4;margin-bottom:40px}

.i-uya{position:relative;background:#EFEFEF;overflow:hidden}
#i-uys{width:6px;height:22px;background:#017dc5;float:left;margin:8px 0 0 5px;}
.i-uys{width:150px;line-height:40px;font-size:16px;color:#000;padding-left:5px;font-weight:bold;float:left}
.i-uyd{position:absolute;top:12px;right:4px;font-size:14px;}
#i-uydd a{color:#666;}
#i-uydd{float:left;width:calc(100% - 166px);font-size:12px;text-align:right;line-height:40px;color:#666}





/*上下*/
#arr{width:1200px;margin:0 auto 20px;overflow:hidden;text-align:center;border-top:1px solid #E8E8E8;line-height:30px;}
#arr a{padding:0 10px;color:#333}
#arr a:Hover{color:#017dc5}
.trr{width:1200px;margin:0 auto 20px;overflow:hidden;border-top:1px solid #E8E8E8;line-height:30px;font-size:15px;}
.trr a{margin-left:10px;color:#666}
.trr a:hover{color:#FF5151}

/*公司简介*/
.i-abo{width:100%;margin:30px auto 40px;font-size:15px;line-height:32px;color:#434343;overflow:hidden;}
.i-abo img{float:left;margin-right:20px;width:362px}
/*代理品牌*/
.i-pro{width:100%;margin:30px auto 10px;}
.i-prq{font-size:14px;line-height:26px;color:#333;border-bottom:1px dashed #CCCCCC;padding-bottom:10px;}
.i-prq h4{font-size:20px;line-height:40px;}
/**/
.i-prw{font-size:14px;line-height:40px;margin:20px 0}
.i-prw h5{font-size:16px;color:#017dc5;margin-bottom:10px;}
.i-prw li{background:url(../images/pro.png) left center no-repeat;box-sizing:border-box;padding-left:24px;}
.i-prw li a{color:#1F1F1F}
.i-prw li a:hover{color:#017dc5}


.divtop{width:100%;overflow:hidden;}
.divtop a{color:#666;}
/**/
.ga{overflow:Hidden;margin:30px auto 40px;}
.gaa{width:302px;float:left;}
.gaa img{width:100%;}
.gab{widtH:calc(100% - 352px);float:left;margin-left:50px;color:#666;line-height:26px;font-size:14px;}
.gab h4{font-size:20px;color:#333;border-bottom:1px solid #CCC;padding-bottom:10px;margin-bottom:30px;}
.gac{font-size:18px; font-weight:bold;color:#333;margin-top:10px;}
.gac b{display:inline-block;color:#da2b2b}
.gad{border-bottom:1px solid rgba(204, 204, 204, 0.59);margin:30px 0 15px;font-size:16px;padding:5px 0;color:#333; font-weight:bold;}
.gae{font-size:14px;line-height:26px;color:#333;margin-bottom:40px;}
/*品牌*/
.bra{width:100%;margin:30px auto 40px;overflow:hidden;}
.bra li{width:23%;float:left;border:1px solid #CCC;box-sizing:border-box;margin:10px 1%;}
.bra li img{width:100%;}
/*新闻*/

.i-news{overflow:hidden;margin-bottom:30px;}
.i-news li{padding:15px 0;border-bottom:1px dashed #CCC;overflow:hidden;}
.i-news li .i-fa{width:200px;float:left;margin-right:20px;}
.i-news li .i-fb{width:calc(100% - 220px);float:left;}
.i-news li .i-fa img{width:200px;height:104px;}
.i-news li .i-fb h3{font-size:16px;margin-bottom:5px;}
.i-news li .i-fb h3 a{color:#333}
.i-news li .i-fb samp{font-size:12px;color:#999;line-height:26px;}
.i-news li .i-fb p{font-size:14px;color:#333;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.i-news li .i-fb h3:hover a{color:#da2b2b}
.i-ff{text-align:center;font-size:20px;margin:20px 0 15px;font-weight:bold;color:#333}
.i-fg{text-align:center;font-size:12px;color:#666;border-bottom:1px solid #E8E8E8;padding-bottom:20px;}
.i-fg p{display:inline-block;padding:0 10px;}
.i-fg b{ font-weight:normal;}
.i-fh{font-size:14px;line-height:26px;color:#333;margin:20px 0 20px;}
.i-fh p{ text-indent:2em;}
.i-fh img{max-width:100%;}

/*人才招聘*/
.de{font-size:14px;line-height:26px;color:#666;width:100%;margin:0 auto 30px;}
.de h4{color:#da2b2b;margin-bottom:30px; text-indent:2em;}
.de .dp{font-size:18px;line-height:32px;color:#333;}
.de b{color:#333}
.dea{width:100%;margin:0 auto 30px;font-size:14px;color:#F00}
/*联系我们*/
.conct{margin:30px 0 40px;font-size:16px;line-height:40px;color:#666}
.conct h3{font-size:26px;}













@media screen and (max-width:1200px){
/*头部*/
.tobu{width:85%;}
/*logo*/	
#logo{width:85%;}
.logoy li{padding:0 15px;}
.logoimg1{display:none}
.logoimg2{display:block;}
/*搜索*/
#sosuo{width:85%;}
.sosuoy{width:50%;margin-right:0;}

/*服务领域*/
#ser{width:85%;}
.sert{line-height:22px}

/*合作*/
.coo{width:85%;}
/*尾部*/
.divbottom{width:85%;}
/*标题*/
.uya,.ws,.tit,.trr{width:85%;}
/*框架*/
.i-u{width:85%;}
/*上下*/
#arr{width:85%}

/*品牌*/
.de{width:100%;}




	}
	
@media screen and (max-width:980px){
/*头部*/
#tobu{display:none}
/*logo*/
.logoj{display:block;}
#logo{width:100%;position:fixed;top:0;left:0;background:#FFF;z-index:500;}
.logoy{position:absolute;top:0;left:0;z-index:500;text-align:center;width:100%;background:#00c6f4;padding-top:50px;display:none;}
.logoy li{width:100%;padding:0;line-height:50px;}
.logoy li a{color:#FFF;}
.zhz{display:block}
.logoimg1{display:block;}
.logoimg2{display:none;}

.logoy li:first-child{display:block;}

/*搜索*/
.sosuoz{width:60%;}
.sosuoy{width:40%;}
.sot{width:280px;}
.sot input{width:200px;}

/*服务领域*/
#ser{width:92%;}
#ser li{width:46%;padding:0;}
#ser li:nth-child(1){margin-right:8%}
#ser li:nth-child(2){margin:0}
#ser li:nth-child(3){display:none;}

/*合作*/
.coo{width:92%;}
/*尾部*/
.divbottom{width:92%;}
.mqa li{max-width:15%;}

/*大图*/
.datu    {margin-top: 90px;}
/*标题*/
.uya,.ws,.tit,.trr{width:92%;}
/*框架*/
.i-u{width:92%;}
.i-uya{display:none;}
.i-uzuo{width:100%;float:none}
.i-uyou{width:100%;float:none;margin:0;}

.i-uzs{width:100%;border:0;font-size:0;text-align:center;}
.i-uzs li{width:23%;margin:10px 1%;background:#1986c7;display:inline-block;font-size:14px;}
.i-uzd{display:none;}
/*上下*/
#arr{width:92%}
/*公司简介*/

.i-abo img{width:100%;margin-right:0;margin-bottom:10px;}
/*产品展示*/




	}

@media screen and (max-width:780px){
/*logo*/
#logo{height:50px}
.logoz img{height:50px}
.zhz{margin-top:0;}
.logoj{display:none;}
/*搜索*/
.sosuoz{display:none;}
.sosuoy{width:100%;margin-bottom:20px;}
.sot{width:100%;border-bottom:1px solid #CCC;}
.sot input{border:0;padding-left:10px;width:60%;}
/*标题*/
.biaot{font-size:20px;margin-top:20px;text-align:center;border-bottom:1px solid #E4E4E4;padding-bottom:10px}
.biaot a{color:#333}

/*服务领域*/
#ser li{width:100%;margin-bottom:20px}
#ser li:nth-child(2){margin:0 0 20px 0;}

#ser{width:92%;margin-bottom:20px;}

/*合作*/
.coo{margin:20px auto;}
.cooq{display:none;}
.marqueeleft{width:100%;border:0;}
.marqueeleft li{width:150px;}
#coo{display:block;}
/*尾部*/
.mq,#divbottom,.mwb{display:none;}
.mwa{width:100%;}
.mqa li:first-child{display:block;}
/*大图*/
.datu{margin-top:50px;height:auto;}
/*公司简介图*/
.datu1{background:url();}
.img1{display:block;width:100%;}
/*框架*/

.i-uzs li{width:48%;margin:10px 1%;}
.i-uza{line-height:40px;}
/*上下*/
#arr{width:98%;font-size:14px;}

/*品牌*/
.gaa{width:100%;}
.gab{width:100%;margin-left:0;}

.bra li{width:48%;}
.conct h3{font-size:22px;}
.conct{margin-top:0px;}


	

	}
@media screen and (max-width:350px){
/*标题*/
.dax{width:100%;}
	}
@media screen and (max-width:550px){
/*新闻*/
.i-news li .i-fa{display:none}
.i-news li .i-fb{width:100%;}
	}