/*初使化css*/
* {padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; -webkit-text-size-adjust:100%; }
body {font-family: "microsoft yahei","Open Sans", Arial, Helvetica, sans-serif; }
li { list-style-type: none; list-style-image: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { text-decoration: none; }
img { border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px; -ms-interpolation-mode: bicubic; vertical-align: middle; }
.texthidden { overflow: hidden; text-overflow: ellipsis; }/*文本溢出隐藏*/

.clear {display: block; height: 0; font-size: 0; clear: both; visibility: hidden; line-height: 0px; }/*清除浮动*/
/*头部样式开始*/
.nav_box{width:100%;}
.nav_box .nav_content{width:85%; max-width:1120px; margin:20px auto 20px; overflow:hidden}
.nav_box .nav_content .logo{width:15%; float:left}
.nav_box .nav_content .logo img{ width:147px;}
.nav_box .nav_content .nav{float:right}
.nav_box .nav_content .nav li{float:left; font-size:16px; padding:37px 10px 0px; color:#222}
.nav_box .nav_content .nav li a{ color:#222}
.nav_box .nav_content .mNav{display:none}

.scroll{ position:fixed; background-color:#fff; height:70px;
         animation:mymove 1s normal;
-webkit-animation:mymove 1s normal; /* Safari 和 Chrome */ border-bottom:solid 1px #d4d4d4
}
.scroll .nav_content{margin:10px auto 0px;}
.scroll .nav_content .logo img{width:140px;}
.scroll .nav_content .nav li{padding:17px 10px 0px;}

@keyframes mymove{
	from {margin-top:-91px}
	to {margin-top:0px}
}

.SubNav{width:100%; position:fixed; top:0; z-index:9999999;  background-color:#fff;position:fixed; background-color:#fff; height:91px;
         animation:mymove 1s normal;
-webkit-animation:mymove 1s normal;  border-bottom:1px solid #d4d4d4}
.SubNav .nav_content{width:85%; max-width:1105px; margin:10px auto 0px; overflow:hidden}
.SubNav .nav_content .logo{width:20%; float:left}
.SubNav .nav_content .nav{float:right}
.SubNav .nav_content .nav li{float:left; font-size:16px;  padding:30px 15px; color:#222}
.SubNav .nav_content .nav li a{color:#222}
.SubNav .nav_content .mNav{display:none}

#CuPlayer{max-width:760px; width:95%; margin:0 auto 30px; padding-top:20px; background-color:#000000;}

.ChildNav{background-color:#e6012c;height:38px}
.ChildNav ul{background-color:#e6012c;height:38px;max-width: 1105px; margin:0 auto;}
.ChildNav ul li{ color:#fff; font-size:14px;padding:0 20px; float:left; line-height:38px;}
.ChildNav ul li a{color:#fff}
.ChildNav .curr,.ChildNav li:hover{background-color:#434343}


.wap
{
    display:none;
}

.banner{width:100%; height:auto; position:relative;}
.banner img{width:100%; height:auto; }
.main_visual{width:100%; height:auto; position:relative;}
.main_image {width:100%; height:422px; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:422px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:422px;}
.main_image li a {display:block; width:100%; height:422px}
.main_image li picture {width:100%; height:20px;}
.main_image li img {width:100%}
div.flicking_con {}
div.flicking_con .flicking_inner {position:absolute; bottom:20px; right:40px; z-index:999;  height:21px} /* 121126 */
div.flicking_con a {float:left; width:12px; height:12px; margin-left:5px; padding:0;  background-color:#fff; border-radius:15px; display:block; text-indent:-1000px}
div.flicking_con a.on { width:20px; height:12px;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
/*#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}*/

.container{width:100%;height:auto; overflow:hidden}
.bghui{ background-color:#f8f8f8}
.container .heading{text-align:center; font-size:30px; display:table; margin:50px auto 0; color:#3e3e3e}
.container .heading a{ color:#3e3e3e}
.container h5{ text-align:center;font-size:40px; color:#ff0000; font-weight:600;line-height:2em}
.container p{ text-align:center; font-size:16px; line-height:2em; display:table;  padding: 0px 40px 0; max-width: 1150px; margin: 0 auto 20px; color:#797979}

.container .subheading{text-align:center; font-size:16px; line-height:30px; display:table;  padding: 20px 40px 0; max-width: 1129px; margin: 0 auto 20px; color:#797979}
.container h2{ text-align:center; font-size:38px;color:#ff0000;display:table; margin:20px auto 0;font-weight:600}
.container h2 a{ color:#ff0000}
.container b{color:#ff0000;font-size:30px;text-align:center; margin:0 auto; display:block; text-align:center;  max-width: 1150px; width:100%; line-height:2em;}

.container .radtxt{color:#e6022b;font-size:18px; display:block; margin-top:15px; }
.container .frad{color:#e6022b;}
.container .fangfa{width:90%; max-width: 1190px; margin:0 auto 40px;}
.container .fangfa ul{width:100%; margin-top:5%; margin-bottom:2%;}
.container .fangfa ul li{width:24.9%; opacity:0; float:left; text-align:center;margin-bottom:1%;}
.container .fangfa ul li img{width:40%;}
.container .fangfa ul li b{ font-size:18px; line-height:2.5em; display:block; color:#ff0000; margin-top:5%;}
.container .fangfa ul li span{font-size:16px; line-height:3em; display:block;color:#5d5d5d; font-style:normal;margin-top:1em;}

.container .box h6{ color:#ff0000;}
.container .box b{ width:90%; font-weight:normal; color:#797979;font-size:16px; margin-left:auto; margin-right:auto; margin-top:1em; text-align:center;}

.line{width:100%; height:1px; margin-left:auto; margin-right:auto; background-color:#CCC; margin-top:1%;}

.about{ width:90%; max-width: 1190px; margin:0 auto; padding-bottom: 60px; overflow:hidden}
.about .col{width:16.666%;  height:auto; opacity:0; margin-top:-20%; overflow:hidden; float:left;}
.about .col .box{width:100%; height:auto; text-align:center; margin-top:10%; overflow:hidden;}
.about .col .box .icon{width:40px; height: 40px; margin:0 auto 35px; background-image: url(../images/icon_about.png);}
.about .col .box .icon01{background-position: 0 0}
.about .col .box .icon02{background-position: -40px 0}
.about .col .box .icon03{background-position: -80px 0}
.about .col .box .icon04{background-position: -120px 0}
.about .col .box .icon05{background-position: -160px 0}
.about .col .box .icon06{background-position: -200px 0}
.about .col .box .info{width:90%; margin:0 auto; height:auto}
.about .col .box .info h1{font-size: 16px; color:#848484; width:100%; text-align:center; margin:0 auto 25px; font-weight:bold;text-transform:uppercase}
.about .col .box .info p{font-size: 14px; line-height: 22px; height:66px; color: #969696;}

.services{width:90%; max-width: 1190px; margin:0 auto 60px; overflow:hidden}
.services .col{width:30.2333%; margin:1.5%; position:relative; float:left; text-align:center;overflow:hidden;}
.services .col img{width:100%;}
.services .col .layer{width:100%; height:100%; position:absolute; opacity:0; top:0; left:0px; background-image:url(../images/services_layer.png)}
.services .col .layer::before,
.services .col .layer::after {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.services .col .layer::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.services .col .layer::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}


.services .col span{display:block;width:100%; height:100%; position:absolute; padding-top:16%; top:0px;}
.services .col span h1{color:#fff; font-size:30px;margin-top:-30%;transition: margin-top 700ms;}
.services .col span h2{color:#9e9e9e; font-size:16px; line-height:2em}
.services .col span i{display:block;color:#fff; font-size:12px; display:table; padding:0 10px; margin:5px auto; line-height:25px; border-radius:15px; background-color:#e6022b;margin-top:130%; transition: margin-top 600ms; font-style:normal }
.services .col:hover .layer{opacity:1}
.services .col:hover .layer::before,
.services .col:hover .layer::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.services .col:hover span h1{transition: margin-top 700ms; margin-top:0}
.services .col:hover span i{transition: margin-top 600ms; margin-top:5px;}


.advantage{background:url(../images/advantage_back.jpg) center center;  background-size:cover cover; background-repeat:no-repeat; background-attachment:fixed;}
.advantage .box{ background-image:url(../images/advantage_layer.png); padding:3% 5%; text-align:center}
.advantage .box h1{font-size:30px; color:#fff;}
.advantage .box h2{font-size:49px; color:#e6022b; line-height:2em; letter-spacing:4px; font-weight:600}
.advantage .box h3{font-size:18px; color:#fff;  line-height:2em;}
.advantage .box h4{font-size:14px; color:#9d9d9d;width:70%; margin:0 auto;line-height:25px; margin-top:20px
}


.case{width:90%; max-width: 1190px; margin:0 auto; overflow:hidden}
.case .col{width:30.2333%; margin:0 1.5% 1%; opacity:0; float:left; text-align:center}
.case .opacity1{ opacity:1; }
.case .col .img_box{width:100%;position:relative; overflow:hidden;border:1px solid #f1f1f1;}
.case .col .img_box img{width:100%; transition: transform 500ms; transform: scale(1,1);
	-ms-transform: scale(1,1);	/* IE 9 */
	-webkit-transform: scale(1,1);	/* Safari 和 Chrome */
	-o-transform: scale(1,1);	/* Opera */
	-moz-transform: scale(1,1);	/* Firefox */}
.case .col .img_box .layer{width:100%; height:100%;transition: opacity 700ms; position:absolute; opacity:0; top:0; left:0px; background-image:url(../images/services_layer.png)}
.case .col .img_box .layer span{display:block;width:61px; height:61px; background-image:url(../images/case_more.png); top:50%; left:50%; margin-top:-30px; margin-left:-30px; position:absolute;}
.case .col .img_box:hover .layer{transition: opacity 700ms; opacity:1}
.case .col .img_box:hover img{transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);	/* IE 9 */
	-webkit-transform: scale(1.2,1.2);	/* Safari 和 Chrome */
	-o-transform: scale(1.2,1.2);	/* Opera */
	-moz-transform: scale(1.2,1.2);	/* Firefox */
	transition: transform 500ms;}
.case .col h1{line-height:3em;text-align:left; color:#4e4e4e}

.choice{ width:90%; max-width: 1190px; margin:0 auto; overflow:hidden; padding-bottom: 3%;}
.choice .col{width:33.2333%;  height:auto; opacity:0;  padding-bottom:2%; overflow:hidden; float:left;}
.choice .col .box{width:90%; height:auto; margin-top:10%;  overflow:hidden;}
.choice .col .box .icon{width:45px; height: 45px; float: left;}
.choice .col .box .info{font-weight:400;}
.choice .col .box .info .title{font-size: 18px; color:#3d3d3d; margin-bottom:15px;}
.choice .col .box .info p{font-size: 14px; line-height: 25px; color: #b2b2b2;}



.choice .col .box .info .frad{color:#e6022b;}
.choice .col .box:hover .icon{background-position: -45px 0}
.choice .col .box:hover .title{color:#e6022b;}

.news{width:90%; max-width: 1190px; margin:0 auto; overflow:hidden;padding-bottom: 3%;}
.news .col{width:22.9%; margin:-25% 1% 1%; opacity:0; float:left;}
.news .col .img_box, .subnews .col .img_box{overflow:hidden;  height:160px; border:1px solid #d4d4d4; margin-bottom:10px}
.news .col .img_box img,.subnews .col .img_box img{width:100%; transition: transform 500ms;
	transform: scale(1,1);
	-ms-transform: scale(1,1);	/* IE 9 */
	-webkit-transform: scale(1,1);	/* Safari 和 Chrome */
	-o-transform: scale(1,1);	/* Opera */
	-moz-transform: scale(1,1);	/* Firefox */}
.news .col:hover img,.subnews .col:hover .img_box img{
	transform: scale(1.2,1.2) ;
	-ms-transform: scale(1.2,1.2);	/* IE 9 */
	-webkit-transform: scale(1.2,1.2);	/* Safari 和 Chrome */
	-o-transform: scale(1.2,1.2);	/* Opera */
	-moz-transform: scale(1.2,1.2);	/* Firefox */
	transition: transform 500ms;
}
.news .col h1{font-size:16px; line-height:25px; height:25px; overflow:hidden; color:#626262}
.news .col h6{font-size:14px; line-height:25px; color:#e6022b; text-align:left;}
.news .col h3{font-size:12px; line-height:25px; height:25px; overflow:hidden; color:#626262}

.newsShow { height: auto; min-height: 300px; width:90%; max-width: 1050px; margin:0 auto;  }
.newsShow h1 { height: auto; font-size: 20px; color: #353535; margin-top: 4%; text-align: center; }
.newsShow h2 { height: auto; color: #787878; font-size: 16px; margin-top: 2%; padding-bottom: 1.5%; border-bottom: 1px solid #CBCBCB; text-align: center; }
.newsShow .n_txt { width:100%; height: auto; color: #353535; font-size: 14px; line-height:30px; margin: 4% auto 0; min-height:300px; }
.newsShow .n_txt img { max-width:100%; margin-top:10px; margin-bottom:10px;}
.PagesNext{width:100%; margin-top:40px; padding-top:20px; overflow:hidden; border-top:1px solid #CBCBCB}
.PagesNext .left{width:50%;float:left}
.PagesNext .right{width:50%; float:right; text-align:right}
.PagesNext .right img{margin-left:10px}


.caseS h1 { text-align: left; color:#000; font-size:24px; }
.caseS .n_txt { margin: 2% auto 0; min-height:300px; color:#000}
.caseS .n_txt span{display:block; margin-bottom:10px}
.caseS .n_txt img{ margin-top:10px; margin-bottom:10px;}

.TeamShow { height: auto; min-height: 300px; width:90%; max-width: 780px; margin:0 auto;  }
.TeamShow img {max-width:100% }
.TeamShow h1 {font-size:30px; line-height:4em; color:#303030}
.TeamShow .n_txt { width:100%; height: auto; color: #5b5b5b; font-size: 14px; line-height:30px; }

.contact{width:70%; max-width: 1190px; margin:0 auto 40px; overflow:hidden}
.contact .left{float:left;width:40%;font-size:14px; color:#797979;line-height:30px;margin-left:-50%}
.contact .right{float:right;width:60%;margin-right:-50%}
.contact .right .up{margin-bottom:15px}
.contact .right .up .inpbox1{width:49%; float:left}
.contact .right .up .inpbox2{width:49%; float:left;text-align:right}
.contact .right .up input{height:34px; line-height:34px; padding-left:1%; border:solid 1px #bbbbbb; font-family:'Microsoft YaHei'; width:96%; box-sizing: border-box;}
.contact .right .up textarea {height:60px;padding-left:1%;padding-top:1%;margin-top:15px; border:solid 1px #bbbbbb; width:97%; font-family:'Microsoft YaHei';}
.contact .right .down{text-align:center}
.contact .right .down input{background-color:#dddddd; border:0px; width:150px; height:35px; font-size:16px; color:#3e3e3e; font-family:'Microsoft YaHei';}

/*子页css样式开始*/
.SubBanner{width:100%; height:197px; margin-top:91px; background-position:center center;}
.CaseBanner{width:100%; height:380px; margin-top:91px; background-position:center center;}
.SubBanner img, .CaseBanner img{width:100%;display:none}

.position{ width:90%; height:auto; max-width:1105px; margin:50px auto; overflow:hidden;}
.position h1{font-size:26px; color:#606060}
.position h2{text-transform:uppercase; line-height:20px; font-size:12px; color:#b5b5b5}

.content{ width:90%; height:auto; max-width:1105px; margin:0 auto; font-size:14px; color:#606060; min-height:300px;  line-height:30px}
.content a{ color:#606060; }
.content img{max-width:100%; margin-top:10px; margin-bottom:10px;}


#contact1{display:block}
#contact2{display:none}

.subcase{width:90%; max-width: 1150px; margin:0 auto; overflow:hidden}
.subcase .col{width:30.2333%; margin:0 1.5% 1%; opacity:0; float:left; text-align:center}
.subcase .opacity1{ opacity:1; }
.subcase .col .img_box{width:100%;position:relative; overflow:hidden;border:1px solid #f1f1f1;}
.subcase .col .img_box img{width:100%;transition: transform 500ms; transform: scale(1,1);
	-ms-transform: scale(1,1);	/* IE 9 */
	-webkit-transform: scale(1,1);	/* Safari 和 Chrome */
	-o-transform: scale(1,1);	/* Opera */
	-moz-transform: scale(1,1);	/* Firefox */}
.subcase .col .img_box .layer{width:100%; height:100%;transition: opacity 700ms; position:absolute; opacity:0; top:0; left:0px; background-image:url(../images/services_layer.png)}
.subcase .col .img_box .layer span{display:block;width:61px; height:61px; background-image:url(../images/subcase_more.png); top:50%; left:50%; margin-top:-30px; margin-left:-30px; position:absolute;}
.subcase .col .img_box:hover .layer{transition: opacity 700ms; opacity:1}
.subcase .col .img_box:hover img{transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);	/* IE 9 */
	-webkit-transform: scale(1.2,1.2);	/* Safari 和 Chrome */
	-o-transform: scale(1.2,1.2);	/* Opera */
	-moz-transform: scale(1.2,1.2);	/* Firefox */
	transition: transform 500ms;}
.subcase .col h1{line-height:3em;text-align:left; color:#4e4e4e}

.subchoice{ width:90%; max-width: 1105px; margin:0 auto; overflow:hidden;}
.subchoice .col{width:100%;  height:auto; padding-bottom:30px; margin-bottom:30px;  border-bottom:1px solid #dddddd; overflow:hidden; float:left;}
.subchoice .col .box{width:90%; height:auto;   overflow:hidden;}
.subchoice .col .box .icon{width:45px; height: 45px; float: left;}
.subchoice .col .box .info{padding-left:60px; font-weight:400}
.subchoice .col .box .info .title{font-size: 20px; color:#252525; margin-bottom:15px;}
.subchoice .col .box .info p{font-size: 14px; line-height: 25px; height:75px; overflow:hidden; color: #b2b2b2;}
.subchoice .col .box .info .frad{color:#e6022b;}
.subchoice .col .box:hover .icon{background-position: -45px 0}
.subchoice .col .box:hover .title{color:#e6022b;}

.choiceShow{ width:90%; height:auto; max-width:1105px; margin:0 auto; font-size:14px; color:#606060;  line-height:30px}
.choiceShow h1{font-size:24px; line-height:3em; color:#303030}
.choiceShow img{max-width:100%}

.team{width:90%; max-width:1105px; height:auto; overflow:hidden; margin:0 auto}
.team .col{width:29.333%; margin:3% 2%; height:auto;float:left;background-color:#f0f0ed}
.team .col .img{padding:4%}
.team .col .img img{width:100%}
.team .col .info{padding:4%}
.team .col .info h1{font-size:24px; color:#4d4d4d; border-bottom:1px solid #000000; padding-bottom:15px; margin-bottom:15px}
.team .col .info h1 span{font-size:16px}
.team .col .info h2{font-size:12px;color:#676767;line-height:20px; height:60px; overflow:hidden; font-family:"宋体"}

.honor{width:90%; max-width:1105px;height:auto; overflow:hidden; margin:0 auto}
.honor .col{width:21%; padding:0% 2% 4%; height:auto; float:left;margin-bottom:20px; padding-bottom:20px;}
.honor .col img{width:100%; border:1px solid #d4d4d4}

.idea{width:90%; max-width:1105px;height:auto; overflow:hidden; margin:0 auto}
.idea .col{width:100%;height:auto; overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #dddddd }
.idea .col .pic{width:25%; float:left}
.idea .col .pic img{width:100%; max-width:261px;}
.idea .col .con{width:70%;float:left;padding-left:5%; padding-top:20px}
.idea .col .con h1{font-size:18px; line-height:25px; height:25px; overflow:hidden; color:#5a5a5a}
.idea .col .con i{font-size:14px; font-family:Arial; font-weight:600; line-height:3em; color:#989195}
.idea .col .con p{font-size:14px; line-height:25px; height:50px; overflow:hidden; color:#5a5a5a}

.subnews{width:90%; max-width: 1125px; margin:0px auto; overflow:hidden;padding-bottom: 3%;}
.subnews .col{width:23%; margin:0 1% 3%; height:auto; float:left;}
.subnews .col .img_box{overflow:hidden}
.subnews .col img{width:100%;}
.subnews .col h1{font-size:14px; line-height:25px; height:50px; overflow:hidden; color:#626262}
.subnews .col h2{font-size:14px; line-height:25px; color:#e6022b}

.hr{width:90%; max-width:1105px;height:auto; overflow:hidden; margin:30px auto; border-top:1px solid #dddddd; padding-top:20px}
.hr .col{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dddddd}
.hr .col h1{font-size:18px; color:#e6012c;line-height:50px;}
.hr .col p{font-size:14px; line-height:30px; color:#666666}


.footer{background-color:#434343; margin-top:60px; padding-top:55px;}
.footer .box{ width:90%; max-width: 1080px; margin:0 auto 30px; overflow:hidden}
.footer .box .map{ width:80%;float:left; overflow:hidden}
.footer .box .map ul{width:16.6666%; float:left}
.footer .box .map ul h1{font-size:28px;color:#b2b2b2; border-bottom:1px solid #b2b2b2; padding-bottom:15px; margin-bottom:20px; display:table}
.footer .box .map ul li{font-size:14px;color:#b2b2b2;line-height:30px;}
.footer .box .map ul li a{color:#b2b2b2}
.footer .box .QRCode{float:right;}
.footer .foot{background-color:#222222; text-align:center;color:#b2b2b2; line-height:4em;font-size:14px}
.footer .foot a{color:#b2b2b2}

.footer .mFootBox{ text-align:center; color:#b2b2b2; line-height:2em;font-size:14px; display:none}
.footer .mFootBox .mbox{margin-bottom:10px}
.footer .mFootBox a{color:#b2b2b2;}

.page { padding-top: 20px; margin: 0 auto; display: table }
.page A { BACKGROUND: #FFFFFF; PADDING: 5px 10px 5px 10px; display: inline-block; COLOR: #545253; border: 1px #D9D9D9 solid; TEXT-DECORATION: none; font-size: 14px; }
.page A:hover { BACKGROUND: #707070; COLOR: #fff; TEXT-DECORATION: none }
.page .current { BACKGROUND: #707070; TEXT-DECORATION: none; display: inline-block; border: 1px #D9D9D9 solid; PADDING: 5px 10px 5px 10px; COLOR: #ffffff; font-size: 14px; }
.page_phone { width: 95%; height: 35px; margin: 0 2.5%; overflow: hidden; display: none; border-spacing: 10px; }
.page_phone #AspNetPager2 { width: 100%; height: 35px; display: table-row }
.page_phone a { display: table-cell; border-collapse: separate; border: 1px solid #707070; height: 35px; line-height: 35px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #333 }
#l-map{width:100%;font-size:14px; margin-bottom:40px}

#linkMap{height:42px; background-color:#e7002c;line-height:42px; font-size:16px; text-align:center; color:#fff; display:none; margin-bottom:20px; border-radius:3px}