@charset "utf-8";
body{margin:0; padding:0; font-family:"微软雅黑"; font-size:14px; }
*{margin:0; padding:0;font-style:normal;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
a{ text-decoration:none !important; cursor:pointer !important;color:black;}
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}
.l{float: left;}
.r{float:right;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
/* h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}*/
h2{font-size: 18px;font-weight: bold;}
body{overflow-x:hidden;}
.clear{ clear: both; }
.index-body{width:1240px;margin:0 auto;}
.logo{float:left;width:905px;height:135px;}
.logo img{}
.content{float:left;height:135px;}
.content li{float:left; font-size:16px;padding-left: 13px;padding-top: 50px;}
.content li:nth-child(1){padding-top: 35px;}
.content li:nth-child(4){padding-left: 25px;}

.menu{    background-color: #173895;height: 42px;}
.menu li{float:left;font-size:16px;    line-height: 40px; padding: 0 40px;}
.menu li a{color: white;}
.menu .on{border-bottom: 2px solid #ffffff;}
#wrapper {
	background:#fff;
	position:relative;
}
.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	height:570px;
	max-height:700px  !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:450px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#e1472f !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 188px;
    height: 6px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../img/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../img/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-style: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../img/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.index-body h2{text-align: center;font-size:30px; 
    line-height: 40px;}
.index-body span{line-height: 50px; border-top: 5px solid #173895;}
/* case */
.case{text-align: center;box-shadow:2px 2px 5px #d6d6d6;height:900px;}
.case-list li{float:left;width: 15%;line-height: 40px;margin: 0 5%;border-radius:5px;background-color: #919191;}
.case-list li:nth-child(1){background-color: #173895;}
.case-list li a{color:white;}
.index-case-img{}
.index-case-img ul{float:left;width:33.3333%;    padding-top: 40px;}
.index-case-img ul li img{width:367px;height:266px;}
.index-case-img ul li:nth-child(2) a{line-height: 40px;}
.index-service{padding-top: 20px;}
.service{text-align: center;height: 490px;padding-top: 40px;}
.index-service ul{float:left;width:21%;margin: 0 2%;box-shadow:2px 2px 10px #ccc;height:345px;}
.index-service ul h3{font-size:24px; margin: 20px;}
.index-service ul li{line-height: 30px;}
.index-service ul:hover{background: #173895; color:white;}
#index-img{font-size: 33px;font-weight: bold;}
.index-more{margin: 30px 60px;border-radius: 5px;border: 2px solid #ccc!important;}

.about{text-align: center;    line-height: 30px;color: #969696;}
.index-about{text-align:left;font-size: 20px;padding-top: 20px;}
.index-about p{text-indent:2em;}
.index-about ul:nth-child(2) li{float:left;width:33.3333%;text-align:center;    padding: 30px 0;font-size: 24px;}
.index-about ul:nth-child(2) li em{color:#f28200;}
.index-news{padding-top: 30px;}
.news{text-align: center;background:#e7e7e7;height:800px;padding-top: 40px;}
.index-news div{width:600px;}
.index-news div img{width:600px;}
.index-news div:nth-child(2){width: 640px;}
.index-news div:nth-child(2) ul{padding: 15px 0 15px 25px;height: 100px;}
.index-news div:nth-child(2) ul li{float:left;}
.index-data{font-size: 16px;border-right: 2px solid #737373;padding-right: 20px;}
.index-data em{font-size: 46px;}
.index-title{width:500px;padding-left: 20px;}
.index-title h3{font-size: 18px;    text-align: left;line-height: 40px;}
.index-title p{text-align: left;}

.cooperative{text-align: center;padding-top: 40px;height: 460px;}
.index-cooperative{padding-top: 10px;}
.index-cooperative li{float:left;width:20%;margin: 20px 0;}
.index-cooperative li img{box-shadow: 2px 2px 10px #ccc;width: 120px;}

footer{background:#1e1c1d;color:white;}
.footer-logo{border-bottom: 1px solid #a0a0a0;}
.footer-logo img{height:120px;}
.footer-menu ul{float:left;width:180px;padding-top: 15px;padding-left: 20px;}
.footer-menu ul li h3{    padding: 25px 0;}
.footer-menu ul li{line-height: 30px;width: 82px;}
.footer-menu ul li:nth-child(1){border-bottom: 2px solid #ffffff;}
.footer-menu ul li:nth-child(2){    padding-top: 20px;}
.footer-menu ul p img{width:160px;}
.footer-menu ul:nth-child(6){text-align: center;}
.footer-menu ul:nth-child(6) p{line-height:30px;font-size: 18px;}
.footer-menu a{color:white;}
.copyright a{color:white;}
.copyright{text-align: center;background:#000;line-height:50px;}

/*网站建设*/
.wz-body{width:1240px;margin:0 auto;}
.wz-body h2{text-align: center;font-size:30px; line-height: 40px; color:#173895;}
.wz-body span{line-height: 30px; }

.wz{text-align: center;background-color: #ededed;height: 380px;padding-top: 40px;}
.wz-list ul{float:left;width:240px;padding:30px; font-size:18px;}
.wz-list ul img{height:120px;}
.wz-list ul li:nth-child(2){color:#173895;font-weight:bold;line-height:40px;}
.wz-list ul li:nth-child(3){text-align: left;font-size:16px;color:#333;}
.wz-list ul li{padding:5px 0;}
.why{text-align: center;    margin: 0 auto;    padding: 20px 0;}
.why-bg{height:745px;width:1230px;background-image:url(../img/5.png);margin: 0 auto;}

.xm{text-align: center;    margin: 0 auto;background-color: #f2f6ff;padding-top: 40px;}
.xm-list{height:547px;background-image:url(../img/7.png);background-repeat:no-repeat ;background-size:699px 547px;background-position:50% 50% ;}
.xm-list li{float:left;width:420px;    padding: 40px 0;font-size:18px;}
.xm-list .l{text-align: left;padding-left: 180px; background-image:url(../img/8.png);background-repeat:no-repeat;background-position:120px 50%}
.xm-list .r{text-align: right;padding-right: 180px;background-image:url(../img/8.png);background-repeat:no-repeat;background-position:440px 50%}

.fuwu{text-align: center;padding-top: 40px;}
.fei ul{float:left;width:25%;height:775px;background-image:url(../img/9.png);background-repeat:no-repeat;font-size: 16px;}
.fei ul li{line-height:25px;}
.fei ul li:nth-child(1){font-size:22px;padding-top:65px;}
.fei ul li:nth-child(2){padding-top:85px;}
.fei ul li:nth-child(21){    background-color: #173895;line-height: 40px;margin: 30px 70px;border-radius: 30px;color: white;}

.lc{text-align: center; padding-top: 40px;margin-top: 20px;}
.lc-t{height:232px;background:url(../img/10.png) no-repeat;background-position:50% 10%}
.lc-t li{float:left;padding-top:170px;width:206px;font-size:18px;font-weight:bold;}



/*优化推广*/
.yhtg-body{width:1240px;margin:0 auto;}
.yhtg-body h2{text-align: center;font-size:30px; line-height: 40px;}
.yhtg-body span{line-height: 30px;}

.why-seo{text-align: center;height: 740px;}
.why-seo-txt{text-align: left;padding-left: 680px;background: url(../img/yhtg1.png) no-repeat;height:590px;}
.why-seo-txt h3{line-height: 50px;padding: 80px 0;font-size: 26px;}
.why-seo-txt li{line-height: 40px;list-style: 60px;font-size: 18px;}

.qudao,.seo-taocan{text-align: center;background-color: #f6f6f6;}
.qudao{height: 440px;padding-top: 40px;}
.seo-taocan{height:600px;}
.qudao-list ul{float:left;width:360px;margin:20px;background-color:#fff;height: 270px;}
.qudao-list ul li{padding:0 30px;line-height:30px;font-size:16px;}
.qudao-list ul li:nth-child(2){font-size:20px;line-height:50px;color:#173895;font-weight:bold;}
.seo-taocan-list ul{float:left;width:360px;margin:20px;padding-top: 240px;}
.seo-taocan-list ul li{padding:0 30px;line-height:30px;font-size:16px;}
.seo-taocan-list .bg{    line-height: 40px;margin: 30px 70px 5px; border: 1px solid #173895 !important;}
.seo-taocan-list ul:nth-child(1){background: url(../img/yhtg5.png) no-repeat;height: 200px;}
.seo-taocan-list ul:nth-child(2){background: url(../img/yhtg6.png) no-repeat;height: 200px;}
.seo-taocan-list ul:nth-child(3){background: url(../img/yhtg7.png) no-repeat;height: 200px;}


.tg-list{padding: 30px 0;}
.tg-list div{border: 1px solid #173895;height:444px;margin: 30px 0;}

.ta-ditu1 ul, .ta-ditu2 ul{float:left;}
.ta-ditu1 ul:nth-child(2),.ta-ditu2 ul:nth-child(1){padding: 50px 0 0 50px;width:548px;}
.ta-ditu1 ul h3,.ta-ditu2 ul h3{font-size:28px;text-align: center;padding: 50px 0;}
.ta-ditu1 ul li,.ta-ditu2 ul li{line-height:50px;font-size:18px;text-align: center;}



.nav-tabs2 {
	border:none;
	text-align:center;
}
.nav-tabs2>li {
	float:none;
	display:inline-block;    width: 226px;
    height: 256px;

}
.hotbg div ul li:nth-child(1){background: url(../img/4acg/acg1/1.png) no-repeat; }
.hotbg div ul li:nth-child(1).active{background: url(../img/4acg/acg1/2.png) no-repeat;}
.hotbg div ul li:nth-child(2){background: url(../img/4acg/acg2/1.png) no-repeat;}
.hotbg div ul li:nth-child(2).active{background: url(../img/4acg/acg2/2.png) no-repeat;}
.hotbg div ul li:nth-child(3){background: url(../img/4acg/acg3/1.png) no-repeat;}
.hotbg div ul li:nth-child(3).active{background: url(../img/4acg/acg3/2.png) no-repeat;}
.hotbg div ul li:nth-child(4){background: url(../img/4acg/acg4/1.png) no-repeat;}
.hotbg div ul li:nth-child(4).active{background: url(../img/4acg/acg4/2.png) no-repeat;}
.hotbg div ul li.active a{color:white;}
.hotbg div ul li a{height: inherit;}
.hotbg div ul li{margin: 0 37px;}
.nav-tabs2>li>a {

	border:none;
	margin:0 10px;
	padding:20px 28px;
}



.hotbg {
background-color: #eee;
}
.weui-pt10 {
	padding-top:10px;
}
.weui-t_c {
	text-align:center;
}
.weui-pt30 {
	padding-top:30px;
}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1200px}}
.weui-f28 {
	font-size:48px;padding-bottom: 30px;
}
.weui-c_9 {
	color:#999;
}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}

.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}


.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}


.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.fade.in{opacity:1}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.hot a {
	width:216px;
	display:inline-block;
	padding-top:11px;
	height:241px;
}
.hot a:hover {
	color:#fff;
}
.row .weui-pt10{padding-top:20px;}
.tu{background-color: #fff;height:168px;}
.tu li{margin: 0 !important;background: none !important;height:168px;width:386 !important;}
.tu li.active{background-color: #173895 !important;}
.tu li:nth-child(1){background: url(../img/3acg/acg1/2.png) no-repeat !important;}
.tu li:nth-child(1).active{background: url(../img/3acg/acg1/1.png) no-repeat !important;}
.tu li:nth-child(2){background: url(../img/3acg/acg2/1.png) no-repeat !important;}
.tu li:nth-child(2).active{background: url(../img/3acg/acg2/2.png) no-repeat !important;}
.tu li:nth-child(3){background: url(../img/3acg/acg3/1.png) no-repeat !important;}
.tu li:nth-child(3).active{background: url(../img/3acg/acg3/2.png) no-repeat !important;}

.acg-y{text-align: center;}
.acg-y img{width: 91%;}
.jianjie .title i{color:rgba(255,255,255,0.12)}
.jianjie .hezi{background: #fff}
.jianjie dd{ display:block; width:116px;  text-align:center; border:2px solid #666666; padding:5px; margin-top:15px; font-size:14px;}
.jianjie .row{margin:0 !important}
.jianjie .col-md-6{padding:0 !important}
.jianjie .left{padding:0px 30px 30px;color: #515151;position:relative;}
.jianjie .left .tou{font-size: 26px;font-weight: bold; color: #3c3c3c; margin-bottom: 20px;position:relative;padding-right: 66px}
.jianjie .left .tou .more{position: absolute;right:0;bottom:0;font-size: 12px; color: #bdbdbd;font-weight: normal;}
.jianjie .left .zi{font-size: 14px;line-height: 28px;height: 200px;overflow: hidden;}
.jianjie1{background:#eee;}
.jianjie1 .container-fluid{width:1200px;margin: 0 auto;}
.jianjie1 .gun{background: #fff;position: relative;z-index: 22;padding:20px;}
.jianjie1 .imgbox{display: block;margin:0 10px;font-size: 16px;color: #4d4d4d;line-height: 38px;text-align: center;}
.jianjie1 .imgbox .tu{overflow: hidden;position: relative;border:1px solid #ccc;}
.jianjie1 .imgbox .tu:before{content: "";position: absolute;left:0;top: 0;width: 100%;height: 100%;background:rgba(0,153,68,0.67) url(../images/mask.png) no-repeat center center;opacity: 0;transition: all 0.3s;z-index: 22}
.jianjie1 .imgbox .tou img{margin-left: 6px}
.jianjie1 .owl-theme .owl-controls .owl-buttons div{width:40px; height:84px; top:50%; margin-top:-42px;background: #e0e0e0  !important; filter:Alpha(Opacity=100);opacity:1;font-size:25px; color:#fff;line-height:80px;transition:all .3s;}
.jianjie1 .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-20px;}
.jianjie1 .owl-theme .owl-controls .owl-buttons div.owl-prev:before{content:"<"; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; } 
.jianjie1 .owl-theme .owl-controls .owl-buttons div.owl-next{right:-20px; background-image:none;}
.jianjie1 .owl-theme .owl-controls .owl-buttons div.owl-next:before{content:">"; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;}
.jianjie1 .owl-theme .owl-controls .owl-buttons div:hover{background:#4b8a13 !important;}
.jianjie11{text-align: center;}
.jianjie11 h2{line-height: 80px;font-size: 28px;}
/*案例项目轮播*/
#owl-demo1 .item1{ transition:all 0.3s;}
#owl-demo1 .item1 img{ display: block;width:100%; margin:0 auto;}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*.grabbing{cursor:url(../img/grabbing.png) 8 8,move}*/
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:50px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=50);opacity:0.5;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-70px; background:url(../images/allow1.jpg) no-repeat left center; transition:all .5s;}
.owl-theme .owl-controls .owl-buttons div.owl-next{right:-70px; background:url(../images/allow2.jpg) no-repeat right center;transition:all .5s;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}

.item div{float: left;}
.item div:nth-child(2){padding: 120px 0 0 60px;text-align: left;}
.item div:nth-child(2) h3{padding-bottom: 40px;}
.item div:nth-child(2) li{line-height: 50px;text-align: left;}
.item div:nth-child(2) li img{padding-top: 40px;}
.item .tr img{width:600px;height: 600px;border-radius:10px}

.rz {text-align: center;}
.rz-jg ul li{float:left;width:400px;}
.rz-jg ul:nth-child(3){padding:20px;}
.ly{margin-top: 40px;}
.ly-text,.ly-bot{float:left;width:600px;}
.ly-text h2{text-align: left;background: url(../img/acg-bgb.png) no-repeat;}
.ly-bot li{width:50%; float:left;height: 80px;}
.ly-bot li input,.ly-bot li select{width:240px;font-size: 16px;line-height: 30px;height: 30px;}
.coolbg{background-color: #173895; color: #fff;height: 34px !important;}

.dsfw{text-align: center; height: 700px;}
.dsfw-list{background-color: #173897;}
.dsfw-list div{float:left;width:298px;}
.dsfw-list h3{font-size: 28px;line-height: 80px;}
.dsfw-list-l1{/*background: url(../img/ds1.png) no-repeat;*/padding: 30px 20px;}
.dsfw-list-l1 h3{color:#fff;padding: 10px 0;}
.dsfw-list-l1 p{color:#fff;margin-top: -10px;line-height: 30px;}
.dsfw-list-l1 li{float: left;margin: 10px 20px;text-align: center;background-color: #fff;border-radius: 15px;line-height: 30px;width:100px;}
.dsfw-list-l2{background-color: #fff;margin:5px 0 5px 0;    border-right: 1px solid #dfdfdf;height:524px;}
.dsfw-list-l2 ul{margin:0 15px;}
.dsfw-list-l2 li{float:left;margin:0 33px;line-height: 50px;list-style-type: disc;font-size: 14px;}
.dsfw-list-l2 ul:nth-child(1){padding-bottom: 15px;}
.dsfw-list-l2 ul:nth-child(2){border-top: 1px dashed #dfdfdf;padding-top: 15px;}
.dsfw-list-l3{background-color: #fff;margin:5px 0 5px 0;    border-right: 1px solid #dfdfdf;height:524px;}
.dsfw-list-l3 ul{margin:0 15px;}
.dsfw-list-l3 li{float:left;margin:0 33px;line-height: 50px;list-style-type: disc;font-size: 14px;}
.dsfw-list-l3 ul:nth-child(1){padding-bottom: 15px;}
.dsfw-list-l3 ul:nth-child(2){border-top: 1px dashed #dfdfdf;padding-top: 15px;}

.dsfw-list-l4{background-color: #fff;margin:5px 5px 5px 0;}
.dsfw-list-l4 div{border-bottom: 1px solid #dfdfdf;}
.dsfw-list-l4 div ul{margin:0 15px;}
.dsfw-list-l4 div li{float:left;margin:0 26px;line-height: 50px;list-style-type: disc;font-size: 14px;}
.dsfw-list-l4 div ul:nth-child(1){padding-bottom: 15px;}
.dsfw-list-l4 div ul:nth-child(2){border-top: 1px dashed #dfdfdf;padding-top: 15px;}



.visual_design {
    width: 100%;
    height: 631px;
    padding-top: 60px;
    background: url("../img/ds-bg.jpg") no-repeat center;
}

.visual_design .common_tc {
    color: #fff;
}

.visual_design .common_tc span {
    color: rgba(255, 255, 255, 0.04);
}

.visual_design .common_tinfo {
    color: #fff;
}

.visual_design_wrap {
    width: 100%;
    height: 481px;
    position: relative;
}

.visual_design_list {
    float: right;
    width: 503px;
    padding-top: 74px;
}

.visual_design_list li {
    width: 100%;
    height: 87px;
    position: relative;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.3);
    margin-bottom: 8px;
    display: table;
    cursor: pointer;
    transition: 0.3s;
    padding-left: 17px;
}

.visual_design_list li:last-child {
    margin-bottom: 0;
}

.visual_design_list li.on {
    width: 531px;
    background:#173895;
    left: -28px;
}

.visual_design_list li.on .visual_design_list_icon {
    display: block;
}

.visual_design_list li.on .visual_design_list_num {
    background: url("../img/visual_design_icon3.png") no-repeat center;
    color: #fff;
}

.visual_design_list_icon {
    display: none;
    position: absolute;
    top: 50%;
    left: -65px;
    width: 62px;
    height: 27px;
    margin-top: -13.5px;
    background: url("../img/visual_design_icon1.png") no-repeat center;
    z-index: 2;
}

.visual_design_list_num {
    display: table-cell;
    vertical-align: middle;
    width: 52px;
    height: 52px;
    background: url("../img/visual_design_icon2.png") no-repeat center;
    text-align: center;
    line-height: 52px;
    font-size: 26px;
    color: #cccccc;
    transition: 0.3s;
}

.visual_design_list_detail {
    display: table-cell;
    vertical-align: middle;
}

.visual_design_list_detail h3 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    line-height: 20px;
    margin-left: 18px;
}

.visual_design_list_detail p {
    font-size: 16px;
    color: #ffffff;
    line-height: 16px;
    margin: 14px 0 0 18px;
}

.visual_design_computer {
    width: 781px;
    height: 459px;
    background: url("../img/visual_design_computer.png") no-repeat center;
    position: absolute;
    bottom: -33px;
    left: -92px;
}

.visual_design_computer li {
    width: 596px;
    height: 374px;
    margin: 26px auto auto auto;
    display: none;
    transition: 0.3s;
}

.visual_design_computer li.on {
    display: block;
    animation: fadeIn 0.3s ease;
}
.block_box {
    width: 1200px;
    margin: auto;
}
.spread {
    width: 100%;
    background: #fff;
    padding: 75px 0 65px 0;
}

.spread_titleul {
    text-align: center;
    margin-top: 35px;
    font-size: 0;
}

.spread_titleul li {
    display: inline-block;
    width: 150px;
    height: 46px;
    border-radius: 23px;
    background: #cccccc;
    text-align: center;
    line-height: 46px;
    position: relative;
}

.spread_titleul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #ffffff;
}

.spread_titleul li:not(:last-child) {
    margin-right: 15px;
}

.spread_titleul li:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -15px;
    width: 15px;
    height: 2px;
    background: #cccccc;
}

.spread_titleul li.on {
    background:#173895;
}

.spread_titleul li:hover {
    background: #337ab7;
}

.spread_bodyul {
    width: 100%;
    height: 502px;
}

.spread_bodyul_li {
    width: 100%;
    height: 100%;
    margin-top: 25px;
    display: none;
}

.spread_bodyul_li .img {
    width: 1200px;
    height: 100%;
    float: left;
    text-align: center;
}

.spread_bodyul_li .img img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.spread_bodyul_li_info {
    width: 518px;
    height: 446px;
    border: 6px solid #da1b22;
    border-left: none;
    float: left;
    margin-top: 28px;
}

.spread_bodyul_li_info_up {
    width: 478px;
    height: 135px;
    background: #da1b22;
    position: relative;
    margin: 28px 0 0 1px;
    padding-left: 32px;
}

.spread_bodyul_li_info_up .table_cell {
    text-align: left;
}

.spread_bodyul_li_info_up .table_cell h3 {
    font-size: 24px;
    color: #ffffff;
    line-height: 24px;
}

.spread_bodyul_li_info_up .table_cell h3:after {
    content: '';
    display: block;
    width: 47px;
    height: 2px;
    background: #fff;
    margin: 15px 0 10px 0;
}

.spread_bodyul_li_info_up .table_cell p {
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    width: 420px;
}

.spread_bodyul_li_info_up .info_num {
    width: 108px;
    height: 100%;
    background: #da1b22;
    position: absolute;
    top: 0;
    left: -109px;
    font-size: 60px;
    color: #ffdcdd;
    font-family: 'Arial';
    text-align: center;
    line-height: 135px;
}

.spread_bodyul_li_info_down {
    padding: 46px 0 0 32px;
}

.spread_bodyul_li_info_down .info_down_each {
    width: 50%;
    margin-bottom: 35px;
}

.spread_bodyul_li_info_down .info_down_each_img {
    width: 40px;
}

.spread_bodyul_li_info_down .info_down_each_detail h4 {
    font-size: 18px;
    color: #444444;
    line-height: 18px;
}

.spread_bodyul_li_info_down .info_down_each_detail p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    width: 170px;
    margin-top: 10px;
    height: 48px;
}

.spread_bodyul_li.on {
    display: block;
}
.common {
    width: 100%;
    text-align: center;
}

.common_tc {
    position: relative;
    z-index: 2;
    font-size: 36px;
    color: #222222;
    line-height: 36px;
    font-weight: normal;
}

.common_tc span {
    font-size: 72px;
    color: #f7f7f7;
    line-height: 72px;
    font-family: 'Arial';
    text-transform: uppercase;
    word-break: normal;
    position: absolute;
    z-index: -1;
    top: -16px;
    left: 50%;
    font-weight: bold;
    transform: translate(-50%, 0);
}

.common_tinfo {
    font-size: 18px;
    color: #666666;
    line-height: 18px;
    position: relative;
    z-index: 2;
    margin-top: 18px;
}

.common_tinfo:after {
    content: '';
    display: block;
    width: 27px;
    height: 2px;
    background: url("../img/title_line.png") no-repeat center;
    margin: 16px auto auto auto;
}
.spread_titleul {
    text-align: center;
    margin-top: 35px;
    font-size: 0;
}

.spread_titleul li {
    display: inline-block;
    width: 150px;
    height: 46px;
    border-radius: 23px;
    background: #cccccc;
    text-align: center;
    line-height: 46px;
    position: relative;
}

.spread_titleul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #ffffff;
}

.spread_titleul li:not(:last-child) {
    margin-right: 15px;
}

.spread_titleul li:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -15px;
    width: 15px;
    height: 2px;
    background: #cccccc;
}



.spread_bodyul_li.on {
    display: block;
}
.case {
    width: 100%;
    height: 830px;
    position: relative;
    padding-top: 40px;
}

.case_tul {
    text-align: center;
    font-size: 0;
    margin-top: 36px;
}

.case_tul li {
    display: inline-block;
    width: 150px;
    height: 46px;
    border-radius: 23px;
    background: #cccccc;
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #ffffff;
    position: relative;
    cursor: pointer;
}

.case_tul li:hover {
    background: #337ab7;
}

.case_tul li:not(:last-child) {
    margin-right: 15px;
}

.case_tul li:not(:last-child):after {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #cccccc;
    position: absolute;
    top: 50%;
    right: -15px;
}

.case_tul li.on {
    background: #173895;
    color: #fff;
    animation: show 0.3s ease;
}

@keyframes show {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        background: #cccccc;
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        background: #e33239;
    }
}

.case_swiper1 {
    width: 100%;
    height: 435px;
    margin-top: 124px;
}

.case_swiper1_slide {
    width: 769px;
    height: 435px !important;
    position: relative;
}

.case_swiper1_slide_each {
    width: 100%;
    height: 100%;
    display: none;
    position: relative;
    top: 0;
    left: 0;
}

.case_swiper1_slide_each.on {
    display: block;
}

.case_swiper1_slide_l {
    position: absolute;
    top: 0;
    left: 0;
    width: 769px;
    height: 435px;
}

.case_swiper1_slide_l img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border: 1px solid #eeeeee;
}

.case_swiper1_slide_r {
    width: 495px;
    height: 353px;
    background: rgba(218, 26, 34, 0.9);
    padding: 40px 30px 0 30px;
    text-align: left;
    position: absolute;
    top: 43px;
    right: 0;
    z-index: 2;
}

.case_swiper1_slide_r h3 {
    font-size: 24px;
    color: #fff;
    line-height: 24px;
}

.case_swiper1_slide_r h3:after {
    content: '';
    display: block;
    width: 35px;
    height: 5px;
    background: #fff;
    margin: 20px 0 12px 0;
}

.case_swiper1_slide_r p {
    font-size: 16px;
    color: #ffffff;
    line-height: 28px;
}

.case_swiper2_wrap {
    position: relative;
}

.case_swiper2 {
    width: 1135px;
    height: 116px;
    margin: 38px auto auto auto;
    padding-top: 13px;
}

.case_swiper2 .swiper-wrapper {
    width: 1135px !important;
}

.case_swiper2_prev,
.case_swiper2_next {
    display: block;
    width: 17px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    z-index: 3;
}

.case_swiper2_prev {
    background: url("../../image/index/home/case_icon_left.png") no-repeat center;
    left: 0;
}

.case_swiper2_next {
    background: url("../../image/index/home/case_icon_right.png") no-repeat center;
    right: 0;
}

.case_swiper2_each {
    width: 154px !important;
    height: 96px !important;
    position: relative;
    margin-top: 7px !important;
    margin-right: 36px;
    cursor: pointer;
    margin-left: 36px;
}

.case_swiper2_each img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #dddddd;
}

.case_swiper2_each img:hover {
    border-color: rgba(218, 26, 34, 0.8);
}

.case_swiper2 .swiper-slide-active img {
    border: 2px solid #e33239;
}

.case_swiper2 .swiper-slide-active:after {
    content: '';
    display: block;
    border: 7px solid transparent;
    border-bottom-color: #e33239;
    width: 0;
    height: 0;
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -7px;
}
.photo{width:1200px;margin: 0 auto;padding: 40px 0;}
.photo div{float: left;color: #fff;}
.photo h2{font-size: 30px;padding: 15px 0;}
.photo div:nth-child(1){width: 340px;}
.photo div:nth-child(1) ul:nth-child(1){background-color: #173895;padding: 15px;height:300px;}
.photo div:nth-child(1) ul:nth-child(1) li{line-height: 40px;font-size: 16px;}
.photo .tiao{background-color: #fff;width:100px;height: 4px;margin: 10px 0;}
.photo div:nth-child(1) ul:nth-child(2) li:nth-child(1){font-size: 30px;color: #173895;padding: 15px 0;}
.photo div:nth-child(1) ul:nth-child(2) li:nth-child(2){color: #173895;}
.photo div:nth-child(2){background: url(../img/ds20.png) no-repeat;width: 300px;height: 430px;margin: 20px 0 0 -100px;}
.photo div:nth-child(3){background: url(../img/ds21.png) no-repeat;width: 300px;height: 430px;margin: 20px 0 0 0;}
.photo div:nth-child(4){background: url(../img/ds22.png) no-repeat;width: 300px;height: 430px;margin: 20px 0 0 0;}
.mbx{line-height: 50px;box-shadow:0 0 5px 0 #4d4d4d ;font-size: 16px;}

.riji-list{background-color: #dfdfdf;margin: 50px 0; clear: both;height: 220px;}
.riji-list div ul{clear: both;padding: 20px 0;font-size: 20px;}
.riji-list div.l{width:300px;}
.riji-list div.r{width:900px;padding: 20px 20px 0 0;}
.riji-list div ul li:nth-child(2){font-size: 18px;}
.riji-list div img{width:300px;height:220px;background-color: #173895;}
.riji h2{text-align: left;}
.pages{clear: both;}
.pages li{float: left;border:2px solid rgb(202, 202, 202); margin: 10px;padding: 5px 15px; border-radius: 5px;}
.pages .thisclass{background-color: #173895; color: #fff;}
.riji-t h1{line-height: 120px;}
.riji-body{width:1200px;margin: 0 auto;}
.riji-body p{line-height: 40px;font-size: 18px;}
.riji-tu2{padding: 40px 0;}
.about-text{padding: 60px 0;}
.about-text ul{float:left;width:600px;font-size: 18px;}
.about-text ul:nth-child(1){padding: 0 20px;}
.about-text ul h2{padding: 20px 0;}
.about-text ul p{line-height: 50px;}

.about-s{background: url(../img/about2.jpg) no-repeat;height:600px;color: #fff;}
.about-s div ul:nth-child(1){padding:100px;}
.about-s div ul p{font-size: 30px;line-height: 80px;}
.about-s div ul:nth-child(2){padding-top: 45px;}
.about-s div ul li{float:left;width:310px;text-align: center;font-size: 16px;}
.about-s div ul li em{font-size: 40px;font-weight: bolder;}
.about-ys{text-align: center;padding-top: 40px;}
.about-ys-list ul{float: left;width: 413px;text-align: center;}
.about-ys-list ul li{padding:10px 35px;}
.about-td {text-align: center;padding:30px 0}
.about-td h2{color: #173895;}
.about-td span{line-height: 30px !important;}
.about-td span p:nth-child(1){padding-top: 30px;}
.about-td span p:nth-child(3){padding-bottom: 30px;}
.mbx .r li{float: left;margin: 0 20px;    }
.mbx .r li a{padding:10px 20px;border-radius: 25px;    border: 2px solid #ccc!important;line-height:20px;}
.mbx .r li .on{background-color: #173895;color: #FFF;}
.case-ll{float:left;width:400px;margin: 20px 5px;text-align: center;box-shadow:2px 5px 5px 2px rgb(230, 230, 230);}
.case-ll img{width:400px;height: 340px;background-color: #173895;}
.case-ll ul{clear: both;}
.case-ll ul:nth-child(2){line-height: 40px;}
.case-ll ul .l{padding-left: 10px;}
.case-ll ul .r{padding-right: 10px;}
.case-l H2{text-align: left;}
.case-article{padding: 30px 0;    text-align: center;}
.case-article ul{border: 2px solid #ccc}
.case-article img{max-width:100%;max-height:100%;}
.case-article h1{font-size: 20px;line-height: 60px;}
.case-article ul li{padding: 20px;}
.conter-map{box-shadow:0px 0px 5px 0px rgb(230, 230, 230);padding: 30px 0;}
.conter-call {padding: 40px 0;font-size: 18px;}
.conter-call .img{width:300px;}
.conter-call .conter-calla{width:450px;padding: 40px 0 0 40px;}
.conter-call .conter-calla li{line-height: 50px;}
.conter-call .conter-add{width:450px;}
.conter-call .conter-add{line-height: 70px;padding-top: 40px;}
.conter-call ul{float: left;}
.banner img{width: 100%;}
@media only screen and (min-width: 1600px){.fullwidthbanner-container{height:700px !important;}}