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

/* 平板电脑布局: 320px 至 374px。样式继承自: 移动设备布局。 */
@media (min-width: 320px) and (max-width:374px) {
	html,body{font-size:75%;}
	
}

/* 平板电脑布局:375px 至 413px。样式继承自: 移动设备布局。 */

@media (min-width: 375px) and (max-width:479px) {
	html,body{font-size:100%;}
}

/* 平板电脑布局:414px 至480px。样式继承自: 移动设备布局。 */
@media (min-width: 414px) and (max-width:479px) {
	html,body{font-size:100%;}

}

/* 桌面电脑布局: 481px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media (min-width: 480px) {
	html,body{font-size:150%;}

}

@font-face {
 font-family:'bookman_demi';
 src:url('fonts/bookman_demi-webfont.eot');
 src:url('fonts/bookman_demi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bookman_demi-webfont.woff') format('woff'), url('fonts/bookman_demi-webfont.ttf') format('truetype'), url('fonts/bookman_demi-webfont.svg#bookman_demi-webfont') format('svg');
 font-weight:normal;
 font-style:normal;
}
@font-face {
font-family: 'iconfont';
 src: url('fonts/iconfont.eot'); /* IE9*/
 src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family:"iconfont" !important;
	font-style:normal;
}
	
/*全局样式*/
body,html{ margin:0; padding:0; font-family:"Microsoft YaHei";}
.phone{width:100%; max-width:640px; color:#333333; margin:auto; font-size:14px;font-family:Microsoft YaHei, Arial;line-height:1.5; padding:0; overflow:hidden; padding-bottom:50px; }
div,span,h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{ margin:0; padding:0; list-style:none;vertical-align:baseline;}
.clear{ clear:both;}
a { color:#333333; text-decoration:none;}
a:hover { color:#333;}
img {
	border:0 none;
	vertical-align:top;
	width:100%;
	height:auto;
}
i, em {
	font-style:normal
}
.tpright{ float:right;}
.tpleft{ float:left;}
.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
input{ outline:none;-webkit-appearance: none;}
textarea{resize:none}

.h_foot{ background:#2d567c; padding-top:20px; padding-bottom:15px; text-align:center; color:#b4b4b4;}
.h_foot img{ display:block; width:100px; margin:0px auto;}

.phone-header{width:100%; background:#2d567c; max-width:640px;height:45px;font-size:12px;padding:0; position:relative; margin:auto; text-align:center; position:fixed; top:0px; z-index:100}
.menu_btn {
	padding:0px;
	right:0px;
	bottom:0px;
	position:absolute; 
}
.menu_btn a {
	color:#fff;
	float:left;
	font-size:14px;
	display:block; height:45px; line-height:45px;width:80px;text-align:center; position:relative;
}
.menu_btn a.cur { color:#ebdd96;
 
}
.logo {
	position:absolute;
	left:2%; top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.logo a{display:block; line-height:normal;}
.logo a img{width:90px;}
.menu_btn a.downmenu { width:43px;
	font-size:20px; background:#234260;
	position:relative; margin-left:5px;
	color:#fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.menu_btn a.downmenu font{ font-size:14px;display:block;}

.phone_midd{ background:#f8f8f8; padding-top:65px; overflow:hidden; padding-bottom:30px;}
.phone_midd:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}

.brand_one{ width:95%; margin:0px auto 15px; background:#fff; padding-top:15px; padding-bottom:15px; overflow:hidden;}
.brand_one .tp{ width:40%; margin-left:3%; float:left;}
.brand_one .tp img{width:100%; height:auto;}
.brand_one .nr{ width:50%; margin-right:3%; color:#515151; float:right;}
.brand_one .molEllipsis{-webkit-line-clamp:3;}

.brand_two{width:95%; margin:0px auto 15px; overflow:hidden;}
.brand_two:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.br_left{ width:15%; float:left;}
.br_left span.ts{ display:block; text-align:center; line-height:28px; width:48px;}
.br_right{ width:82%; float:right;}
.classlist a{ display:block; float:left;line-height:26px; width:22%; border:1px #dce2e8 solid; text-align:center; background:#fff; margin-right:2%; margin-bottom:7px; }
.br_left span.ts a{width:100%;}
.classlist a.cur{ background:#234260; color:#fff;}

.pro_one{margin:0px auto;}
.pro_one:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.pro_one ul{ padding-bottom:10px;}
.pro_one ul li{ width:46%;  overflow:hidden; float:left; background:#fff; margin-left:3%; margin-bottom:18px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#eae9e9,direction=120,strength=3);/*ie*/
-moz-box-shadow: 1px 1px 10px #eae9e9;/*firefox*/
-webkit-box-shadow: 1px 1px 10px #eae9e9;/*safari或chrome*/
box-shadow:1px 1px 10px #eae9e9;/*opera或ie9*/}
.pro_one ul li a{ display:block; padding-bottom:8px;}
.pro_one ul li a .tp{ padding-top:70%; background-size:cover; margin-bottom:7px;}
.pro_one ul li a .bt{ width:90%; margin:0px auto;text-align:center; color:#2d2d2d; font-size:16px; line-height:30px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; }
.pro_one ul li a .nr{ width:90%; margin:0px auto 6px; text-align:center; color:#9c9c9c; font-size:14px; line-height:22px; height:44px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.pro_one ul li a .more{ width:30px; height:25px; background:url(../images/pjt.png) center no-repeat; margin:0px auto;}

.fany{ overflow:hidden; margin:0px auto;}
.fany ul li{ float:left; text-align:center; width:30%; margin-left:3%;}
.fany ul li a{ display:block; line-height:2.5; background:#fff; border-radius:5px; border:1px #e3e3e3 solid; }
.fany ul li a.ts{ width:80%; margin:0px auto; border-radius:7px; border:1px #e3e3e3 solid; text-align:left; padding-left:15%; color:#a5a5a5;background:#fff url(../images/prlist_09.png) 75% center no-repeat; background-size:15%;}

.foot{ background:#2b3946; padding-top:7%; overflow:hidden; padding-bottom:30px;}
.c_ssk{ width:80%; margin:0px auto 5%; height:40px; border:1px #818f9b solid; border-radius:10px;}
.c_ssk .tpl{ width:70%; float:left; margin-left:3%;}
.c_ssk .tpl .bd1{ width:95%; padding-left:3%; height:38px; line-height:38px; border:0px;font-family:"Microsoft YaHei"; background:none;color:white;}
.c_ssk a.tpr{ width:16%; float:right; height:39px; line-height:39px; border-left:1px #818f9b solid; display:block; color:#cdcdcd; background:url(../images/sst.png) 10% center no-repeat; background-size:25%; padding-left:10%;}
.dbmenu{ text-align:center; color:#d4d4d4; margin-bottom:3%;}
.dbmenu a{ color:#d4d4d4; }
.copyr{ text-align:center; color:#818a92; font-size:0.8em;}
.dbfoot{ background:#fff;position:fixed;max-width:640px;width:100%; bottom:0px; z-index:100}
.dbfoot ul li{ width:25%; float:left; text-align:center; padding-top:8px; height:63px; padding-bottom:5px;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;}
.dbfoot ul li a{ color:#848484; font-size:14px;}
.dbfoot ul li a img{ display:block; margin:auto auto 4px; width:26px; height:26px;}
.brand_three{ text-align:center; color:#b4b4b4;font-size:17px; margin-bottom:15px;}
.brand_three span{ color:#2d567c; font-size:23px; font-weight:bold;}

.brand_four{ width:95%; margin:0px auto;}
.brand_four ul li{ background:#fff; padding-bottom:18px; margin-bottom:23px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#eae9e9,direction=120,strength=3);/*ie*/
-moz-box-shadow: 1px 1px 10px #eae9e9;/*firefox*/
-webkit-box-shadow: 1px 1px 10px #eae9e9;/*safari或chrome*/
box-shadow:1px 1px 10px #eae9e9;/*opera或ie9*/}
.brand_four ul li .tp{ padding-top:50%; background-repeat:no-repeat; background-size:cover; margin-bottom:15px; position:relative;}
.brand_four ul li .tp a{ display:block; position:absolute; height:100%; width:100%; top:0; left:0;}
.brand_four ul li .bt{ width:90%; margin:0px auto 12px;}
.brand_four ul li .bt a{ display:block; font-size:18px;line-height:22px; color:#383838;}
.brand_four ul li .bt a .xh{ display:block; float:left; color:#2d567c; font-size:20px; border-bottom:1px #2d567c solid; margin-right:7px; font-weight:bold; }
.brand_four ul li .bt a .more{ display:block; width:35px; height:22px; background-image:url(../images/pjt.png); background-repeat:no-repeat; background-size:100%; float:right;}
.brand_four ul li .nr{-webkit-line-clamp:2; width:90%; margin:0px auto; color:#919191;}

.brand_four ul li:last-child{ margin-bottom:0px;}

.show1{ width:95%; margin:0px auto 15px; position:relative;}

.show1 .bnl, .show1 .bnr{width:40px; height:40px; display:block; position:absolute;top:50%; margin-top:-20px; background:url(../images/cphd.png) no-repeat; z-index:100 }
.show1 .bnl{ left:10px;}
.show1 .bnr{ right:10px;background-position:-40px 0px;}

.show2{width:95%; margin:0px auto 30px; }
.show2 .bt{  margin:0px auto 5px; color:#2d567c; font-size:18px; }
.show2 .nr{ color:#616161;margin:0px auto;}
.show3{ margin-bottom:35px;}
.show4{ margin-bottom:20px;}

.pr_four{ width:95%; margin:0px auto 30px; color:#737373; overflow:hidden;}
.pr_four img{ width:auto; max-width:100%;}
.show7{ width:95%; margin:0px auto 12px;}
.show7 .tpleft{ background:url(../images/ltt_11.jpg) left no-repeat; line-height:35px; font-size:21px; color:#333; padding-left:10px;}
.show7 a.mor1{ width:80px; line-height:30px; text-align:center; color:#2d2d2d; display:block; float:right; border:1px #d9d9d9 solid;}

.show8{ margin-bottom:10px;}
.show8:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}

.show8 ul li{ width:46%; float:left; background:#fff; margin-right:2%;margin-left:2%;}
.show8 ul li a{ display:block; padding-bottom:15px;box-shadow:2px 2px 2px 0px #eeeaea; -webkit-box-shadow:2px 2px 2px 0px #eeeaea; 
}
.show8 ul li a .nrjs{ width:90%; margin:0px auto; padding-top:22px;}
.show8 ul li a .nrjs .bt{ line-height:24px; color:#2d2d2d; font-size:16px; display:block; margin-bottom:6px; height:24px;}
.show8 ul li a .nrjs .bt .gd{ width:22px; height:22px; line-height:22px; text-align:center; color:#adadad; font-size:14px; border:1px #dedede solid; display:block; float:left; border-radius:12px; margin-left:10px; font-family:"新宋体"; font-weight:bold;}
.show8 ul li a .nrjs .nr{ color:#adadad; font-size:14px; line-height:22px; overflow:hidden; height:22px;}
.show8 ul li a .tp{ background-size:cover; padding-top:70%;}

.br_nr{ width:90%; margin:0px auto 30px; color:#6b6b6b; text-align:center;}

.cj_zd{ background:#fff; border-bottom:1px #eeeeee solid; border-top:1px #eeeeee solid; padding-top:20px; padding-bottom:20px; margin:0px auto 20px;}

.cj_one{ width:90%; margin:0px auto;}
.cj_one .tp{ margin-bottom:10px;}
.cj_one .tp img{ width:auto; max-width:100%;}
.cj_one .nr{ color:#7b7b7b;-webkit-line-clamp:4;margin-bottom:15px;}

.cj_two{ overflow:hidden; width:95%; margin:0px auto 20px;}
.cj_two ul li{ float:left; width:30%; float:left; margin-left:3%;}
.cj_two ul li a{ display:block; color:#515151;}
.cj_two ul li a .tp{ background-repeat:no-repeat; background-size:cover; padding-top:70%; margin-bottom:8px;}
.cj_two ul li a:hover{ color:#2d567c;}

.cj_three{ text-align:center; width:120px; margin:0px auto; line-height:35px; border:1px #2d567c solid; border-radius:5px;}
.cj_three a{ color:#2d567c;}
.ny_banner{ margin-top:45px; margin-bottom:25px;}
.about_one{ width:95%; margin:0px auto 30px; color:#454545; line-height:25px;}


.about_bt{ text-align:center; font-size:25px; line-height:38px; color:#3f3f3f;}
.about_one .about_bt{ margin-bottom:5px;}
.about_one .nr { color:#646464;}
.about_one .nr p{ margin-bottom:10px;}

.clpart1{ text-align:center; margin-bottom:15px;}
.clpart1 .bt{ color:#2d567c; font-size:24px; font-weight:bold;}
.clpart1 .js{ color:#6c6c6c; font-size:14px;}
.about_two{ width:95%; margin:0px auto 30px; color:#6a6a6a; font-size:13px;}
.about_two .bt{ color:#2d567c; font-size:19px; font-weight:bold;}
.about_two .jzg{}

.rcbz{ background-image:url(../images/about_10.jpg); background-repeat:no-repeat;  padding-bottom:15px; background-size:cover; padding-left:10px;}

.about_three{ background:#f5f5f5; padding-top:25px; padding-bottom:35px; margin-bottom:30px;}
.about_five{ width:95%; margin:0px auto;}
.about_six{ width:95%; margin:0px auto 30px;}
.about_six ul li{ clear:both; margin-bottom:12px; background:#f8f8f8; overflow:hidden;}
.about_six ul li .tp{ width:40%; float:left; background-repeat:no-repeat; background-size:cover; padding-top:34%;}

.about_six ul li .nrjs{-webkit-line-clamp:4; float:right; width:52%; margin-right:3%; color:#717171; padding-top:10px;}

.ab_eight{ width:100%;  overflow:hidden; margin-bottom:20px;}
.ab_eight ul li{ color:#838383; font-weight:bold;float:left; width:30%; margin-left:2%; margin-right:1%;  margin-bottom:3%;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; text-align:center;}
.ab_eight ul li .tp{background-repeat:no-repeat; padding-bottom:45%; margin-bottom:5%; background-size:cover; border:1px #e9e9e9 solid; display:block;}
.con_middle{ width:95%; margin:30px auto auto;}
.c_bt{ color:#454545; font-size:20px; margin-bottom:2%; line-height:22px;}
.c_bt .eng{ font-size:18px; color:#d1d1d1;}
.c_js{ color:#454545; margin-bottom:5%;}
.c_dit{ margin-bottom:8%;}

.telus{ color:#202020; margin-bottom:7%;}
.telus td{ padding-bottom:5%;}
.telus td.ts{ padding-left:5%;}
.telus td img{ width:auto;}

.case_three{ margin-bottom:20px;}
.case_three ul li{ clear:both; border-bottom:1px #e3e3e3 solid; padding-top:4%; overflow:hidden; padding-bottom:4%;}
.case_three ul li .nrjs{ width:57%; float:left; margin-left:3%;}
.case_three ul li .tp{ width:35%; float:right; margin-right:3%; background-size:cover; padding-top:20%;}
.case_three ul li .nrjs .bt a{ display:block; color:#454545;overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:2%;}
.case_three ul li .nrjs a.more{ color:#2d567c;}


.newshow{ width:95%; margin:25px auto auto;}
.newshow .s_bt{ border-bottom:1px #e7e7e7 solid; padding-bottom:1%; margin-bottom:5%;}
.s_bt .bgt{ color:#343434; font-size:18px; margin-bottom:1px;}
.s_bt .laiy{ color:#454545; }
.newjs{ color:#474747; line-height:1.7; overflow:hidden;}
.newjs .img{ width:auto; max-width:100%; height:auto;}
.newjs p{ margin-bottom:15px;}
.zrbj{ color:#7e7e7e; padding-top:2%; font-size:13px;}

.fany1 {border-left:3px #2d567c solid; background:#f4f4f4; padding-top:10px; padding-bottom:10px; margin-bottom:7%;}
.fany1 ul li{ clear:both;line-height:35px; height:35px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; padding-left:3%;}
.fany1 ul li a{ line-height:35px; color:#414141;}
.fany1 ul li .t{ margin-right:15px;}

.goback{ width:50%; background:#2d567c; margin:2% auto 7%; border-radius:20px; line-height:36px; text-align:center; color:#fff; display:block;}

.y_cc{ position:absolute; right:15px; top:15px;}
.y_cc img{ width:15px; height:auto;}
.dh_menu{ width:80%; margin:0px auto; padding-top:25px;}
.dh_menu ul li a{ font-size:16px; color:#fff; line-height:16px; display:block; border-bottom:1px #193855 solid; padding-top:20px; padding-bottom:20px;}
.dh_menu ul li a img{ height:16px; width:auto;}
.dh_menu ul li:last-child a{border-bottom:2px #193855 solid;}
.downmenu_list{ position:fixed; width:100%; height:100%; top:0; left:0;background:#2d567c; z-index:200;transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:all .5s;-webkit-transition:all .5s;}
.downmenu_list.active{transform:translateY(0);-webkit-transform:translateY(0);}
.downmenu_list .phone-header{ position:relative;}