@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;  font-family:"Microsoft YaHei";}
ul, li{ list-style:none; padding:0px; margin:0px; list-style-type:none; font-family:"Microsoft YaHei";}
/*基本信息*/
body,td,th{ font-size:14px; font-family:"Microsoft YaHei";}
body{ margin:0px; padding:0px; font-family:Microsoft YaHei,Arial; background:#fff;}
img{ border:none}
a{ text-decoration:none;color:black;}
a:hover{ color:#cca000}
i{ font-style:normal}
b{ font-weight:normal}
select{ vertical-align:middle;}
button, input, select, textarea{ font-size:100%; margin:0; outline:0 none; vertical-align:middle;}
textarea{ overflow:auto; vertical-align:top; resize:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"], .submit-btn{ -webkit-appearance:button; cursor:pointer; *overflow:visible;}
button[disabled], input[disabled], .disable{ cursor:default;}
input[type="checkbox"], input[type="radio"], .form-radio, .form-checkbox{ box-sizing:border-box; padding:0;}
legend{ border:0; padding:0; white-space:normal; *margin-left:-7px;}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
a,input, button, select, textarea{ outline:none;}
.clear{ clear:both;}
input{ box-sizing:inherit;}
fieldset{ border-width:1px 0 0 0; border-style:solid; padding:0 10px 0 18px; border-color:#bebec0}
legend{ padding:0 5px; font-size:13px; font-weight:bold}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:normal; font-size:30px; color:#292929;}
::-moz-focus-inner{ border:0px;}
@font-face {
    font-family: 'swis721 lt bt';
    src: url('../font/swis721 lt bt.ttf');
    font-weight: normal;
    font-style: normal;
}

/*-头部--banner-*/
.header{ width:100%;height:95px;overflow:hidden; margin:0 auto; background-color:#fcfcfc;}
.top{ width:1200px; margin:0 auto}
.logo{ width:258px; height:95px;float:left;}
.logo img { float:left;}
.top_nav{ width:800px; height:95px; float:right;}
.top_nav li{width: auto; height:95px; line-height:95px; float:left; padding-right:30px; padding-left:20px; background:url(../img/images/index_05.jpg) center right no-repeat;}
.top_nav a{ color:#666; font-size:16px;}
.top_nav a:hover{ color:#0093dd;}
.nava{color:#0093dd;}
/*-服务项目-*/
.project_bg{ width:100%; height:470px; margin-top:80px;}
.project{ width:1200px; height:470px; margin:0 auto;}
.project_top{ width:100%; height:auto;}
.project_top_title{ width:100%; font-size:30px; font-family:"microsoft yahei"; text-align:center; color:#111; line-height:50px;}
.project_top_content{ width:600px; font-size:14px; font-family:"microsoft yahei"; text-align:center; color:#999; line-height:25px; height:40px; margin:0 auto;}
.project_bottom{ width:100%; height:auto; margin-top:50px;}
.project_bottom_con{ width:375px;height:240px;float:left;overflow:hidden; margin-right:34px;}
.project_bottom_con li{ text-align:center;}
.project_bottom_con_p1{ width:375px;height:240px; position:relative; z-index:1;}
.project_bottom_con_p2{ width:375px; height:50px; line-height:50px; position:relative; z-index:2; margin-top:-150px; font-size:18px; color:#fff; background-color:rgba(0,0,0,0.4);transition: 0.7s;}
.pro_img{ display:block;opacity:0;filter:alpha(opacity=0); margin-left:170px; height:0; transition: 0.5s; }
.project_bottom_con:hover .project_bottom_con_p2{width:375px; height:175px; line-height:50px; position:relative; z-index:2; margin-top:-240px; font-size:18px; color:#fff; background-color:rgba(0,0,0,0.4); padding-top:65px;transition: 0.7s; }
.project_bottom_con:hover .pro_img{ display:block;opacity:1;filter:alpha(opacity=100); height:34px; margin-left:170px;transition: 0.5s; }
/*--公司简介--*/
.about_bg{ clear:both; overflow:hidden; width:100%; height:570px; background-color:#eef3f7;}
.about{ width:1200px; height:430px; margin:70px auto;}
.about_left{ width:520px; height:280px; float:left; box-shadow:0px 5px 10px rgba(0,0,0,.2); margin-top:50px;}
.about_right{width: 615px; height:280px; float:right; margin-top:50px;}
.tt2 { clear:both;width:615px;height:270px;overflow:hidden; line-height:25px; color:#666; font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11;}

/*--成功案例--*/
.case_bg{ width:100%;height:505px; margin-top:80px; overflow:hidden;}
.case{ width:1200px; height:auto;overflow:hidden; margin:0 auto;}

.product{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}
.product li{ width:280px; height:auto; float:left; margin:0px ; margin-right:26px;  position:relative;}
.p_title{width:280px;height:50px;overflow:hidden; line-height:50px; color:#111; font-size:18px; font-family:"microsoft yahei";text-overflow:ellipsis;white-space: nowrap;}
.p_con{ width:280px;height:50px;overflow:hidden; line-height:25px; color:#999; font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.product li:hover .p_pic {transition: 0.4s; box-shadow:0px 5px 10px rgba(0,0,0,.3);}
.product li:hover .p_title{color:#028fe7;}

.case_nav{ width:600px;height:36px;overflow:hidden; margin:30px auto;}
.case_nav ul li{ height:34px; float:left; padding:0 23px; margin:0 22px; border-radius:20px; border:1px solid #0097e0; color:#0097e0; line-height:34px; font-size:15px; font-family:"microsoft yahei"; position:relative; text-align:center}
.case_nav ul li:hover,.case_nav ul  .cur{ background-color:#0097e0; font-size:15px; font-family:microsoft yahei; color:#fff; cursor:pointer}



/*--联系我们--*/
.contact_bg{ clear:both; width:100%; height:310px; overflow:hidden;}
.ditu{ width:50%; height:310px; float:left;}
.contact{ width:50%; height:310px; float:left; background-color:#028fe7;}
.contact ul{ width:100%; height:30px; margin-left:80px; margin-top:20px;}
.contact_tb{ width:30px; height:30px; float:left; margin-right:15px;}
.contact_con{ width:450px; height:30px; line-height:30px; font-size:16px; color:#fff; float:left;}

/*--合作伙伴--*/
.partner{ width:1200px; height:305px; overflow:hidden; margin:80px auto 0 auto;}
.partner_con{ width:1200px; height:80px; margin:30px auto 0 auto;}
.partner_con li{ width:190px; height:80px; float:left; margin-right:10px;}
.partner_con li img{ width:190px; height:80px;}



/* qqshop focus */
#focus {width:1200px; height:500px; overflow:hidden; position:relative;}
#focus ul {height:500px; position:absolute;}
#focus ul li {float:left; width:1200px; height:500px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1200px; height:20px; left:0; bottom:0; }
#focus .btn {position:absolute; width:1200px; height:10px; padding:5px 10px; right:10px; bottom:15px; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:220px; background:url(../img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

.honor{ width:1200px; margin:30px auto;}
.h_left{ float:left; cursor:pointer}
.h_right{ float:righ; cursor:pointer}



.foot_coinbg{ width:100%; height:auto; overflow:hidden; border-top:1px solid #ebebeb; padding-top:30px}
.foot_coin{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.foot_cointt{ width:1200px; text-align:center; font-size:24px; color:#666;font-family:"宋体"; padding-bottom:20px;}
.foot_cointt i{ color:#ed2e2e}
.foot_coinc{ width:1050px; height:auto; overflow:hidden; margin:10px auto 30px;}
.foot_coinc a.a1{ display:block; float:left; width:25%; background:url(../img/foot_01.png) no-repeat 0px 0px; }
.foot_coinc a.a2{ display:block; float:left; width:25%; background:url(../img/foot_02.png) no-repeat 0px 0px; }
.foot_coinc a.a3{ display:block; float:left; width:25%; background:url(../img/foot_03.png) no-repeat 0px 0px; }
.foot_coinc a.a4{ display:block; float:left; width:25%; background:url(../img/foot_04.png) no-repeat 0px 0px; }
.foot_coinc a i{ font-size:16px; color:#333; padding-left:78px;line-height:61px;}
.foot_coinc a:hover i{color:#e20000}


.foot_bg{ width:100%; height:auto; overflow:hidden; background-color:#3f414f;}
.foot{ width:1200px; height:215px; overflow:hidden; margin:0 auto; }
.foot_left{ width:1200px; float:left; overflow:hidden; margin-top:25px;}
.one{ width:178px; height:140px; float:left; margin:0 10px; border-left:1px solid #535461;}
.sortName{ width:178px; height:40px; line-height:40px; color:#fff; font-size:16px; margin-bottom:15px; text-align:center;}
.list_songti{width:178px; height:auto; overflow:hidden; text-align:center;}
.list_songti_li{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#aaa; font-size:14px;}
a:hover .list_songti_li{ color:#028fe7;}


/*product*/
.con_bgp{ width:100%; height:auto; overflow:hidden; margin-top:10PX; padding:0px 0px 25px 0px;}
.main_con{ width:1200px; height:auto; margin:0 auto; overflow:hidden}
.location{ width:100%; line-height:40px; color:#333; font-size:14px;}
.location a{ color:#333}
.product_con{ width:1200px; height:auto; overflow:hidden; margin:10px auto; background-color:#fdfdfd}
.product_conleft{ width:400px; height:400px; text-align:center; float:left}
.product_conrig{ width:740px; height:auto; overflow:hidden; float:left; padding-left:30px; padding-right:30px;}
.product_conrig p.p1{ font-size:26px; font-family:"宋体"; color:#333; padding-top:45px;}
.product_conrig p.p2{ height:40px; font-size:14px; color:#666; background:url(../img/line.png) no-repeat left bottom; margin-bottom:25px; padding-top:6px;}
.product_conrig p.p3{ font-size:14px; color:#666; line-height:28px;}
.product_conrig:hover p.p1{color:#ed3030}
.product_botom{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.product_botom span a{ display:inline-block; float:left; background-color:#ed3030; font-size:16px; color:#fff; text-align:center; padding:10px 52px; border-radius:30px;}
.product_botom i{ display:inline-block; float:right;}
.bdsharebuttonbox{ margin-top:8px;}
.prod_con{ border-top:1px solid #ededed; padding-top:25px; text-align:center; font-size:19px; color:#555; margin-top:40px;}
.product_view{ width:1200px; height:auto; overflow:hidden; margin:20px auto;}
.p_more{ width:1200px; height:auto; overflow:hidden; margin:35px auto; margin-top:0px; min-height:350px;}
.p_more ul li{ width:373px; float:left; margin-top:35px; margin-left:40px;}
.p_more ul li a .p_pic{ width:100%; height:auto; overflow:hidden; text-align:center; }
.p_more ul li a .p_pic img{ width:100%; height:250px;}
.p_more ul li a p{ font-size:14px; color:#333; padding-top:15px; text-align:center; line-height:35px;}
.p_more ul li.li1{ border-left:none; margin-left:0;}
.p_more ul li:hover a p{ color:#ed3030}

.left-box{width: 1200px; margin:0 auto;}

/*顶部弹出框*/
#yysjsAlertBg{width:100%; height:auto; overflow:hidden; position:absolute; left:0px; top:0px; z-index:99997; background:url(../images/bgn49.png) repeat; display:none;}
#yysjsAlert{width:530px; height:370px; overflow:hidden; background:#fff; border:3px solid #E8E8E8; position:fixed; left:50%; top:50%; margin-left:-265px; margin-top:-185px; -index:99999; display:none;}
#yysjsAlert .sortName{width:530px; height:40px; overflow:hidden; margin-top:30px; text-align:center; line-height:40px; font-size:18px; color:#363636;}
#yysjsAlert .ms{width:530px; height:25px; overflow:hidden; margin-top:9px; text-align:center; line-height:25px; color:#979797;}
#yysjsAlert .close{width:23px; height:23px; overflow:hidden; position:absolute; right:15px; top:15px; background:url(../images/bgn50.jpg) no-repeat; cursor:pointer;}
#yysjsAlert .form{width:316px; height:250px; overflow:hidden; position:absolute; left:96px; top:120px;}
#yysjsAlert .form ul{list-style:none;}
#yysjsAlert .form ul li{width:325px; height:40px; overflow:hidden;}
#yysjsAlert .form span{width:70px; height:40px; overflow:hidden; display:inline-block; float:left; text-align:right; line-height:40px;}
#yysjsAlert .form input{margin:0px; padding:0px; padding-left:5px; border:none; background:none; margin-top:6px; width:244px; height:28px; overflow:hidden; line-height:28px; border:1px solid #E9E9E9;}
#yysjsAlert .form .btns a{width:110px; height:30px; overflow:hidden; position:absolute; left:70px; top:170px; background:#646464; line-height:30px; text-align:center; font-size:14px; color:#fff; text-decoration:none;}
#yysjsAlert .form .btns a:hover
{background:#000;}



/*-首页banner-*/
#viewport {position: relative;width: 100%;}
.view-content,.view-img, .slide {margin:0;padding:0;height:465px;width: 100%;}
/*@media (max-width: 1400px) { .view-content,.view-img, .slide{ height:360px; }}*/
#viewport .slide {left:0;background-repeat:no-repeat;background-position:center center;}
#viewport .slide a {display:block;position:absolute;width:1200px;height:100%;top:0;left:50%;margin-left:-485px;}
.view-content {overflow: hidden;text-align:center;}
/* line 37, sass/screen.scss */
#controls {overflow: hidden; *zoom:1;}
/* line 44, sass/screen.scss */
#controls li {display: inline;float:left;width:33%;text-align:center;}
/* line 48, sass/screen.scss */
.goto-slide {  }
/* line 62, sass/screen.scss */
/* line 66, sass/screen.scss */
/*#next, #prev {*/
    /*position: absolute;*/
    /*top: 50%;*/
	/*margin-top:-50px;*/
    /*width: 80px;*/
    /*height: 100px;*/
    /*background: url(../img/viewport-button.png) 0 0 no-repeat;*/
    /*display: block;*/
	/*z-index:10;*/
/*}*/
#next {right:0;background-position:-80px 0;}
#prev {left:0;background-position:0 0;}
/* line 78, sass/screen.scss */
#next:hover { background-position:-80px -100px; }
#prev:hover { background-position:0 -100px; }
.view-controls {position:absolute;bottom:20px;left:50%;background: url("../img/banner_nav_bg.png") no-repeat;width:152px;height:35px;line-height: 35px;margin-left:-76px;}
.view-controls a {
	display:inline-block;
	background-color:transparent;
	border:2px solid #fff;
	width:10px; height:10px;
	-moz-border-radius:50%;      /* Gecko browsers */
    -webkit-border-radius: 50%;   /* Webkit browsers */
    border-radius:50%;  
	overflow:hidden;
	margin:10px 0 0 10px;
	/*border:solid white 2px;*/
	-webkit-transition: border-color 350ms ease;
	-moz-transition: border-color 350ms ease;
	-o-transition: border-color 350ms ease;
	-ms-transition: border-color 350ms ease;
	transition: border-color 350ms ease;
	transition: border-color 350ms ease;
}
/*.view-controls a:hover,*/
.view-controls a.active  { background-color:#fff; width:10px; height:10px; }



/*---首页新闻翻页---*/

.blk_l {
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative
}

.rollphotos {
	WIDTH: 1200px; margin:0 auto;
}
.Cont {MARGIN: 0px auto;OVERFLOW: hidden;WIDTH: 1150px;}
.box {FLOAT: left; TEXT-ALIGN: left; height:400px;}
.LeftBotton {
	FLOAT: left;
	WIDTH: 23px;
	CURSOR: pointer;
	POSITION: absolute;
	HEIGHT: 32px;
	background-image: url(../img/z_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	top: 110px;
	left: 0px;
}
.RightBotton {
	RIGHT: 0px;
	FLOAT: right;
	WIDTH: 23px;
	CURSOR: pointer;
	POSITION: absolute;
	TOP: 110px;
	HEIGHT: 32px;
	background-image: url(../img/z_right.png);
	background-repeat: no-repeat;
	background-position: center center;
}