﻿@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none;border: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus="this.blur"());}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer; }
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic;}
a{text-decoration:none;cursor: pointer; color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"Î¢ÈíÑÅºÚ";font-size:12px;color:#000;-webkit-appearance: none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}
html{overflow-x: hidden;}
.clear{clear: both;}
body{position: relative;font-family: "微软雅黑",Arial;}




.tsn{-webkit-transition: all .5s;-moz-transition: all .5s; transition: all .5s;}

/*@font-face{
	font-family: "Helvetica";
	src:url("../font/Helvetica.ttf");
}*/


@media(max-width:1220px){

	body.on{-webkit-transform: translate(-70%,0);transform: translate(-70%,0); position: relative;}

}



/*header*/


.header{height: 90px;width: 100%;position: relative;}
.pc-h{width: 1382px;margin: 0 auto;}
.pc-h .logo{float: left;}

.pc-h .pc-nav{float: left;width: 600px;margin-left: 75px;}
.pc-h .pc-nav ul li{float: left;text-align: center;line-height: 90px;font-size:18px; color: #333333;width: 120px;}
.pc-h .pc-nav ul li a{color:#333333; }
.pc-h .pc-nav ul li.on>a{color: #fff;}
.pc-h .pc-nav ul li a:hover{color: #fff;}

.pc-h .pc-nav ul li.on{background:url(../images/nav_bg.png) no-repeat; color: #fff;}
/*.pc-h .pc-nav ul li.on a{color: #fff;}*/
.pc-h .pc-nav ul li:hover{background:url(../images/nav_bg.png) no-repeat; }
.pc-h .pc-nav ul li:hover a{ color: #fff;}
.pc-h .lan{border-right: 1px solid #ebebeb;width: 80px;height: 90px;float: right; cursor: pointer;position: relative;}
.pc-h .lan img{display: block;margin: 18px auto 0 auto;}
.pc-h .lan span{margin-top: 11px; display:block;text-align: center;font-size: 12px; color: #666666;position: relative;}
.pc-h .lan span:after{bottom: -14px;right: 32px;  position: absolute; content: '';   width: 0px; height: 0px; border-width: 5px; border-style: solid dashed dashed dashed;   border-color: #666666 transparent transparent transparent ;}
.pc-h .lan:hover{background:url(../images/nav_bg.png) no-repeat; background-position: center center;}
.pc-h .lan:hover span{color: #fff;}
.pc-h .lan:hover span:after{border-color: #fff transparent transparent transparent ;}

.pc-h .lan img{width: 30% !important;   display: block;}

.pc-h .reg{border-right: 1px solid #ebebeb;width: 80px;height: 90px;float: right; cursor: pointer;}
.pc-h .reg img{display: block;margin: 18px auto 0 auto;}
.pc-h .reg span{margin-top: 11px; display:block;text-align: center;font-size: 12px; color: #666666;position: relative;}
.pc-h .reg:hover{background:url(../images/nav_bg.png) no-repeat; background-position: center center;}
.pc-h .reg:hover span{color: #fff;}

.pc-h .reg a{width: 30% ;   display: block; margin: 0 auto;}

.pc-h .login{border-right: 1px solid #ebebeb;width: 80px;height: 90px;float: right;border-left: 1px solid #ebebeb;}
.pc-h .login img{display: block;margin: 18px auto 0 auto;}
.pc-h .login span{margin-top: 11px; display:block;text-align: center;font-size: 12px; color: #666666;position: relative;}
.pc-h .login:hover{background:url(../images/nav_bg.png) no-repeat; background-position: center center;}
.pc-h .login:hover span{color: #fff;}

.pc-h .login a{width: 30%;   display: block; margin: 0 auto;}

.pc-h .search{ margin-right: 30px;margin-top: 30px; width: 182px;height: 
30px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;float: right;}
.pc-h .search input{line-height: 30px;height: 30px;margin-left: 13px;width: 135px;float: left;display: block; padding-right: 5px}
.pc-h .search .submit{width: 15px;height: 16px;float: left;display: block;background:url(../images/serach_icon.png) no-repeat; margin-left: 0;margin-top: 6px;padding: 0}


.pc-h .ch-lan{position: absolute;top: 90px;right: 0;width: 161px;border: 1px solid #ebebeb;z-index: 999;background:#fff;display: none;}
.pc-h .ch-lan a{height: 43px;text-align: center;display: block;line-height: 43px;color: #666666;font-size: 14px;}
.pc-h .ch-lan a:hover{background: #ff8f1c;color: #fff;}
.pc-h .ch-lan .cn{border-top: 1px solid #ebebeb;}


.clumb{width: 100%;height: 75px;background:#dddfdf;}
.clumb_box{width: 1382px;margin: 0 auto;overflow: hidden;}
.clumb_box h4{float: left;line-height: 75px;font-size: 22px;color: #333333;}
.clumb_box i{margin: 27px 17px 0 17px;width: 1px;height: 21px;display: block;float: left; background:#dedede;}

.clumb_box .bd{float: left;width: 75%;}
.clumb_box .bd ul li{line-height: 75px;font-size: 18px; color: #666666;outline:none;}

.clumb_box .prev{width: 92px;height: 75px;background: url(../images/c_prve.png) no-repeat;float: right;display: block;}
.clumb_box .next{width: 92px;height: 75px;background: url(../images/c_next.png) no-repeat;float: right;display: block;}





.main{ overflow: hidden;width: 100%;background: url(../images/in_news.jpg)  no-repeat; background-size: cover;background-position: center center; height: 922px;}
.main ul {margin: 80px auto 0 auto;width: 1380px;overflow: hidden;}
.main ul li{ width: 31%;float: left;background: #f6f7f9;margin-right: 2%;margin-bottom: 3%;}
.main ul li a{display: block;}
.main ul .first{width: 25%; float: left;padding: 1.8% 3% 1% 3%; background: url(../images/first.jpg) no-repeat;}
.main ul .first a{display: block;}
.main ul .first h4{font-size: 36px;color: #ff8f1c;font-family: Arial;font-weight: bold;}
.main ul .first h5{font-size: 36px;color: #333333;font-family: Arial;font-weight: bold;}
.main ul .first h3{font-size: 30px;color: #333;margin-top: 28px;position: relative;}

.main ul .first h3:after{width: 60px;height: 3px;background: #1eb9ee;content: '';display: block;position: absolute;bottom: -25px;}
.main ul .first div{margin-top:24%; display: block; width: 230px;height: 48px;background: url(../images/view_more.png) no-repeat;text-align: center;line-height: 48px;color: #fff;}

.main ul li img{display: block;width: 100%;}
.main ul li .text{display: block;padding: 3% 4% ;overflow: hidden;height: 71px;}

.main ul li .text span{overflow: hidden;display: block;padding-bottom: 5px;}
.main ul li .text span h5{font-size: 18px;color: #333333;display: block;float: left; width:80%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.main ul li .text span em{float: right;font-size: 12px;color: #999999;display: block;width:20%;text-align:right;}
.main ul li .text p{display: block;font-size: 14px; color: #666666;height: 40px;overflow: hidden;}

.main ul li a:hover .text{background: #00bde9;}
.main ul li a:hover .text span h5{color: #fff;}
.main ul li a:hover .text span em{color: #fff;}
.main ul li a:hover .text p{color: #fff;}

.main ul li:nth-child(3){margin-right: 0;}
.main ul li:nth-child(6){margin-right: 0;}

.news-t{height: 450px;position: relative;}
.newss{width: 100%;background:url(../images/index_a.jpg) center center  no-repeat;  height: 345px;overflow: hidden;background-size: cover;}
.newss .content{padding: 65px 0 0 0;background: #eaebed ;width: 1380px;position: absolute;top: 80px;left: 50%;margin-left: -690px;overflow: hidden;}

.newss .content .first{padding: 0 0 0 50px;width: 390px;height: 305px;float: left;}
.newss .content .first h4{font-size: 36px;color: #ff8f1c;font-family: 'Arial';font-weight: bold;}
.newss .content .first h4 em{color: #333333;font-weight: bold;}
.newss .content .first h3{font-size: 30px;color: #333;margin-top: 18px;position: relative;}

.newss .content .first h3:after{width: 60px;height: 3px;background: #1eb9ee;content: '';display: block;position: absolute;bottom: -40px;}
.newss .content .first a{margin-top: 95px; display: block; width: 230px;height: 48px;background: url(../images/view_more.png) no-repeat;text-align: center;line-height: 48px;color: #fff;}
.newss .content .first a:hover{background: url(../images/view_moreh.png) no-repeat;}

.newss .content .n1{float: right;overflow: hidden;}
.newss .content .n1 .pic{float: left;margin-right: 30px;width: 280px;}
.newss .content .n1 .pic img{display: block;}
.newss .content .n1 span{color: #333333;font-size: 16px;margin-top: 10px;display: block;line-height: 20px;}
.newss .content .n1 .pic a{display: block;}
.newss .content .n1 .pic a:hover span{color:#1eb9ee;}


.what{width: 1380px;margin: 53px auto 90px auto;overflow: hidden;}

.what .w1{width: 590px;float: left;background:url(../images/cnews.jpg) no-repeat;height: 264px; padding: 40px 50px;}
.what .w1 .left{width: 230px;float: left;}
.what .w1 .left h4{font-size: 36px;color: #ffffff;    font-weight: bold;    font-family: Arial;}
.what .w1 .left h5{font-size: 25px;color: #fff;display: block;margin-top: 30px;position: relative;}
.what .w1 .left h5:after{width: 60px;height: 2px;background: #fff;content: '';display: block;position: absolute;bottom: -25px;}
.what .w1 .left a{text-align: center; background: #fff;margin-top: 62px; font-size: 14px; font-weight: bold;color: #1eb9ee;width: 230px;height: 48px;line-height: 48px;border-radius: 25px;display: block;-webkit-border-radius: 25px;-moz-border-radius: 25px;}

.what .w1 .right{float: right;width:270px;}
.what .w1 .right span{background:url(../images/icon4.png)  76px 0 no-repeat;padding-left: 30px;color: #fff;font-size: 15px;display: block;text-align: right;}
.what .w1 .right p{text-align: right;color: #fff;font-size: 15px;margin-top: 6px;display: block;}

.what .w2{width: 690px;float: right;background: #f6f7f9;height: 344px;position: relative;}
.what .w2 .wList{width: 690px; margin: 9% auto 0 auto;overflow: hidden;}
.what .w2 .wList li{ ;position: relative;float: left;-webkit-transform: scale(0.7);transform: scale(0.7); outline: none;}
.what .w2 .wList li img{width: 100%;}
.what .w2 .wList li.slick-center{position: relative;z-index: 88;-webkit-transform: scale(1.0);transform: scale(1.0);}
.what .w2 .wList li .pic img{width: 100%;}


/*
.what .w2 .wList li:hover span{
		color: #1eb9ee;
		font-size: 22px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		transition: all .5s;
		display: block;

}*/


.what .w2 .wList li .pic{display: block;margin: 0 auto 0 auto; }
.what .w2 .wList li span{font-size: 22px;color: #666666;display: block;text-align: center;position: absolute;bottom: 20%;left: 0;right: 0;margin: 0 auto}
.w2 .view{display: none;}
.what .w2 .wList li.slick-center span{color: #1eb9ee;font-size: 18px;}

/*footer*/

.footer{background: #eaebed;height: 248px;padding-top: 63px;}
.footer .fbox{width: 1380px;margin: 0 auto;}
.footer .fbox .left{width: 554px;float: left;border-right: 1px solid #e1e1e1;}
.footer .fbox .left .text{float: left;}
.footer .fbox .left .text .share{margin-top: 20px;}
.footer .fbox .left .text .share span{font-size: 16px;color: #333333;}
.footer .fbox .left .text p{font-size: 14px;color: #666666;margin-top: 10px;}

.footer .fbox .left .txt{margin-left: 60px;float: left;margin-top: 33px;}
.footer .fbox .left .txt span{display: block;font-size: 14px; color: #666666;text-align: center;margin-top: 10px;}

.footer .fbox .right{overflow: hidden;float:right;}

.footer .fbox .right dl{float: left;margin-left: 80px;}
.footer .fbox .right dl dt{font-size: 18px; color: #333333;margin-bottom: 30px;}
.footer .fbox .right dl dd{font-size: 14px;color: #666666;margin-bottom: 13px;width: 126px;}
.footer .fbox .right dl dd a{color: #666666;}
.footer .fbox .right dl dd a:hover{color: #1eb9ee;text-decoration: underline;}

.fo{width: 100%;height: 70px;background: #bcb9b9;}
.fo .fo_box{width: 1380px;margin: 0 auto;overflow: hidden;}
.fo .fo_box .left{float: left;}
.fo .fo_box a{color: #666666;font-size: 14px;line-height: 70px;}
.fo .fo_box .right{float: right;line-height: 70px;color: #666666;font-size: 14px;}


.m_nav{display: none;}
.m_menu{display: none;}
.banner {overflow:hidden;display: block;}
.banner ul li{height: 670px;background-size: cover;background-position: center center; background-repeat: no-repeat;position: relative;overflow:hidden }
.banner ul li a{display:block;width:100%;height:100%;}
.mBner{display: none;}

@media screen and (min-width: 1366px){

	.main ul .first div:hover{background: url(../images/view_moreh.png) no-repeat;}

}


@media screen and (max-width: 1440px){

	.pc-h{width: 1200px;}
	.pc-h .pc-nav{margin-left: 60px; }
	.pc-h .pc-nav ul li{width: 100px;}
	.pc-h .reg{width: 65px;}
	.pc-h .login{width: 65px;}
	.pc-h .search{width: 145px;margin-right: 15px;}
	.pc-h .search input{width: 100px;}

	.pc-h .reg a{width: 37% ;   display: block; margin: 0 auto;}
	.pc-h .login a{width: 37%;   display: block; margin: 0 auto;}


	.clumb_box {width: 1200px;}
	.main ul{width: 1200px;}


	.newss .content{width: 1200px;margin-left: -600px;}
	.newss .content .first{width: 325px;}
	.newss .content .n1 .pic{width: 245px;}
	.newss .content .n1 .pic img{width: 100%;}
	.what{width: 1200px;}
	.what .w1{width: 500px; padding: 40px 15px;}
	.what .w2{width: 670px;}

	.footer .fbox{width: 1200px;}
	.footer .fbox .right dl{margin-left: 35px;}
	.fo .fo_box{width: 1200px;}

	.main ul .first div{ margin-top: 19%;}
	.main{height: 860px;}

	.banner ul li{height: 500px;}
}


@media screen and (max-width: 1220px){

	.pc-nav,.lan,.reg,.login,.search,.ch-lan{display: none;}
	.pc-h{width: 100%;}
	.pc-h .logo{float: none;margin: 0 auto;width: 284px;}
	.clumb{line-height: 50px;height: 50px;}
	.clumb_box{width: 90%;margin: 0 auto;}
	.clumb_box h4,.clumb_box .bd ul li{line-height: 50px;}
	.clumb_box h4{font-size: 20px;}
	.clumb_box i{margin: 15px 17px 0 17px;}
	.clumb_box .bd ul li{font-size: 16px;width: 350px;overflow: hidden;    white-space: nowrap;  text-overflow: ellipsis;}
	.clumb_box .prev,.clumb_box .next{height: 50px;background-position: 0 -11px;}

	.clumb_box .prev:hover{background: url(../images/c_prve02.png) no-repeat;background-position: 0 -11px;}
	.clumb_box .next:hover{background: url(../images/c_next02.jpg) no-repeat;background-position: 0 -11px;}

	.main{height:  auto;}
	.main ul{width: 90%;    margin: 5% auto 0 auto;}
	.main ul li{width: 32%;margin-right: 1.3%;}
	.main ul .first{padding: 0;width: 32%;height: auto;}
	.main ul .first h4,.main ul .first h5,.main ul .first h3{font-size:  26px;}
	.main ul .first h3{margin-top: 4%;}

	.main ul .first a{padding: 10% 0 0 10%;}

	.main ul li a{width: auto;height: auto;}
	.main ul li .pic img{width: 100%;}
	.main ul li .pic{width:auto;}

	.main ul .first div{margin-bottom:9%; margin-top: 34%;width: 55%;height: 38px;line-height: 38px;background: url(../images/view_moreh.png) no-repeat;background-position: center center; background-size: cover;}
	/*.main ul .first div:hover{margin-bottom: 10%; margin-top: 34%;width: 55%;height: 38px;line-height: 38px;background-position: center center; background-size: cover;}
*/
	.main ul li .text{padding: 28px 8px; }

	.pc-h .ch-lan{display: none !important;}

	.newss .content{width: 90%;left: 0;right: 0;margin: 0  auto;padding-top: 3%;top:10%;padding-bottom: 3%;}
	.newss .content .first{float: none;width: 100%;padding-left: 0;height: 50px;}
	.newss .content .first h4{font-size: 26px;text-align: center;}
	.newss .content .first h3,.newss .content .first a{display: none;}
	.newss .content .n1{float: none;width: 90%;margin: 0 auto;}
	.newss .content .n1 .pic{width: 32%;margin-right: 1.3%;}

	.newss .content .view{width: 24%;font-size: 14px; background:#1eb9ee;text-align: center;line-height: 40px;color: #fff;border-radius: 25px;margin: 3% auto 0 auto;}
	.newss .content .view a{color: #fff;}

	.what{width: 90%;margin: 3% auto;}
	.what .w1 .left h4{font-size: 26px;}
	.what .w1 .left h5{font-size: 26px;}
	.what .w2{width: 100%;float: none;height: auto;}
	.what .w1 .left a{height: 38px;line-height: 38px;width: 50%;}
	.what .w2 .wList{width: 100%;margin: 0 auto;}
	.what .w1{display: none;float: none;width: 100%;}

	.footer{height: auto;    padding-top:4%;}
	.footer .fbox{width: 90%;}

	.footer .fbox .right{float: none;}
	.footer .fbox .right{float: none;width: 100%;}

	.footer .fbox .right dl{margin-left: 0%;margin-right: 0%;width:25% ;}
	.footer .fbox .right dl dt{margin-bottom: 5%;}
	.footer .fbox .left{float: none;height: auto;overflow: hidden;margin-top: 3%;width: 100%;border-right: none;padding-bottom: 3%;}
	.footer .fbox .left .txt{float: right;}
	.fo .fo_box{width: 90%;}

	.m_nav{width: 5%;position: absolute;right: 5%;top:31%;display: block;z-index: 999;}
	.m_nav img{width: 100%;}
	.m_menu{position: fixed; width: 49%; right: -72.4%;top: 0;padding: 5px 0 0 2px;border-left: 6px solid #1eb9ee;height: 100%;z-index: 99;display: block;}
	.m_menu form{width: 90%;margin: 6% auto; overflow:hidden; }
	.m_menu form input{width: 60%;padding:0 5%;height: 30px;border: 1px solid #a3a3a3; display: block;float: left;}
	.m_menu form .submit{padding: 0;width: 29%;background: #1eb9ee;border: none;height: 32px;color: #fff;font-size: 14px;}
	.m_menu .log-rag{width: 90%;margin: 0 auto;}
	.m_menu .log-rag a{width: 100%;display: block;height: 30px;margin-bottom: 3%;}
	.m_menu .log-rag a:nth-child(1){background: #0a7da5;font-size: 14px;color: #fff;text-align: center;line-height: 30px;}
	.m_menu .log-rag a:nth-child(2){background: #1fbdf3;font-size: 14px;color: #fff;text-align: center;line-height: 30px;}
	.m_menu .m-nm{width: 90%;margin: 3% auto;}
	.m_menu .m-nm li{ font-size: 13px;line-height: 50px;}
	.m_menu .m-nm li a{display: block;padding-left: 5%;border-bottom: 1px solid #e3e0e0;}
	.m_menu .m-nm li a.on{background: #1eb9ee;color: #fff}
	.m_menu select{width: 85%;margin: 0 auto;display: block;height: 30px;line-height: 30px;padding-left: 5%;background: url(../images/select.png) 96% center no-repeat;}

	.banner ul li{height: 400px;}

	.newss .content .n1 span{font-size: 14px;}
	.w2 .view{display: block;margin-bottom: 3%; width: 24%;font-size: 14px; background:#1eb9ee;text-align: center;line-height: 40px;color: #fff;border-radius: 25px;margin: 3% auto 0 auto;}
	.w2 .view a{color: #fff;}

	.what .w2{padding-bottom: 3%;}
    .main ul li .text span h5{float:none;width:100%;}
	.main ul li .text span em{float:none;width:100%;text-align:left;margin-top:2%;}
}


@media screen and (max-width:768px){

	.header{height: 60px;}
	.pc-h .logo{height: 60px;width: 190px;}
	.pc-h .logo img{width: 100%}

	.m_menu{border-left: 4px solid #1eb9ee;width: 71%; }
	.m_menu form input{width: 59%;}
	.clumb{height: 40px;line-height: 40px;}
	.clumb_box h4{line-height: 40px;font-size: 14px;}
	.clumb_box i{ margin: 5px 10px 0 10px;}
	.clumb_box .bd ul li{width: 185px;font-size: 12px;line-height: 40px;}
	.clumb_box .prev,.clumb_box .next{height: 40px;width: 40px;background-size: 40px 40px;background-position: 0 0px;}
	.clumb_box .next:hover{background-position: 0 0px;background-size: 40px 40px;}
	.clumb_box .prev:hover{background-position: 0 0px;background-size: 40px 40px;}

	.main ul li{width: 48%;margin-right: 2%;box-sizing: border-box;}
	.main ul li:nth-child(3){margin-right: 2%;}
	.main ul .first{width: 48%;padding: 0%;}
	.main ul .first h4, .main ul .first h5, .main ul .first h3{font-size: 18px;}
	.main ul .first div{margin-top:33%;background-size: contain;}
	.main ul li .text{padding: 10px 10px;height: 75px;}
	.main ul li .text span h5{font-size: 14px;}
	.main ul li .text p{height: 20px;overflow: hidden;}


	.footer .fbox .right dl{float: none;width: 100%;overflow: hidden;}
	.footer .fbox .right dl dt{margin-bottom: 2%;}
	.footer .fbox .right dl dd{float: left;width: auto;padding:1%; border: 1px solid #ccc;margin-right: 2%;}
	.fo{height: auto;}
	.fo .fo_box .left{float: none;}
	.fo .fo_box .right{float: none;}
	.fo .fo_box a{line-height: 30px;}
	.fo .fo_box .right{line-height: 30px;}

	.banner ul li{height: 230px;}
	.newss,.news-t{height: auto;background: none;}
	.newss .content{position: static;}
	.newss .content .n1 .pic{float: none;width: 100%;margin-right: 0;margin-bottom: 3%;}
	.newss .content .view{width: 50%;}

	.what .w2 .wList li .pic img{width: 70%;margin: 0 auto;}

	.w2 .view { width: 50%;}
	.newss .content .first h4,.newss .content .first h4 em{font-size: 20px;}

	.banner{display: none;}
	.mBner{display: block;}
}

@media screen and (max-width:640px){

	.m_nav{width: 10%;top: 30%;right: 5%;}
	.footer .fbox .left .txt{margin-left: 0px;width: 30%;}
	.footer .fbox .left .text .logo{width: 322px;}
	.main ul .first div {   margin-top: 32%;}



}
@media screen and (max-width:478px){

	.footer .fbox .left .text{float: none;}
	.footer .fbox .left .txt{float: none;}
	.footer .fbox .left .txt span{text-align: left;}
	.footer .fbox .left .text .logo img{width: 100%;}

}

@media screen and (max-width:384px){

	.m_menu{width: 70%;}
	.m_menu form .submit{font-size: 12px;}
	.clumb_box .bd ul li{width: 130px;}
	.footer .fbox .left .text .logo{width: 75%;}
	.main ul .first{width: 100%;float: none;}
	.main ul li{width: 100%;float: none;}
	.main ul .first div{margin-top: 22%;margin-bottom:0;}
	.main ul .first a{    padding: 10% 0 6% 10%;}
	.clumb_box h4{font-size: 12px;}
	.clumb_box i{margin: 10px 5px 0 5px;}
	.newss .content .view,.w2 .view{width: 60%;line-height: 35px;height: 35px;}


}



/*m_banner*/


.m_banner ul li{height: 400px;background-size: cover; background-position: center center; background-repeat: no-repeat;}


@media screen and (max-width: 1220px){

	.m_banner ul li{height: 300px;}

}


@media screen and (max-width: 768px){

	.m_banner ul li{height: 115px;}

}

/*m_banner*/


.m-clmb{width: 100%;background: #dddfdf;}
.mb_box{line-height: 60px;width: 1380px;margin: 0 auto;height: 60px; }
.mb_box span{font-size: 16px;color: #666666;display: block;float: left;}
.mb_box .sp1{ padding-left: 40px;background: url(../images/home.png)left center no-repeat; }
.mb_box i{float: left;display: block;background: url(../images/xxx.png) no-repeat;width: 5px;height: 9px;margin:  25px 30px 0 30px;}

.mb_box .sp2{background: url(../images/hicon.png)  right center no-repeat;padding-right: 40px;cursor: pointer;position: relative;}
.mb_box .sp2:hover{background: url(../images/hicon2.png)  right center no-repeat;color: #1eb9ee;}

.mb_box .sp3{color: #1eb9ee;}

.m-clmb .secend{position: absolute;border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;left: 0%;background: #fff;display: none;z-index: 9999;}
.m-clmb .secend a{width: 253px;height: 49px;border-bottom: 1px solid #d1d1d1;display: block;line-height: 49px;padding-left: 30px;font-size: 16px;}
.m-clmb .secend a:hover{background: #1eb9ee;color: #fff;}







/*------*/



/*about*/


.aboutus{width: 1380px;margin: 3% auto 0 auto;}
.aboutus .tag h1{font-size: 36px;color: #333333;font-family: Arial;font-weight: bold;display: block;text-align: center;}
.aboutus .tag h2{display: block;text-align: center;display: block;font-size: 30px;color: #ff8f1c;margin-top: 1%;}
.aboutus .tag i{display: block;width: 5%;height: 3px;margin: 1% auto;background: #1eb9ee;}

.aboutus .text{overflow: hidden;margin-top: 5%;}
.aboutus .text .wz{float: left;display: block;line-height: 35px;font-size: 16px;color: #333333;width: 45%;overflow: hidden;}
.aboutus .text .pic{float: right;width: 50%;}


.aboutus .list{margin-top: 5%;}

.aboutus .list li{width: 100%;margin-bottom: 2%; }
.aboutus .list li .titel{height: 52px;line-height: 52px;background:#f6f7f9 ; cursor: pointer;}
.aboutus .list li .titel h4{float: left;font-size: 22px;color: #333333;padding-left: 2%;}
.aboutus .list li .titel em{font-size: 16px;color: #333333;margin-right: 1%; display: block;float: right; }
.aboutus .list li.on .titel i{background:#f6f7f9 url(../images/adcc.png)  no-repeat;display: block;width: 14px;height: 15px;float: right;margin-right: 2%;margin-top: 1.5%;}


.aboutus .list li .titel i{background:#f6f7f9 url(../images/adcc.png)  no-repeat;display: block;width: 14px;height: 15px;float: right;margin-right: 2%;margin-top: 1.5%;background-position: 0 -15px}
.aboutus .list li .txt{padding: 2% 0;display: none;}
.aboutus .list li .txt p{font-size: 16px;color: #333333;line-height: 40px;}
.aboutus .list li .txt h4{font-size: 20px;color: #ff8f1c;padding: 2% 0;}

.aboutus .list li .txt .pic{overflow: hidden;width: 100%;overflow: hidden;padding:0 0 2% 0;}
.aboutus .list li .txt .pic img{width: 47%;display: block;box-sizing: border-box;}
.aboutus .list li .txt .pic img:nth-child(1){float: left;}
.aboutus .list li .txt .pic img:nth-child(2){float: right;}
.aboutus .list li .txt h3{display:inline-block;width:32%}
.aboutus .list li .txt h3 img{display:block;width:100%;height:auto;}


@media screen and (max-width: 1440px){

	.mb_box{width: 1200px;}
	.aboutus{width: 1200px;}

}


@media screen and (max-width: 1220px){

	.mb_box{width: 90%;height: 40px;line-height: 40px;}
	.mb_box .sp2{display: none;}
	.mb_box i:nth-child(4){display: none;}
	.aboutus{width: 90%;}
	.aboutus .text .pic img{width: 100%;}
	.mb_box i{ margin: 15px 30px 0 30px;}
	.aboutus .tag h1{font-size: 30px;}
	.aboutus .tag h2{font-size: 20px;}
	.aboutus .text p{font-size: 14px;line-height: 30px;text-overflow:ellipsis;  }
	.aboutus .list li .titel{height: 35px;line-height: 35px;}
	.aboutus .list li .titel h4{font-size: 18px;}
	.aboutus .list li .txt p{font-size: 14px;line-height: 35px;}
	.aboutus .list li .txt h4{font-size: 18px;}
	.aboutus .list li.on .titel i,.aboutus .list li .titel i{    margin-top: 10px;}
	.aboutus .list li .txt h3{display:inline-block;width:49%}
	.aboutus .list li .txt h3 img{display:block;width:100%;height:auto;}

}


@media screen and (max-width: 945px){

	.aboutus .text .wz{float: none;width: 100%;}
	.aboutus .text .pic{float: none;width: 100%;}


}


@media screen and (max-width: 768px){
	.m-clmb{display: none;}
	.aboutus .tag h1{font-size: 24px;}
	.aboutus .tag h2{font-size: 18px;}
	.aboutus .list li .titel em{font-size: 14px;}
	.aboutus .list li.on .titel i{ margin-top: 10px}
	.aboutus .list li .titel i{margin-top: 3%;}
	.aboutus .list li .txt p{line-height:  30px;}
	.aboutus .list li .titel h4{font-size: 14px;}
	.aboutus .list li .titel em{font-size: 12px;    margin-right: 5%;}
	.aboutus .list li .txt h4{font-size: 14px;}
	.aboutus .list li .txt .pic img:nth-child(1),.aboutus .list li .txt .pic img:nth-child(2){width: 100%;float: none;margin-bottom: 3%;}
	.aboutus .list li .txt h3{display:inline-block;width:100%}
	.aboutus .list li .txt h3 img{display:block;width:100%;height:auto;}

}


/*about*/


/*service*/


.service{width: 100%;margin: 2% auto;}
.service p{text-align: left;line-height: 20px;color: #666666;font-size: 16px;line-height: 35px;width: 1380px;margin: 0 auto;}

.service .txt{overflow: hidden;width: 100%;background: #f6f7f9;margin-top: 2%;}

.service .txt .txt-box{padding: 3% 0;width: 1200px;overflow: hidden;margin: 0 auto;}
.service .txt .txt-box .left{float: left;}
.service .txt .txt-box .left .pic img{width: 100%;display: block;}


.service .txt .txt-box .right{float: right;width: 48%;}
.service .txt .txt-box .right h4{font-size: 30px;color: #333333;}
.service .txt .txt-box .right .txt ul{overflow: hidden;width: 655px;}
.service .txt .txt-box .right .txt ul li{padding-left: 20px; float: left;font-size: 16px; color: #666666;width: 277px;margin-top: 2%;background: url(../images/disc.jpg) center left no-repeat;}
.service .title{margin-top: 3%;}
.service .title h4{width: 100%;text-align:center;color: #333333;font-size: 30px;}
.service .title .ylist{width: 1379px;margin: 4% auto;overflow: hidden;position: relative;}
.service .title .ylist li{width: 20%;border-right: 1px solid #ededed;float: left;}
.service .title .ylist li img{margin: 0 auto;display: block;}
.service .title .ylist li span{display: block;text-align: center;font-size: 20px;color: #1eb9ee;margin-top: 5%;}

.service .title .clist{width: 1379px;margin: 4% auto;overflow: hidden;position: relative;}
.service .title .clist li{width: 30%;float: left;margin-right: .5%;margin-left: .5%;outline:none}
.service .title .clist li span{display: block;font-size: 16px;color: #333333;padding: 4% 0;font-weight:bold;}
.service .title .clist li p span{padding:initial;color:#666666;font-size:18px;}
.service .title .clist li p{padding-left: 3%; display: block;text-align: left;font-size: 16px;color: #666666;margin-bottom: 1%;line-height: normal;background: url(../images/clisticon.jpg) center left no-repeat;}




@media screen and (max-width: 1440px){

	.service p{width: 1200px;}
	.service .title .ylist{width: 1199px;}
	.service .title .clist{width: 1200px;}
}


@media screen and (max-width: 1220px){

	.service p{width: 90%;    font-size: 14px;  line-height: 24px;text-align: left;}
	.service .txt .txt-box{width: 90%;}
	.service .txt .txt-box .left{width: 50%;}
	.service .txt .txt-box .right .txt ul li{width: 47%;font-size: 14px;margin-top: 1%;}
	.service .title .ylist,.service .title .clist{width: 90%}
	.service .title .ylist li span,.service .title .clist li span{font-size: 16px;}
	.service .title .clist li p{font-size: 14px;margin-bottom: 3%;}


}


@media screen and (max-width: 1070px){

	.service .txt .txt-box .left{float: none;width: 100%;}
	.service .txt .txt-box .right{float: none;padding: 2% 0;width: 100%;}
	.service .txt .txt-box .left .pic{width: 100%;}
	.service .txt .txt-box .right .txt ul{width: 100%;}
	.service .txt .txt-box .right .txt ul li{width: 90%;}

}

@media screen and (max-width: 768px){

	.service .title h4{font-size:  20px;}
	.service .txt .txt-box .right h4{font-size: 20px;}
	.service .title .clist li p{padding-left: 0;background: none;width: 100%;font-size: 12px;}

}

/*service*/



/*value*/


.value{width:100%;margin-bottom: 5%;margin-top: 3%;}
.value .vl-box{padding: 1%;width: 1380px;margin: 0 auto;overflow: hidden;display: block;}
.value ul{width: 1380px;margin: 0 auto;background: #f6f7f9;position: relative;overflow: hidden;}
.value ul li{display: block;float: left;width: 25%;padding-top: 1.5%;Padding-bottom: 2%;}
.value ul li a{display: block;}
.value ul li img{display: block;margin: 0 auto;}
.value ul li span{display: block;font-size: 22px;text-align: center;color: #333333;padding: 5% 0;}
.value ul li p{display: block;font-size: 16px;color: #666666;line-height: 25px;text-align: center;height: 130px;overflow: hidden;width: 80%;margin: 0 auto;}

.value ul li:hover{background: #1eb9ee;box-shadow: 0px 0px 25px #888888;}
.value ul li:hover span{color: #fff}
.value ul li:hover p{color: #fff;}



@media screen and (max-width: 1440px){
	.value .vl-box{width: 1200px;padding: 0}
	.value ul{width: 1200px;height:  auto;padding: 0;}

}
@media screen and (max-width: 1220px){

	.value ul,.value .vl-box{width: 100%;}
	.value ul li span{font-size: 20px;}
	.value ul li p{font-size: 14px;height:auto;}

	.value ul li:hover{background: none;box-shadow: none;}
	.value ul li:hover span{display: block;font-size: 20px;text-align: center;color: #333333;padding: 5% 0;}
	.value ul li:hover p{display: block;font-size: 14px;color: #666666;line-height: 25px;text-align: center;overflow: hidden;width: 80%;margin: 0 auto;}


}

@media screen and (max-width: 768px){

	.value ul li span{font-size: 16px;}
	.value ul li:hover span{font-size: 16px;}

}
/*value*/



/*solititons*/

.solts{width: 1380px;margin: 2% auto;}
.solts .txt1{overflow: hidden;height: 412px;border-bottom: 1px solid #d9d9d9;}
.solts .txt1 .text{float: left;width: 50%;}
.solts .txt1 .text h4{font-size: 26px;color: #333333;margin-bottom: 3%;}
.solts .txt1 .text p{font-size: 16px;color: #333333;line-height: 35px;}
.solts .txt1 .pic{float: right;width: 50%;text-align: right;}

.solts .txt1 .pic img{border:1px solid #c3c3c3;}

.solts .txt2{width: 1200px;margin: 3% auto;}
.solts .txt2 h4{font-size: 26px;color: #333333;display: block;text-align: center;}
.solts .txt2 p{font-size: 16px;color: #333333;text-align: center;line-height:28px;}


@media screen and (max-width: 1440px){

	.solts{width: 1200px;}
	.solts .txt1 .text{width: 45%;}

}

@media screen and (max-width: 1220px){

	.solts{width: 90%;}
	.solts .txt1{height: auto;padding-bottom: 3%;}
	.solts .txt1 .pic img{width: 100%;text-align: center;}
	.solts .txt1 .text{height: 230px; overflow: hidden;}
	.solts .txt2{width: 100%;}
	.solts .txt2 .pic img{width: 100%;}
	.solts .txt1 .text h4,.solts .txt2 h4{font-size: 22px;margin-bottom: 1%;}
	.solts .txt1 .text p,.solts .txt2 p{font-size: 14px;}
	.solts .txt2 p{padding: 1% 0;}



}

@media screen and (max-width: 1024px){

	.solts .txt1 .text{float: none;width: 100%;height: auto;margin-bottom: 3%;}
	.solts .txt1 .pic{float: none;width: 100%;}

}

@media screen and (max-width: 768px){

	.solts .txt1 .text h4, .solts .txt2 h4{font-size: 18px;}
	.solts .txt1 .text p{line-height: 30px;}

}

/*solititons*/


/*news*/

.news{width: 1380px;margin: 3% auto;}

.news .top{border-bottom: 1px dashed #d1d1d1;padding-bottom: 2%;}
.news .top h4{font-size: 22px;color: #1eb9ee;display:block;text-align: center;}
.news .top h5{font-size: 18px;color: #333333;display:block;text-align: center;padding: 1% 0;}
.news .top span{display: block;text-align: center;font-size: 16px;color: #666666;}
.news .content video{text-align:center;display:block;margin:0 auto;}

.news .content{margin-top: 2%;}
.news .content p{font-size: 16px;color: #333333;line-height: 32px;}

.news .link{overflow:hidden;margin-top: 3%;border-top: 1px solid #d1d1d1;}
.news .link a{font-size: 16px;color: #333333;padding: 2% 0;}
.news .link a:nth-child(1){float: left;}
.news .link a:nth-child(2){float: right;}

.news .link a:hover{color: #1eb9ee;}

@media screen and (max-width: 1440px){

	.news{width: 1200px;}

}


@media screen and (max-width: 1220px){

	.news{width: 90%;}
	.news .link a{width: 100%;display: block;}
	.news .link a:nth-child(1){float: none;}
	.news .link a:nth-child(2){float: none;}
	.news .top h4{font-size: 18px;}
	.news .top h5{font-size: 16px;}
	.news .top span{font-size: 14px;}
	.news .content p{font-size: 14px;line-height: 25px;}
	.news .link a{font-size: 14px;padding: 1% 0;}
	.news .content img{width:100%; height:auto;}
}

@media screen and (max-width: 768px){
.news .top h4{font-size: 16px;}
.news .top h5{font-size: 14px;}
.news .content img{width:100%;height:auto}
.news .content video{width:100%;height:auto;}
}

/*news*/

/*border*/

.border{width: 1380px;margin: 3% auto;}
.border ul{overflow: hidden;}
.border ul li{width: 18%;margin-right: 2%;float: left;margin-bottom: 3%}
.border ul li a{display: block;}
.border ul li .pic{position: relative;}
.border ul li .pic img{width: 100%;}
.border ul li .pic i{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #1eb9ee;opacity: .5;}
.border ul li span{font-size: 20px;color: #333333;margin-top: 5%;display: block;background:url(../images/borspan01.png) center right no-repeat;}

.border ul li:hover span{color: #1eb9ee;background: url(../images/borspan02.png) center right no-repeat;}
.border ul li:hover i{display: block;}




.bor_show{width: 1380px;margin: 3% auto;}
.bor_show ul{overflow: visible;margin-bottom: 15%}
.bor_show ul li{overflow: hidden;outline: none}
.bor_show  ul li .pic{float: left;width: 319px;}
.bor_show  ul li .text{float: left;width: 970px;margin-left: 50px;height:429px}
.bor_show  ul li .text h4{font-size: 26px;color: #333333;}
.bor_show  ul li .text span{font-size: 16px;color: #fd8e1c;padding: 1% 0;display: block;}
.bor_show  ul li .text p{font-size: 14px;color: #333333;line-height: 30px;border-top: 3px solid #1eb9ee;padding-top: 2%;display: block;}


.scrollbar5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #1eb9ee}
.scrollbar5 .mCSB_scrollTools{top: 0;}
.scrollbar5 .mCSB_inside > .mCSB_container{width: 97%;}
.scrollbar5 .mCSB_scrollTools .mCSB_draggerRail{height: 100%;}


@media screen and (max-width: 1440px){

	.border{width: 1200px;}

	.bor_show{width: 1200px;}
	.bor_show  ul li .pic{}
	.bor_show  ul li .text{width: 831px;}
	.bor_show  ul li .text p{overflow: hidden;}

}
@media screen and (max-width: 1220px){

	.border{width: 90%;}
	.border ul li{width: 31%}
	.border ul li span{font-size: 16px;}
	.border ul li:hover .pic i{display: none;}
	.border ul li span{color: #333333;background: url(../images/borspan01.png) center right no-repeat;}
	.border ul li:hover span{color: #333333;background: url(../images/borspan01.png) center right no-repeat;}

	.bor_show{width: 90%;}
	.bor_show  ul li .pic{float: none;width: 40%;}
	.bor_show  ul li .text{float: none;margin-left: 0;width: 100%;margin-top: 12px;}
	.bor_show  ul li .text p{height: auto;}

	.bor_show  ul li .text h4{font-size: 20px;}
	.bor_show  ul li .text span{font-size: 14px;}
	.bor_show  ul li .text p{font-size: 14px;}
}


@media screen and (max-width: 768px){

	.border ul li{width: 48%;box-sizing: border-box;}
	.border ul li span{background-size: 22px 7px;}
	.border ul li span{font-size: 14px;}
	.bor_show ul{height: auto;margin-bottom: 0}

	.bor_show  ul li .text h4{font-size: 19px}

}

/*border*/




/*inte*/

.inte{margin: 3% 0;}
.text1{width: 1380px;margin: 0 auto;font-size: 16px;color: #666666;line-height: 35px;}
.text2{width: 100%;background: #eaebed;margin-top: 3%;}
.text2 .text-box{width: 1380px;margin: 0 auto;padding: 3% 0;}
.text2 .text-box h4{display: block;font-size: 30px;color: #333333;text-align: center;}
.text2 .text-box p{text-align: center;font-size: 16px;color: #666666;line-height: 35px;margin-top: 1%;}

.text2 .text-box .pic{width: 1200px;margin: 3% auto 0 auto;}
.text2 .text-box .pic img{text-align: center;display: block;margin: 0 auto;}

.text3{width: 1380px;margin: 3% auto 0  auto;}
.text3 h4{ display: block; font-size: 30px; color: #333333;   text-align: center; }
.text3 .txt{overflow: hidden;}

.text3 .txt ul li{overflow: hidden;margin-top: .8%;}
.text3 .txt ul li .pic{float: left;width: 520px;}
.text3 .txt ul li .pic img{width: 100%;}
.text3 .txt ul li .wz{float: left;width: 55%;background: #eaebed;padding: 41px;height: 211px;}

.text3 .txt ul li .wz h5{font-size: 20px;color: #1eb9ee;}
.text3 .txt ul li .wz p{font-size: 16px;color: #333333;line-height: 35px;margin-top: 2%;}



@media screen and (max-width: 1440px){
    .text1{width:1200px;}
	.aboutus{width: 1200px;}
	.text2 .text-box{width: 1200px;}
	.text3{width: 1200px;}
	.text3 .txt ul li .pic{width: 439px;}
	.text3 .txt ul li .wz{height: 168px}
}



@media screen and (max-width: 1220px){
    .text1{width:90%;}
	.text2 .text-box{width: 90%;}
	.text2 .text-box img{width:100%; height:auto}
	.text1,.aboutus{width: 90%;}
	.text3{width: 90%;}
	.text3 .txt ul li .pic{width: 100%;float: none;}
	.text3 .txt ul li .wz{width: 92%;float: none;height: auto;    padding: 3% 4%;}
	.text2 .text-box h4,.text3 h4{font-size: 20px;}
	.text2 .text-box p,.text3 .txt ul li .wz p{font-size: 16px; line-height: 25px;}
	.text3 .txt ul li .wz h5{font-size: 18px;}
	.text2 .text-box .pic{width: 100%;}
	.text2 .text-box .pic img{width: 100%;}
}


@media screen and (max-width: 768px){

	.text1{font-size: 14px;line-height: 25px;}
	.text2 .text-box p, .text3 .txt ul li .wz p{font-size: 14px;text-align: left;}
	.text3 .txt ul li .wz h5{font-size: 16px;}


}

/*inte*/



/*brand*/

.brand{width:100%;margin-top: 3%;margin-bottom: 3%;}

.brand .br1{width: 100%;background: #f6f7f9;}
.brand .br1 .br-box{width: 1380px;margin: 0 auto;padding: 2% 0; overflow: hidden;}

.brand .br1 .br-box .text{float: left;width: 60%;}
.brand .br1 .br-box .text h4{margin-top: 6%;font-size: 24px;color: #333333;}
.brand .br1 .br-box .text span{font-size: 20px;color: #333333;margin-top: 2%;display: block;}
.brand .br1 .br-box .text p{font-size: 16px;color: #333333;line-height: 30px;margin-top: 2%;}
.brand .br1 .br-box .pic{float: right;width: 30%;}
.brand .br1 .br-box .pic img{width:100%}


.brand .br2{width: 100%;background: #fff;}
.brand .br2 .br-box{width: 1380px;margin: 0 auto;padding: 2% 0; overflow: hidden;}

.brand .br2 .br-box .text{float: left;width: 60%;}
.brand .br2 .br-box .text h4{margin-top: 6%;font-size: 24px;color: #333333;}
.brand .br2 .br-box .text span{font-size: 20px;color: #333333;margin-top: 2%;display: block;}
.brand .br2 .br-box .text p{font-size: 16px;color: #333333;line-height: 30px;margin-top: 2%;}
.brand .br2 .br-box .pic{float: right;width: 30%;}
.brand .br2 .br-box .pic img{ width: 100%;}





@media screen and (max-width: 1440px){

	.brand .br1 .br-box,.brand .br2 .br-box{width: 1100px;}

}


@media screen and (max-width: 1220px){

	.brand .br1 .br-box, .brand .br2 .br-box{width: 90%;}
	.brand .br1 .br-box .pic img,.brand .br2 .br-box .pic img{width: 100%}
	.brand .br1 .br-box .text h4{font-size: 20px;margin-top: 3%;}
	.brand .br1 .br-box .text span{font-size: 16px;}
	.brand .br1 .br-box .text p{font-size: 14px;}

}


@media screen and (max-width: 1024px){

	.brand .br1 .br-box .text,.brand .br2 .br-box .text{float: none;width: 100%;}
	.brand .br1 .br-box .pic,.brand .br2 .br-box .pic{float: none;width: 60%;}

}


@media screen and (max-width: 768px){

	.brand .br1 .br-box .text h4,.brand .br2 .br-box .text h4{font-size: 16px;}
	.brand .br1 .br-box .text span{font-size: 14px;}
	.brand .br1 .br-box .pic,.brand .br2 .br-box .pic{float: none;width: 80%;}
	.brand .br1 .br-box .text p,.brand .br2 .br-box .text p{font-size: 12px;}

}
/*brand*/



/*forms*/

.forms{width: 1200px;margin: 3% auto;}
.forms .mb{overflow: hidden;margin-bottom: 3%;}
.forms .select1{height: 48px; background: url(../images/selection.png)  95% center no-repeat;   width: 48%;padding-left: 2%; float: left;display: block;line-height: 48px;font-size: 16px;color: #333333;border: 1px solid #cbcccb;    -webkit-appearance: none; -moz-appearance: none;    -ms-appearance: none;    appearance: none;}
.forms .select2{height: 48px; background: url(../images/selection.png)  95% center no-repeat;   width: 48%;padding-left: 2%; float: right;display: block;line-height: 48px;font-size: 16px;color: #333333;border: 1px solid #cbcccb;    -webkit-appearance: none; -moz-appearance: none;    -ms-appearance: none;    appearance: none;}


.forms .mb input{ width: 46%;padding-left: 2%;border: 1px solid #cbcccb; line-height: 48px;font-size: 16px;color: #333333;}
.forms .mb input:nth-child(1){float: left;}
.forms .mb input:nth-child(2){float: right;}

.forms .mb textarea{width: 97%;border: 1px solid #cbcccb;height: 210px;padding-left: 2%;padding-top: 2%;font-size: 16px;color: #333333;}

.forms .mb .yzm{ width: 70%;display: block;float: left;}
.forms .mb img{margin-left: 2%;;display: block;float: left;height: 48px;width:25%;}
.forms .mb .ms{overflow: hidden;float: left;width: 50%;}
.forms .mb .submit{ width: 22%;padding: 0;color: #fff;font-size: 14px;background: #1eb9ee;border:  none;margin-left: 3%;;display: block;float: left;}
.forms .mb .reset{width: 23%;padding: 0;color: #333;font-size: 14px;background: #d1d1d1;border:  none;text-align: center;margin-left: 2%;;display: block;float: left;}


@media screen and (max-width: 1220px){

	.forms{width: 90%;}
	.forms .mb .ms{float: left;width:50%;}
	.forms .mb .submit{width: 22% !important;}
}


@media screen and (max-width: 768px){
	.forms .mb{margin-bottom: 0}
	.forms .select1,.forms .select2{height: 38px;float: none;width: 100%;margin-bottom: 3%;display: block;line-height: 38px;font-size: 14px;}
	.forms .mb input:nth-child(1),.forms .mb input:nth-child(2){float: none;width: 97%;margin-bottom: 3%;line-height: 38px;font-size: 14px;}
	.forms .mb .ms{margin-top: 2%;width: 100%;}
	.forms .mb .yzm{width: 60% !important;float: left !important;}
	.forms .mb img{width: 35%;height: 48px;}
	.forms .mb .submit,.forms .mb .reset{width: 100% !important;margin-left: 0;line-height: 38px;}

	.forms .mb textarea{font-size: 14px;}

}

/*forms*/



/*soc*/

.soc{width: 1380px;margin: 3% auto;}
.soc .txt p{font-size: 16px;color: #333333;line-height: 30px;text-align: left;margin-bottom: 2%;}
.soclist{overflow: hidden;margin-top: 3% ;}
.soclist li{overflow: hidden;margin-bottom: 2%;}
.soclist li a{display: block;}
.soclist li .pic{float: left;width: 480px;}
.soclist li .pic img{width: 100%;}
.soclist li .text{float: left;width: 818px;border: 1px solid #d6d6d6;padding: 40px;height: 197px; }

.soclist li .text h4{font-size: 22px;color: #333333;display: block;border-bottom: 1px dashed #e7e6e6;padding-bottom: 10px;}

.soclist li .text p{font-size: 16px;color: #666666;line-height: 30px;margin-top: 20px;}

.soclist li .text em{display: block;font-size: 16px;color: #999999;margin-top: 27px;}

@media screen and (min-width: 1440px){

	.soclist li:hover .text h4{color: #1eb9ee;}
	.soclist li:hover .text em{color: #1eb9ee;}
}



@media screen and (max-width: 1440px){

	.soc{width: 1200px;}
	.soclist li .pic{width: 418px;}
	.soclist li .text{width: 730px;padding: 22px;}


}


@media screen and (max-width: 1220px){

	.soc{width: 755px;}
	.soc .txt p{font-size: 14px;margin-bottom: 1%;line-height: 25px;}
	.soclist{width: 768px;margin: 3% auto 0 auto;}
	.soclist li .pic {   width: 327px;}
	.soclist li .text{width: 382px;height: 145px;	}
	.soclist li .text p{
		 overflow: hidden;
 		 text-overflow: ellipsis;
    	 display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
	}
	.soclist li .text em{margin-top: 17px;}
	.soclist li .text h4{font-size: 18px;}
	.soclist li .text p{font-size: 14px;}
	.soclist li .text em{font-size: 14px;}

}




@media screen and (max-width: 768px){

	.soc{width: 90%;}
	.soclist{width: 100%;}
	.soclist li .pic{float: none;width: 100%;}
	.soclist li .pic img{width: 100%;height: auto;}
	.soclist li .text{width: 94%;padding: 3%;border-left: none;border-right: none}

}

/*soc*/



/*invt*/
.invt{margin: 3% 0;}
.invt .int01{width: 1380px;margin: 0 auto;}

.invt .int02{width: 1380px; margin: 0 auto}

.invt .tag{padding: 4% 0;background: #f6f7f9;margin-top: 3%;}

.invt .tag .tag-box{width: 1380px;margin: 0 auto;}

.invt .tag .tag-box h4{font-size: 30px;color: #333333;display: block;text-align: center;}
.invt .tag .tag-box span{font-size: 16px;color: #333333;display: block;text-align: center;padding: 2% 0;}
.invt .tag .tag-box img{display: block;margin: 0 auto}

.invt .rule{width: 945px;margin: 3% auto;}
.invt .rule h4{display: block;text-align: center;font-size: 30px;color: #333333;}
.invt .rule .title{overflow: hidden;margin-top: 3%;}
.invt .rule .title span:nth-child(1){width: 69.8%;float: left;line-height: 60px;color: #fff;background: #1eb9ee;text-align: center;font-size: 22px;}
.invt .rule .title span:nth-child(2){width: 30%;float: right;line-height: 60px;color: #fff;background: #1eb9ee;text-align: center;font-size: 22px;}
.invt .rule ul li{overflow: hidden;line-height: 60px;border-bottom: 1px solid #e9e9e9;}
.invt .rule ul li span{
		width: 65%;
		overflow: hidden;
 		 text-overflow: ellipsis;
    	 display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        float: left;
        color: #666666;
        font-size: 16px;
        padding-left: 5%;
}

.invt .rule ul li a{width: 30%;float: right;font-size: 16px;color: #666666;text-align: center;display: block;background: url(../images/inv04.png)  68px 21px  no-repeat;}


@media screen and (min-width: 1366px){

	.invt .rule ul li:hover{background: #f6f7f9;}
	.invt .rule ul li:hover span{color: #1eb9ee;}
	.invt .rule ul li:hover a{background: url(../images/inv05.png)  68px 21px  no-repeat;}

}


@media screen and (max-width: 1440px){

	.invt .int01{width: 1200px;}
	.invt .int02{width: 1200px;}
	.invt .int01 img,.invt .int02 img{width: 100%;}
	.invt .tag .tag-box{width: 100%;}
}


@media screen and (max-width: 1220px){

	.invt .int01{width: 90%;}
	.invt .int02{width: 90%;}
	.invt .tag .tag-box{width: 90%;}
	.invt .tag .tag-box h4{font-size: 20px;}
	.invt .rule h4{font-size: 20px;}
	.invt .rule .title span:nth-child(1){line-height: 50px;font-size: 16px;}
	.invt .rule .title span:nth-child(2){line-height: 50px;font-size: 16px;}
	.invt .rule ul li span{line-height: 50px;font-size: 14px;}
	.invt .rule ul li a{line-height: 50px;background: none;font-size: 14px;}
	.invt .rule{width: 90%;}
	.invt .tag .tag-box img{width: 100%;}
}


@media screen and (max-width: 768px){

	.invt .tag .tag-box span{font-size: 14px;}
	.invt .tag .tag-box h4,.invt .rule h4{font-size: 16px;}
	.invt .rule .title span:nth-child(1),.invt .rule .title span:nth-child(2){line-height: 40px;}
	.invt .rule ul li span,.invt .rule ul li a{line-height: 40px;}

}

/*invt*/


/*summary*/

.summary{width: 1380px; margin: 3% auto;}
.summary .hd{overflow: hidden;border-bottom: 1px solid #d9d9d9}
.summary .hd ul{overflow: hidden;float: left;}
.summary .hd ul li{cursor: pointer; width: 164px;height: 50px;border: 1px solid #d9d9d9;float: left;text-align: center;color: #666666;font-size: 22px;line-height: 50px;}
.summary .hd ul li.on{border: 1px solid #1eb9ee;color: #fff;background: #1eb9ee}

.summary .bd{margin-top: 3%;}
.summary .bd ul{overflow: hidden;}
.summary .bd ul li{float: left;width: 49%;margin-right: 1%;margin-bottom: 4%;}



.summary .hd .chose{float: right;}
.summary .hd .chose span{font-size: 16px;color: #666666;line-height: 50px;display: block;float: left;}
.summary .hd .chose select{display: block;float: left;width: 117px;line-height: 30px;border: 1px solid #1eb9ee;margin-top:  10px;padding-left: 5px;background: url(../images/sbsb.jpg) 95px 12px no-repeat;}


.summary .bd .top{height: 60px;background: #1eb9ee;line-height: 60px;text-align: center;color: #fff;font-size: 20px;}
.summary .bd .top .sp1{width: 60%;;float: left;display: block;}
.summary .bd .top .sp2{width: 19%;;float: left;display: block;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.summary .bd .top .sp3{width: 20%;float: left;display: block;}


.summary .bd .bot{padding: 15px 0;text-align: left;color: #666666;font-size: 16px;overflow: hidden;border-bottom: 1px solid #e9e9e9}
.summary .bd .bot .sp1{width: 55%;;float: left;display: block;padding-left: 5%;}
.summary .bd .bot .sp2{width: 20%;;float: left;display: block;text-align: center;background: url(../images/inv04.png) 80px 0px no-repeat;}
.summary .bd .bot .sp3{width: 20%;float: left;display: block;text-align: center;}



.summary .bd .bot:hover{background: #f6f7f9;}
.summary .bd .bot:hover .sp1{color: #1eb9ee;}
.summary .bd .bot:hover .sp2{color: #1eb9ee;background: url(../images/inv05.png) 80px 0 no-repeat;}

.summary .bd .bd1 dl{display: none;}

@media screen and (max-width: 1440px){

	.summary{width: 1200px;}
	.summary .bd .bot .sp1{line-height: 25px;}
	.summary .bd .bot .sp2{background-position:53px 22px  ; }
	.summary .bd .bot:hover .sp2{background-position:53px 22px  ; }

}


@media screen and (max-width: 1220px){

	.summary{width: 90%;}
	.summary .bd ul li img{width: 100%;}
	.summary .hd ul li{width: 130px;height: 30px;line-height: 30px;font-size: 18px;}
	.summary .bd .bot .sp2{background:none; }
	.summary .bd .bot:hover .sp2{background:none; ; }
	.summary .hd .chose span{height: 30px;line-height: 30px;font-size: 14px;}
	.summary .hd .chose select{width: 80px;margin-top: 0;background-position: 60px 12px;}
	.summary .bd .top{height: 40px;line-height: 40px;font-size: 16px;}
	.summary .bd .bot{font-size: 14px;}
	.summary .bd .bot .sp1{width: 60%;padding-left: 0;}
}

@media screen and (max-width: 768px){

	.summary .hd ul li{width: 100px;height: 30px;line-height: 30px;font-size: 14px;}
	.summary .bd .bot,.summary .bd .top{display: none;}
	.summary .bd .bd1 dl{display: block;overflow: hidden;}
	.summary .bd .bd1 dl dd{width: 100%;float: none;margin-bottom: 2%;border-bottom: 1px solid #e9e9e9;}
	.summary .bd .bd1 dl dd h5{font-size: 18px;}
	.summary .bd .bd1 dl dd span{font-size: 14px;padding: 3% 0%;display: block;}
	.summary .bd .bd1 dl dd h4{font-size: 14px;background: url(../images/inv05.png) left center no-repeat;padding-left: 25px;color: #1eb9ee;background-size: 16px}
	.summary .bd ul li{width:100%}
}

@media screen and (max-width: 640px){

	.summary .hd ul li{width: 90px;height: 25px;line-height: 25px;}
	.summary .hd ul{float: none;}
	.summary .hd .chose{float: none;padding: 3% 0;overflow: hidden;}
	.summary .hd .chose span{font-size: 14px;height: 25px;line-height: 25px;}
	.summary .hd .chose select{line-height: 25px;height: 25px;  background-position: 60px 10px;}
	/*.summary .bd .bd1 dl dd{width: 100%;float: none;margin-bottom: 2%;}*/


}
/*summary*/



/*cale*/

.cale{width: 100%; margin: 3%  auto;}
.cale .hd{border-bottom: 1px solid #d9d9d9;height: 44px;}
.cale .hd ul {overflow: hidden;width: 1380px;margin: 0 auto;}
.cale .hd ul li{color: #666666;font-size: 20px;font-weight: bold;text-align: center;height: 44px;float: left; outline: none;}



.cale .hd ul li.on span{color: #1eb9ee;border-bottom: 5px solid #1eb9ee;display: inline-block;height: 39px;}

.cale .bd{width: 1380px;margin: 2% auto 0 auto;}
.cale .bd ul li{overflow: hidden;}

/*.cale .bd ul li .sp1{float: left;width: 20%;}
.cale .bd ul li .sp2{float: left;width: 39%;}

.cale .bd ul li .sp1 dt{display: block; float: left;width: 99.7%;height: 60px;line-height: 60px;color: #fff;background: #1eb9ee;font-size: 20px;border-right: 1px solid #fff;text-align: center;}
.cale .bd ul li .sp1:nth-child(1) dt{border-left: 1px solid #1eb9ee;width: 99.6%;}
.cale .bd ul li .sp2 dt{display: block; float: left;width: 100%;background: #1eb9ee;font-size: 20px;border-right: 1px solid #1eb9ee;height: 60px;line-height: 60px;color: #fff;text-align: center;}



.cale .bd ul li .sp1 dd{display: block; float: left;width: 99.7%;height: 60px;line-height: 60px;color: #333;background: #fff;font-size: 20px;border-right: 1px solid #d9d9d9;text-align: center;border-bottom: 1px solid #d9d9d9;}
.cale .bd ul li .sp2 dd{display: block; float: left;width: 100%;background: #fff;font-size: 20px;border-right: 1px solid #d9d9d9;height: 60px;line-height: 60px;color: #333;text-align: center;border-bottom: 1px solid #d9d9d9;}
.cale .bd ul li .sp1:nth-child(1) dd{border-left: 1px solid #d9d9d9;width: 99.6%;}
    */


.cale .bd ul li dl dt span{background: #1eb9ee;font-size: 22px ;color:#ffffff;text-align: center;float: left;display: block;padding: 1% 0;}
.cale .bd ul li dl dt .sp1{width: 20%;border-right: 1px solid #ffffff;}
.cale .bd ul li dl dt .sp2{width: 38%;border-right: 2px solid #1eb9ee;}


.cale .bd ul li dl dd span{background: #ffffff;font-size: 16px ;color:#333333;text-align: center;float: left;display: block;padding: 1% 0;border-bottom: 1px solid #d9d9d9;}
.cale .bd ul li dl dd .sp1{width: 20%;border-right: 1px solid #d9d9d9;}
.cale .bd ul li dl dd .sp1:nth-child(1){border-left: 1px solid #d9d9d9;}
.cale .bd ul li dl dd .sp2{width: 38%;border-right: 1px solid #d9d9d9;}

.cale .bd ul li dl dt span{font-size: 18px;}


.cale .bd ul li .m-dl{display: none;}



.cale .bd ul li .pic{width: 43%;margin-right: 2%;border: 5px solid #f6f7f9;padding: 2%;float: left;overflow: hidden;float: left;margin-bottom: 3%;}
.cale .bd ul li .pic .pt{float: left;width: 50%;}
.cale .bd ul li .pic .pt img{width: 100%;}
.cale .bd ul li .pic .text{font-size: 46%;margin-left: 4%;float: left;}
.cale .bd ul li .pic .text h5{font-size: 22px;color: #666666;}

.cale .bd ul li .pic .text p{font-size: 18px;color: #333333;margin-top: 5%;height: 160px;}


.cale .bd ul li .pic .text .txt{overflow: hidden;}
.cale .bd ul li .pic .text .txt a{display: block;float: left;font-size: 16px;color: #666666;background:url(../images/inv04.png) no-repeat center left; padding-left:30px;}
.cale .bd ul li .pic .text .txt span{float: right;display: block;font-size: 16px;color: #666666}



.cale .bd .boz ul{overflow: hidden;}

.cale .bd .boz ul li{float: left;padding-bottom: 2%;border-bottom: 1px solid #d9d9d9;width: 100%;margin-bottom: 2%;}
.cale .bd .boz ul li .pic1{float: left;width: 15%;}
.cale .bd .boz ul li .pic1 img{width: 100%;}
.cale .bd .boz ul li .text{float: left;margin-left: 3%;width: 82%}
.cale .bd .boz ul li .text h4{font-size: 18px;color: #333333;margin-top: 3%;}
.cale .bd .boz ul li .text .td span{font-size: 16px;color: #666666;display: block;float: left;}
.cale .bd .boz ul li .text .td{overflow: hidden;margin-top: 2.5%;}

.cale .bd .boz ul li .text .td em{float: right;font-size: 14px;color: #666666;width: 15%;padding-bottom: 1%;border-bottom: 3px solid #969696;margin-right: 5%;background: url(../images/emicon.png) right top   no-repeat;}


@media screen and (min-width: 1336px){

	.cale .bd .boz ul li:hover .text h4{color: #1eb9ee;}
	.cale .bd .boz ul li:hover .text em{color: #1eb9ee;background: url(../images/emicon02.png) right top   no-repeat;border-bottom: 3px solid #1eb9ee;}

    .cale .bd ul li .pic:hover .text h5{font-size: 22px;color: #1eb9ee;}
	.cale .bd ul li .pic:hover .text .txt a{background:url(../images/inv05.png) no-repeat center left;}
	.cale .bd ul li .pic:hover .text p{color:#fd8e1b;}
}


@media screen and (max-width: 1440px){

	.cale .hd ul{width: 1200px;}
	.cale .bd{width: 1200px;}
	.cale .bd ul li .sp1:nth-child(1) dt{width: 99.3%}
	.cale .bd ul li .sp1:nth-child(1) dd{width: 99.3%;}

	.cale .bd ul li .pic .text p{height: 130px;}
}

@media screen and (max-width: 1220px){

	.cale .hd ul{width: 90%;}
	.cale .bd{width: 90%;}
	.cale .bd ul li .sp1{width: 50%;}
	.cale .bd ul li .sp2{width: 50%;}
	.cale .bd ul li .sp2 dd{border: none;}
	.cale .bd ul li .sp1 dd{border: none;}
	/*.cale .bd ul li .sp1:nth-child(1) dt{width: 99.5%;}
	.cale .bd ul li .sp1:nth-child(1) dd{border: none;}

	.cale .bd ul li .sp1 dt,.cale .bd ul li .sp1:nth-child(1) dt{height: 30px;line-height: 30px;font-size: 16px;}
	.cale .bd ul li .sp2 dt{line-height: 30px;height: 30px;font-size: 14px;}

	.cale .bd ul li .sp1 dd,.cale .bd ul li .sp1:nth-child(1) dd{height: 30px;line-height: 30px;font-size: 14px;}
	.cale .bd ul li .sp2 dd{height: 30px;line-height: 30px;font-size: 14px;}
	.cale .bd ul li .sp1:nth-child(1) dt{width: 99.1%}*/

	.cale .bd ul li .pic .pt{width: 100%;float: none;}
	.cale .bd ul li .pic{width: 26%;    margin-right: 1%;}
	.cale .bd ul li .pic .text{float: none;width: 100%;margin-left: 0;font-size: 16px;}
	.cale .bd ul li .pic .text h5{font-size: 16px;}
	.cale .bd ul li .pic .text p{font-size: 14px;height: auto;}
	.cale .bd ul li .pic .text .txt {margin-top: 3%; }
	.cale .bd ul li .pic .text .txt a{font-size: 14px;}
	.cale .bd ul li .pic .text .txt span{font-size: 14px;}

	.cale .bd .boz ul li .pic1{float: none;width: 40%;}
	.cale .bd .boz ul li .text{float: none;margin-left: 0;width: 100%;}
	.cale .bd .boz ul li .text h4{font-size: 16px;    margin-top: 2%;}
	.cale .bd .boz ul li .text .td span{font-size: 14px;width: 100%; float: none;}
	.cale .bd .boz ul li .text .td{margin-top: 2%;}
	.cale .bd .boz ul li .text .td em{float: none;width: 100%;padding: 0;background: none;margin-top: 1%;display: block;border-bottom: none;}


}


@media screen and (max-width: 768px){

	.cale .bd ul li .pic{width: 41%;    margin-right: 1%;}
	.cale .bd ul li .pic .text h5{font-size: 14px;}
	.cale .bd ul li .pic .text .txt a{float: none;padding: 6% 0;background:none;}
	.cale .bd ul li .pic .text .txt span{float: none;}

	.cale .bd .boz ul li .text h4{font-size: 14px;}
	.cale .bd .boz ul li .pic1{width: 100%}


	.cale .hd ul li.on span{border-bottom: 2px solid #1eb9ee;height: 42px;}

	.cale .bd ul li dl{display: none;}
	.cale .bd ul li .m-dl{display: block;}
	.cale .bd ul li .m-dl div{width: 100%;margin-bottom: 5%;overflow: hidden;}
	.cale .bd ul li .m-dl div span{width: 50%;overflow: hidden;display: block;float: left;}
	.cale .bd ul li .m-dl div span h5{width: 100%;background: #1eb9ee;color: #fff;text-align: center;display: block;padding: 1% 0;font-size: 16px;}
	.cale .bd ul li .m-dl div span em{display: block;font-size: 14px;text-align: center;padding:2% 0;}
}


/*cale*/

/*contact*/

.cant{width: 1380px;margin: 3% auto;}
.cant2{display: none;}
.cant dl {overflow: hidden;}
.cant dl dt .sp1{float: left; display: block;line-height: 60px;text-align: center; width: 477px;height: 60px;border-left: 1px solid #1eb9ee;border-right: 1px solid #fff;height: 60px;color: #fff;font-size: 20px;background: #1eb9ee;border-right: 1px solid #fff;}
.cant dl dt .sp2{float: left; display: block;line-height: 60px;text-align: center; width: 238px;height: 60px;border-left: 1px solid #1eb9ee;border-right: 1px solid #fff;height: 60px;color: #fff;font-size: 20px;background: #1eb9ee;border-right: 1px solid #fff;}
.cant dl dt .sp3{float: left; display: block;line-height: 60px;text-align: center; width: 659px;height: 60px;border-left: 1px solid #1eb9ee;border-right: 1px solid #fff;height: 60px;color: #fff;font-size: 20px;background: #1eb9ee;border-right: 1px solid #1eb9ee;}


.cant dl dd .sp1{border-bottom: 1px solid #d9d9d9;float: left; display: block;line-height: 60px;text-align: center; width: 477px;height: 60px;border-left: 1px solid #d9d9d9;height: 60px;color: #333;font-size: 20px;background: #fff;}
.cant dl dd .sp2{border-bottom: 1px solid #d9d9d9;float: left; display: block;line-height: 60px;text-align: center; width: 238px;height: 60px;border-left: 1px solid #d9d9d9;height: 60px;color: #333;font-size: 20px;background: #fff;}
.cant dl dd .sp3{border-bottom: 1px solid #d9d9d9;float: left; display: block;line-height: 60px;text-align: center; width: 659px;height: 60px;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;height: 60px;color: #333;font-size: 20px;background: #fff;border-right: 1px solid #d9d9d9;}

@media screen and (max-width: 1440px){

	.cant{width: 1200px;}
	.cant dl dt .sp3{width: 479px;}
	.cant dl dd .sp3{width: 479px;}

}


@media screen and (max-width: 1220px){

	.cant{display: block;}
	.cant{width: 1024px;}
	.cant dl dt .sp3{width: 303px;}
	.cant dl dd .sp3{width: 305px;}

}

@media screen and (max-width: 1024px){
	.cant{display: none;}
	.cant2{width: 90%;margin: 3% auto;display: block;overflow: hidden;}
	.cant2 li{float: left;width: 50%;margin-bottom: 2%;}
	.cant2 li h5{font-size: 16px;color: #333;display: block;}
	.cant2 li span{display: block;font-size: 14px;color: #333333;}
	.cant2 li div{margin: 2% auto}

}
@media screen and (max-width: 640px){

	.cant2 li{float: none;width: 100%;border-bottom: 1px solid #ccc}

}
/*contact*/



/*会员登录*/


#fade{width: 100%;height: 100%;background: #000;filter:alpha(opacity=50); opacity: .5;position: absolute;top: 0;display: none;z-index: 88}

.showbox{width: 638px; background: #fff;position: fixed;top: 20%;left: 0;right: 0; margin: 0 auto;padding-bottom: 30px;display: none;z-index: 99}
.showbox .colse{position: absolute;right: 5%;top: 4%;background: url(../images/coles.jpg) no-repeat;width: 14px;height: 14px;}
.showbox h5{font-size: 26px;color: #333;text-align: center;padding-top: 5%;margin-bottom: }
.showbox p{font-size: 16px;color: #999999;display: block;text-align: left;padding: 2% 0 3% 0;width: 357px;margin: 0 auto }

.showbox form{width: 357px;margin: 0 auto;}
.showbox form .mb{margin-bottom: 3%;overflow: hidden;}
.showbox form .mb label{display: block;float: left;width: 85px;font-size: 16px;color: #333333;text-align: left;line-height: 38px;}
.showbox form .mb .box{height: 16px;border: 1px solid #dddddd;width: 236px;float: left;padding: 12px 0px 12px 12px;}
.showbox form .mb .box input{width: 208px;height: 21px;display: block;float: left;}
.showbox form .mb .box i{border-left: 1px solid #dddddd;padding:  0 5px;display: block;float: left;}

.showbox form .mb .submit{margin-left: 78px; margin-top: 5%; width: 130px;height: 48px;background: #1eb9ee;text-align: center;line-height: 48px;font-size: 18px;color: #fff;font-family: '微软雅黑';}
.showbox form .mb .reg{margin-top: 5%;width: 130px;height: 48px;background: #c0c0c0;text-align: center;line-height: 48px;font-size: 18px;color: #fff;font-family: '微软雅黑';}
.showbox form .mt{overflow: hidden;height: 30px;border-bottom: 1px dashed #c0c0c0;margin-top: 7%;margin-bottom: 3%;}
.showbox form .mt h4{display: block;float:left; font-size: 16px;color: #333333;}
.showbox form .mt em{display: block;float: right;background: url(../images/sqicon.jpg) no-repeat center right;padding-right: 25px;color: #c0c0c0;line-height: 30px;cursor: pointer;}
.showbox form .mt em.on{

	background: url(../images/sqicon2.jpg) no-repeat center right;
}

.showbox form .mb .button{margin-left: 78px; margin-top: 4%; width: 280px;height: 48px;background: #1eb9ee;text-align: center;line-height: 48px;font-size: 18px;color: #fff;font-family: '微软雅黑';}

.showbox form .up{display:none;}


/*注册*/
.showbox1{width: 638px; background: #fff;position: fixed;top: 20%;left: 0;right: 0; margin: 0 auto;padding-bottom: 30px;display: none;z-index: 99}
.showbox1 .colse{position: absolute;right: 5%;top: 4%;background: url(../images/coles.jpg) no-repeat;width: 14px;height: 14px;}
.showbox1 h5{font-size: 26px;color: #333;text-align: center;padding-top: 5%;margin-bottom: 5%;}

.showbox1 form{width: 357px;margin: 0 auto;}
.showbox1 form .mb{margin-bottom: 3%;overflow: hidden;}
.showbox1 form .mb label{display: block;float: left;width: 85px;font-size: 16px;color: #333333;text-align: left;line-height: 38px;}
.showbox1 form .mb label em{color: #ea0000;font-size: 16px;}
.showbox1 form .mb .box{height: 16px;border: 1px solid #dddddd;width: 236px;float: left;padding: 12px 0px 12px 12px;}
.showbox1 form .mb .box input{width: 208px;height: 21px;display: block;float: left;}
.showbox1 form .mb .box i{border-left: 1px solid #dddddd;padding:  0 5px;display: block;float: left;}

.showbox1 form .mb .box.mail{width: 250px;padding: 0;height: 38px;line-height: 38px;border: none;}
.showbox1 form .mb .box.mail input{width: 95px;line-height: 36px;height: 36px;border: 1px solid #dddddd;}
.showbox1 form .mb .box.mail span{display: block;float: left;margin-left: 5px;}


.showbox1 form .mb .submit{margin-left: 86px; margin-top: 5%; width: 250px;height: 48px;background: #1eb9ee;text-align: center;line-height: 48px;font-size: 18px;color: #fff;font-family: '微软雅黑';float: none;display:block;}
.showbox1 form .mb .reg{margin-left: 86px; margin-top: 2%; width: 250px;height: 48px;background: #c0c0c0;text-align: center;line-height: 48px;font-size: 18px;color: #fff;font-family: '微软雅黑';float: none;display:block;}
.showbox1 form .mt{overflow: hidden;height: 30px;border-bottom: 1px dashed #c0c0c0;margin-top: 7%;margin-bottom: 3%;}
.showbox1 form .mt h4{display: block;float:left; font-size: 16px;color: #333333;}
.showbox1 form .mt em{display: block;float: right;background: url(../images/sqicon.jpg) no-repeat center right;padding-right: 25px;color: #c0c0c0;line-height: 30px;cursor: pointer;}






@media screen and (max-width: 1220px){
	.pc-h{z-index: 9999;}
	.showbox,.showbox1{width: 450px;}
	.showbox h5,.showbox1 h5{font-size:20px; }
	.showbox p{font-size: 14px;}
	.showbox form .mb .submit,.showbox form .mb .button{height: 38px;line-height: 38px;}
	.showbox1 form .mb .submit,.showbox1 form .mb .button{height: 38px;line-height: 38px;}
	.showbox1 form .mb .reg{height: 38px;line-height: 38px;}
}


@media screen and (max-width: 768px){

	.showbox{width: 90%;top: 7%;position: absolute;}
	.showbox form{width: 90%;margin: 0 auto;}
	.showbox h5{font-size: 16px;}
	.showbox form .mb label{width: 100%;float: none;}
	.showbox form .mb .box{width: 89%;padding: 0 5%;height: 38px;}
	.showbox form .mb .box input{width: 100%;height: 38px; line-height: 38px;}
	.showbox form .mb .box i{display: none;}
	.showbox form .mb .submit, .showbox form .mb .button{margin-left: 0;}
	.showbox p{width: 90%;margin: 0 auto;}



	.showbox1{width: 90%;top: 7%;position: absolute;}
	.showbox1 form{width: 90%;margin: 0 auto;}
	.showbox1 h5{font-size: 16px;}

	.showbox1 form .mb label{width: 100%;float: none;}
	.showbox1 form .mb .box{width: 89%;padding: 0 5%;height: 38px;}
	.showbox1 form .mb .box input{width: 100%;height: 38px; line-height: 38px;}
	.showbox1 form .mb .box i{display: none;}
	.showbox form .mb label,.showbox1 form .mb label{font-size: 14px;}
	.showbox1 form .mb .submit,.showbox1 form .mb .reg{width: 100%;margin-left: 0;font-size: 14px;}

}




/*-------*/


.finbox dl{overflow: hidden;}
.finbox dl dd{width: 595px;height: 245px;border: 10px solid #f6f7f9;padding: 20px;float: left;margin-right: 5%;margin-bottom: 3%;}
.finbox dl dd .pic{float: left;width: 180px;}
.finbox dl dd .text{float: left;margin-left: 28px;}
.finbox dl dd .text .td{color: #666666;font-size: 22px;margin-top: 20px;height: 200px;}
.finbox dl dd .text .txt{overflow: hidden;width: 360px;}
.finbox dl dd .text .txt span{float: left;padding-left: 22px; display: block;color: #666666;font-size: 16px;background: url(../images/inv04.png) center left no-repeat;}
.finbox dl dd .text .txt p{float: right;color: #666666;font-size: 14px;display: block;}



@media screen and (max-width: 1440px){

	.finbox dl dd{width: 518px;margin-right: 3%;}
	.finbox dl dd .text .txt{width: 310px;}

}

@media screen and (max-width: 1220px){

	.finbox {width: 100%;}
	.finbox dl dd .pic{width: 100%;float: none;}
	.finbox dl dd .pic img{width: 100%;}
	.finbox dl dd{height:  auto;width: 41%;float: left;padding: 3%;border: 1px solid #f6f7f9; margin-right: 4%;}
	.finbox dl dd .text{float: none;margin-left: 0;}
	.finbox dl dd .text .td{width: auto;height: auto;font-size: 18px;margin-top: 5%;}
	.finbox dl dd .text .txt{width: 100%;margin-top: 5%;background: none;display: block;}
	.finbox dl dd .text .txt span{background: none;padding-left: 0}


}


/*-------------------------*/


.mile{overflow: hidden;}
.mile dl dd{margin-bottom: 3%;overflow:hidden;}
.mile dl dd .left{float: left;width: 18%;border-bottom: 1px solid #e0e0e0;}
.mile dl dd .left h4 {display:block;font-size: 26px;color: #333333}
.mile dl dd .right{float: right;width: 77%;border-bottom: 1px solid #e0e0e0;overflow: hidden;padding-bottom:2%;}

.mile dl dd .right p{font-size:16px; color: #333;display: block;background: url(../images/milecion02.jpg) left  center no-repeat;padding-left: 20px;line-height:28px;}
.mile dl dd .right p:hover{color: #1eb9ee;background: url(../images/milecion01.jpg) left  center no-repeat}
.mile dl dd .left:hover h4{color: #1eb9ee;}



@media screen and (max-width: 1220px){
	.mile dl dd{height:  auto;}
	.mile dl dd .left{float: left;height: auto;width: 100%;border: none;margin-bottom: 2%}
	.mile dl dd .right{float: none;height: auto;width: 100%;padding-bottom: 3%;}

}

@media screen and (max-width: 768px){

	.mile dl dd .left h4{font-size: 20px;}
	.mile dl dd .right p{font-size: 14px;}
	.finbox dl dd .text .td,.finbox dl dd .text .txt span{font-size: 14px;}
	.finbox dl dd .text .txt span{float: none;margin-bottom:8px;}
	.finbox dl dd .text .txt p{float: none;}

}


/*global*/

.global{width: 1380px; margin: 3% auto;overflow: hidden;}
.global .map{float: left;width: 70%;}
.global .map img{width: 98%;}
.global .text{float: right;background: #f6f7f9;width: 26%;padding: 3% 2%;}
.global .text .td{margin-bottom: 8%;}
.global .text h4{color: #1eb9ee;font-size: 25px;}
.global .text span{font-size: 18px;color: #333333;padding: 3% 0%;display: block;}
.global .text p{font-size: 16px; color: #666666;display: block;margin-bottom: 6%;}

.global .text .td:nth-child(2){border-top: 1px solid #cbcccb;padding-top: 5%;}
.global .text.chcn{margin-top: 5%;}

.glbbox{width:1380px;margin: 3% auto 0 auto;}
.glbbox .hd{background: #1eb9ee;height: 54px;line-height: 54px;}
.glbbox .hd ul{overflow: hidden;width: 80%;margin: 0 auto}
.glbbox .hd ul li{float: left;width: 16.6%;text-align: center;font-size: 22px;color: #ffffff;cursor: pointer;}
.glbbox .hd ul li.on{background: #fd8e1c;}

.glbbox .bd{margin-top: 3%;}
.glbbox .bd ul li{overflow: hidden;margin-bottom: 3%;}
.glbbox .bd ul li .left{float: left;width: 20%;height: 118px;border-bottom: 1px solid #e0e0e0;font-size: 16px;color: #333333;}
.glbbox .bd ul li .right{float: right;width: 78%;border-bottom: 1px solid #e0e0e0;height: 118px;}

.glbbox .bd ul li .right p{font-size: 16px; color: #333333;margin-bottom: 1%;}
.city{margin-bottom: 5%;}
.city ul{margin-top: 5%;display: none;}
.city ul li{width: 100%;height: 97px;border-bottom: 1px solid #e0e0e0;overflow: hidden;margin-top: 3%;}
.city ul li h3{display: block;float: left;width: 25%;color: #333333;font-size: 16px;}
.city ul li .txt{width: 75%;float: right;}
.city ul li .txt p{color: #333333;font-size: 16px;margin-bottom: 1%;}
.city ul.on{display:block;}

/*.glbbox span{width: 100%;height:67px ;background: #1eb9ee;text-align: center;display: block;line-height: 67px;color: #fff;font-size: 22px;}*/

.china-map{width: 815px;float: left;position: relative;height: 675px;}
.china-map li{position: absolute; cursor: pointer;}

.china-map .xj{left: 0;top: 84px;}
.china-map .xj i{color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;top: 85px;left: 130px;z-index: 999; line-height: 30px;}
.china-map .xj:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}

.china-map .xz{left: 36px;  top: 316px;}
.china-map .xz i{color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;top: 46px;left: 86px;z-index: 999; line-height: 30px;}
.china-map .xz:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .yn{left: 320px;  top: 473px;}
.china-map .yn i{top: 20px;left: 19px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .yn:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .qh{left: 209px;  top: 277px;}
.china-map .qh i{top: 5px;left: 57px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .qh:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .sichuan{left: 326px;  top: 377px;}
.china-map .sichuan i{top: 5px;left: 35px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .sichuan:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .gx{left: 436px;  top: 522px;}
.china-map .gx i{top: -5px;left: 33px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .gx:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .gd{left: 526px;  top: 536px;}
.china-map .gd i{top: -27px;left: 13px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .gd:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .fj{left: 625px;  top: 476px;}
.china-map .fj i{top: -13px;left: -12px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .fj:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .nh{left: 507px;  bottom: 2px;}
.china-map .nh i{top: -41px;left: -25px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .nh:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .tw{left: 695px;  top: 526px;}
.china-map .tw i{top: -30px;left: -33px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .tw:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .gs{left: 271px;top: 217px;}
.china-map .gs i{top: 91px;left: 122px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .gs:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}

.china-map .nmg{left: 338px;top: 10px;}
.china-map .nmg i{top: 188px;left: 122px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .nmg:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .nx{left: 437px;top: 283px;}
.china-map .nx i{top: -23px;left: -25px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .nx:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .hz{left: 420px;  top: 471px;}
.china-map .hz i{top: -16px;left: 7px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .hz:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .zj{left: 656px;  top: 405px;}
.china-map .zj i{top: -8px;left: -14px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .zj:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .hn{left: 509px;  top: 452px;}
.china-map .hn i{top: -8px;left: 5px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .hn:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .xx{left: 454px;  top: 277px;}
.china-map .xx i{top: 48px;left: -6px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .xx:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .hb{left: 499px;  top: 395px;}
.china-map .hb i{top: -25px;left: 16px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .hb:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .cxx{left: 453px;  top: 418px;}
.china-map .cxx i{top: -25px;left: -12px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .cxx:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .jx{left: 586px;  top: 450px;}
.china-map .jx i{top: -25px;left: -12px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .jx:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .shanxi{left: 522px;  top: 252px;}
.china-map .shanxi i{top: 19px;left: -19px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .shanxi:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .hehei{left: 566px;  top: 210px;}
.china-map .hehei i{top: 19px;left: -19px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .hehei:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .beijing{left: 590px;  top: 241px;z-index: 999;}
.china-map .beijing i{top: -48px;left: -29px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .beijing:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .henan{left: 527px;  top: 335px; }
.china-map .henan i{color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png) center center  no-repeat;width: 94px; height: 67px;position: absolute;top: 5px;left: 6px;z-index: 999; line-height: 30px;}
.china-map .henan:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;top:-18px;left: 8px;font-size: 14px;}


.china-map .hlj{left: 628px;  top: 4px;}
.china-map .hlj i{color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png) center center  no-repeat;width: 94px; height: 67px;position: absolute;top: 64px;left: 58px;z-index: 999; line-height: 30px;}
.china-map .hlj:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}



.china-map .jl{left: 658px;  top: 133px;}
.china-map .jl i{top: -18px;left: 32px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .jl:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}



.china-map .tj{left: 610px;  top: 254px;z-index: 8888;}
.china-map .tj i{top: -48px;left: -36px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 8888; line-height: 30px;}
.china-map .tj:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .ll{left: 634px;  top: 185px;}
.china-map .ll i{top: -21px;left: 18px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .ll:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .anhui2{left: 596px;  top: 362px;}
.china-map .anhui2 i{top: -38px;left:36px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .anhui2:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .shandong{left: 593px;  top: 293px;}
.china-map .shandong i{top: -22px;left:-8px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .shandong:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .jiangsu{left: 615px;  top: 350px;}
.china-map .jiangsu i{top: 2px;left:-26px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .jiangsu:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}


.china-map .sh{left: 696px;  top: 405px;}
.china-map .sh i{top: -58px;left:-36px; color: #fff;font-size: 0px;text-align: center; display: block;background: url(../images/address01.png)  38px 47px  no-repeat;width: 94px; height: 67px;position: absolute;z-index: 999; line-height: 30px;}
.china-map .sh:hover i{background: url(../images/address02.png) center center  no-repeat;width: 94px; height: 67px;font-size: 14px;}

.m-map{display: none;}
#ChinaMap{display: block;float:left}
.map .tTle{padding: 1% 0;width: 100%;background: #1eb9ee;width: 1380px;margin: 0 auto}
.map .tTle span{font-size: 22px; color: #ffffff;text-align: center;display: block;}



@media screen and (max-width: 1440px){
	.glbbox{width: 1200px;}
	.global{width: 1200px;}
	.map .tTle{width: 1200px;}

}


@media screen and (max-width: 1220px){

	.global{width: 90%;}
	.global .map{width: 100%;float: none;}
	.global .text{float: none;width: 96%;overflow: hidden;}
	.global .text .td{width: 45%;float: left;}

	.global .text .td:nth-child(1){float: left;}
	.global .text .td:nth-child(2){float: right;padding: 0;border: none;}
	.global .text h4{font-size: 18px;}
	.global .text span{font-size: 16px;}
	.global .text p{font-size: 14px;}

	.glbbox{width: 90%;}
	.glbbox .hd ul{width: 100%;}
	.glbbox .hd ul li{width: 33.33%;line-height: 35px;font-size: 16px;}
	.glbbox .hd{height: auto;line-height: normal;}
	.glbbox .bd ul li {border-bottom: 1px solid #e0e0e0;}
	.glbbox .bd ul li .left{width:100%;float: none;border-bottom: none;height: auto;padding-bottom: 2%;}
	.glbbox .bd ul li .right{width:100%;float: none;border-bottom: none;}
	.glbbox .bd ul li .right p{font-size: 14px;}

	.china-map{display: none;}
	.city{display: none;}
	.m-map{display: block;width: 90%;margin: 5%  auto;position: relative;z-index: 999999999}
	.m-map dl dt{cursor: pointer; width: 95%;padding-left: 5%;background: #1eb9ee;color: #fff;font-size: 16px;line-height: 38px;height: 38px;border-bottom: 1px solid #fff;}
	.m-map dl dd{background: #f6f7f9;width: 95%;padding-left: 5%;border-bottom: 1px solid #cecece;display: none;}
	.m-map dl dd span{font-size: 14px;color: #333;padding: 1% 0;display: block;}
	.m-map dl dd p{font-size: 12px;color: #333 ;padding: 1% 0%;}
	.m-map dl.on dd{display: block;}
	.map .tTle{width: 100%;}
    #ChinaMap{display: none;}
    .itemCon{display: block;}
}

@media screen and (max-width: 768px){
	.global .text .td:nth-child(1){border-bottom: 1px solid #cecece}
	.global .text .td:nth-child(1),.global .text .td:nth-child(2){float: none;width: 100%;}
	.global .text h4{font-size: 16px;}
	.global .text span{font-size: 14px;}
	.itemCon{display: none}
	.m-map dl dt{height: 28px; line-height: 28px;font-size: 14px;}

}


/*global*/


/*newsbox*/

.newsbox{overflow: hidden;width: 1380px; margin: 0 auto;}
.newsbox dl{border-top: 3px solid #1eb9ee;}
.newsbox dl dd{height: 108px;border-bottom: 1px solid #d9d9d9;overflow: hidden;padding-top: 3%;cursor: pointer;}
.newsbox dl dd .left{float: left;width: 13%;border-right: 1px solid #d9d9d9;}
.newsbox dl dd .left h5{font-size: 50px; color: #333333;font-weight: bold;text-align: center;}
.newsbox dl dd .left h4{color: #666666;font-size: 14px;text-align: center;}

.newsbox dl dd .right{float: right;width: 84%;}
.newsbox dl dd .right h3{font-size: 18px;color: #333333;}
.newsbox dl dd .right p{font-size: 16px;color: #666666;margin-top: 1%;}

.newsbox dl dd .right em{float: right;font-size: 14px;color: #666666;background: url(../images/emicon.png)  right center no-repeat;padding-right: 60px; border-bottom: 3px solid #969696;padding-bottom: .5%;}



.page{overflow: hidden; width: 24%;margin: 0 auto;padding-bottom: 3%;}
.page a{background: #f2f2f2;display: block;float: left;color: #999999;font-size: 18px;margin-right: 1%;width: 44px; height: 44px;text-align: center;line-height: 44px;}
.page span{float: left;display: block;font-size: 12px;color: #999999;line-height: 45px;width: 45px;text-align: center;}
.page .next{background: url(../images/pagenext.jpg) no-repeat;}

.page a:hover{width: 44px;height: 44px;background: #1eb9ee;color: #fff;}
.page .next:hover{background: url(../images/pagenext01.jpg) no-repeat;}
.page span.on{background: #1eb9ee;color: #fff;}

.page a.on{background: #1eb9ee;color: #fff;}

@media screen and (min-width: 1366px){

	.newsbox dl dd:hover{background: #1eb9ee;}
	.newsbox dl dd:hover .left h5,.newsbox dl dd:hover .left h4{color: #fff;}
	.newsbox dl dd:hover .right h3{color: #fff;}
	.newsbox dl dd:hover .right p{color: #fff;}
	.newsbox dl dd:hover .right em{color: #fff;background: url(../images/borspan03.jpg)  right center no-repeat;border-bottom: 3px solid #ffffff;}

}

@media screen and (max-width: 1440px){

	.newsbox{width: 1200px}
	.page{width: 50%;}

}

@media screen and (max-width: 1220px){
	.newsbox dl dd{height: auto;padding-bottom: 2%;}
	.newsbox{width: 100%}
	.newsbox dl dd .left{float: none;width: 100%;}
	.newsbox dl dd .left h5{text-align: left;}
	.newsbox dl dd .left h4{text-align: left;}

	.newsbox dl dd .right{float: none;width: 100%;}
	.newsbox dl dd .right em{float: none;border:none;background: none;margin-top: 2%;display: block;}

	.newsbox dl dd .left h5{font-size: 20px;}
	.newsbox dl dd .right p{font-size: 14px;}
	.newsbox dl dd .right h3{font-size: 14px;}
	.newsbox dl dd .left h4{padding: 1% 0;}

	.page a{width: 33px; height: 33px; line-height: 33px;}
	.page a:hover{width: 33px;height: 33px;background: #1eb9ee;color: #fff;}

	.page .next,.page .next:hover{background-position: 0px -4px;}

}


@media screen and (max-width: 768px){

	.page {width: 45%;}
	.newsbox dl dd .left:after{display:block;content:'';clear:both}
	.newsbox dl dd .left h4{display:inline-block;float:left}
	.newsbox dl dd .left h5{display:inline-block;font-size:14px;font-weight:normal;padding:1% 0;margin-left:5px;}

}

@media screen and (max-width: 640px){

	.page {width: 75%;}

}

@media screen and (max-width:414px){

.page {width: 80%;}

}

/*newsbox*/



.eventList{overflow: hidden;width: 1380px; margin: 3% auto;}
.eventList li{width: 47%;float: left;border: 1px solid #d9d9d9;margin-right: 5%;margin-bottom: 2%;}
.eventList li .logo{display: block;margin: 0 auto;text-align: center;padding: 3% 0;border-bottom: 1px solid #d9d9d9;}

.eventList li>a{width: 227px;background: url(../images/veiw_aa1.jpg) no-repeat; height: 54px;display: block;margin: 3% auto;line-height: 54px;text-align: center;font-size: 16px;}
.eventList li>a:hover{ background: url(../images/veiw_aa2.jpg) no-repeat;color: #fff;}

/*滚动条*/
.c1{height: 157px;  padding: 4%;}
.c1 p{ line-height: 25px;font-size: 16px;color: #333333 }
.c1 p em{color: #1eb9ee;}
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom;}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}

.mCSB_container{ overflow: hidden;width: auto;height: auto; color: #333333;font-size: 16px;line-height: 25px;}

.mCSB_inside > .mCSB_container { width: 100%;}
.mCSB_scrollTools{position: absolute;width: 6px;left: auto;top: 32px;right: 2px;bottom: 0;}
.mCSB_scrollTools .mCSB_draggerContainer{position: absolute;top: 0;left: 0;bottom: 0;right: 0; height: auto;}
.mCSB_scrollTools .mCSB_dragger{cursor: pointer;width: 100%; height: 30px; z-index: 1;right: -.2px;border-radius: 5px}
.mCSB_scrollTools .mCSB_draggerRail{width: 3px;height: 157px;margin: 0 auto;background:#f6f6f6;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;width: 6px;height: 100%;margin: 0 auto;text-align: center;background-color: #d2d2d2; background:#ebebeb;}
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;transition: opacity .2s ease-in-out, background-color .2s ease-in-out;}
.scroll{position: relative;border-bottom: 1px dashed #d9d9d9;}
/*滚动条*/
.showbox .c2{height: 380px;}
.showbox1 .c2{height: 480px;}
.c2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #1eb9ee;}

@media screen and (max-width: 1440px){

	.eventList{width: 1200px;}

}

@media screen and (max-width: 1220px){

	.eventList{width: 90%;}
	.eventList li{width: 99%;margin-right: 0;float: none;}
	.c1 p{font-size: 14px;}
	.eventList li a{width: 117px;height: 44px;line-height: 44px;background-size: cover;background-position: center center;font-size: 14px;}
	.eventList li a:hover{width: 117px;height: 44px;line-height: 44px;background-size: cover;background-position: center center;}
	.eventList li .logo img{width: 50%;}

}


.thBox{
	height:260px;
}
.pc-nav ul li .pc-seced{
	left: -80px;
	display: none;
	position: absolute;
	top: 90px;
	width: 1300px;
	background: url(../images/seced.png) no-repeat;
	z-index: 999;
	margin: 0 auto;
	border-top: 1px solid #e6e6e6;
	padding-top: 27px;
	right: 0;
	height: 274px;
	overflow: hidden;
}
.pc-nav ul li .pc-seced .title{height: 260px; float: left;margin-left: 4%;width: 22%;border-right: 1px solid #fd8d1d;box-sizing: border-box;}
.pc-nav ul li .pc-seced .title h1{font-size: 36px;color: #fd8d1d;text-align: left;line-height: normal;margin-top: 55px;}
.pc-nav ul li .pc-seced .title i{width:40px;height: 3px;background: #fd8d1d;display: block;margin-bottom: 26px;margin-top: 35px; }
.pc-nav ul li .pc-seced .title p{font-size: 14px;color: #999999;line-height: 25px;text-align: left;}

.pc-nav ul li .pc-seced .thNav{float: left; width: 20%;padding: 0 25px;height: 260px;}
.pc-nav ul li .pc-seced .thNav dl dd{line-height: 36px;text-align: left;color: #666666;font-size: 16px;cursor: pointer;}
.pc-nav ul li .pc-seced .thNav dl dd span{display: block;width:75%;margin: 0 auto;border-bottom: 1px solid #cfcfcf;}
.pc-nav ul li .pc-seced .thNav dl dd.on{background: url(../images/thnav-bg.jpg) no-repeat; color: #fff;height: 37px;}
.pc-nav ul li .pc-seced .thNav dl dd:hover{background: url(../images/thnav-bg.jpg) no-repeat; color: #fff;height: 37px;}
.pc-nav ul li .pc-seced .thNav dl dd:hover span{border-bottom: none}
.thNav .mCSB_scrollTools{width: 1px;background: #d5d5d5;top: 0}
.thNav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background: #cacaca;left: -1px;}
.thNav .mCSB_scrollTools .mCSB_draggerRail{background: none;}


.thText .mCSB_scrollTools{width: 1px;background: #d5d5d5;top: 0}
.thText .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background: #cacaca;left: -1px;}
.thText .mCSB_scrollTools .mCSB_draggerRail{background: none;}

.thText .thBox{display: none;overflow: hidden;}
.thBox .imgPic{float: left; height: 260px;border-right: 1px solid #d5d5d5;padding: 0 3%;width: 13%;border-left: 1px solid #d5d5d5;}
.thBox .imgPic img{width: 100%;margin-top: 100%}

.thBox .text{float: left;height: 260px;margin-left: 6%;width: 73%;}
.thBox .text h2{font-size: 20px;color:#1eb9ee;text-align: left;line-height: normal;}
.thBox .text p{font-size: 14px;color: #666666;line-height: normal;text-align: left;line-height: 25px;margin-top: 15px}

.pc-nav ul li .pc-seced .thText{float: left;width: 48%;height: 260px;overflow: hidden;margin-left: 1%}
.pc-nav ul li .pc-seced .thText dl{display: block;width:40%;float: left;}
.pc-nav ul li .pc-seced .thText dl dd{width: 100%;line-height: normal;text-align: left;font-size: 14px;margin-bottom: 12px;}
.pc-nav ul li .pc-seced .thText dl dd a{color: #999999;}
.pc-nav ul li .pc-seced .thText dl dd a:hover{color: #1eb9ee}


.m-sed {display: none;}
.m-nm li h3{cursor:pointer; display: none;    padding-left: 5%;border-bottom: 1px solid #fff; height: 45px;line-height: 45px;color: #fff;background: #bbcfe2; }
.m-sed dd{display:  block; height: 45px; line-height: 45px;}


@media screen and (max-width: 1440px){
	.pc-nav ul li .pc-seced{background-size: cover;width: 1200px;background-position: center center;left: 0; }
}


/*新增页面*/


/*wifi*/

.wifilist{width: 1380px;margin: 0% auto 0 auto;}
.wifilist li {overflow: hidden;padding-bottom: 3%;margin-bottom: 3%; border-bottom: 1px solid #d9d9d9;}

.wifilist li .text h4{font-size: 22px; color: #333333;}
.wifilist li .text h4 a:hover{color:#1eb9ee;}
.wifilist li .text p{font-size: 16px; color: #333333;line-height: 30px;margin-top: 2%;}

.wifilist li .text .link{overflow: hidden;margin-top:10%;}
.wifilist li .text .link a{width: 25%;display: block;line-height: 48px;text-align: center;color: #fff;font-size: 16px;float: left;}
.wifilist li .text .link .a1{background: url(../images/a2.png) no-repeat;margin-right: 5%;}
.wifilist li .text .link .a2{background: url(../images/a2.png) no-repeat;margin-right: 5%;}
.wifilist li .text .link .a3{background: url(../images/a2.png) no-repeat;}


.wifilist li .td{overflow: hidden;}
.wifilist li .td .text{width: 50%;float: left;}



.wifilist li .pic{float: right;width: 45%;border: 1px solid #b2b2b2;}
.wifilist li .pic div{outline: none;}
.wifilist li .pic div img{width: 100%;}
.wifilist li .pic div span{width: 100%;background: #b2b2b2;display: block;color: #fff;padding: 2% 0;text-align: center;font-size: 16px;}


.opty li .text h4{font-size: 22px; color: #333333;}
.opty li .text p{font-size: 16px; color: #333333;line-height: 30px;margin-top: 2%;}

.opty li .text .link{overflow: hidden;margin-top:19%;}
.opty li .text .link a{width: 25%;display: block;line-height: 48px;text-align: center;color: #fff;font-size: 16px;float: left;}
.opty li .text .link .a1{background: url(../images/a2.png) no-repeat;margin-right: 5%;}
.opty li .text .link .a2{background: url(../images/a2.png) no-repeat;margin-right: 5%;}
.opty li .text .link .a3{background: url(../images/a2.png) no-repeat;}

.opty li{overflow: hidden;width: 100%;border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.opty{position: relative;width: 50%;float: left;}
.wifiPic {width: 45%;float: right;border: 1px solid #b2b2b2;}
.wifiPic div{outline: none;}
.wifiPic span{
	width: 100%;
    background: #b2b2b2;
    display: block;
    color: #fff;
    padding: 2% 0;
    text-align: center;
    font-size: 16px;
}

.opty li .text .txt{overflow: hidden;}
.opty li .text .txt div{width: 50%;float: left;margin-top: 2%;}
.opty li .text .txt div h3{font-size: 18px; color: #1eb9ee;font-weight: bold;}
.opty li .text .txt div em{font-size: 16px; color: #333333;margin-top: 3%;}





@media screen and (max-width: 1440px){
	.wifilist{width: 1200px;}
	.wifilist li .text .link a{width: 28%;}
	.wifilist li .text .link{    margin-top: 11%;}

	.opty li .text .link a{width: 28%;}
	.opty li .text .link{    margin-top: 11%;}



}


@media screen and (min-width: 1360px){


	.wifilist li .text .link .a1:hover{background: url(../images/a1.png) no-repeat;}
	.wifilist li .text .link .a2:hover{background: url(../images/a1.png) no-repeat;}
	.wifilist li .text .link .a3:hover{background: url(../images/a1.png) no-repeat;}

	.opty li .text .link .a1:hover{background: url(../images/a1.png) no-repeat;}
	.opty li .text .link .a2:hover{background: url(../images/a1.png) no-repeat;}
	.opty li .text .link .a3:hover{background: url(../images/a1.png) no-repeat;}


}



@media screen and (max-width: 1220px){

	.wifilist{width: 90%;}

	.wifilist li .pic{float: none; margin: 3% auto 0 auto;width:100%;}
	.wifilist li .td .text{float: none;width: 100%;}
	.wifilist li .text h4{font-size: 18px;}
	.wifilist li .text p{margin-top: 1%;font-size: 14px;}
	.wifilist li .text .link{margin-top: 3%;}
	.wifilist li .pic div span{font-size: 14px;}

	.wifilist li .text .txt div h3{font-size: 16px;}
	.wifilist li .text .txt div em{font-size: 14px;}

	.heat .bd{width: 90%;margin: 0 auto;}
	.opty{width: 100%;float: none;}
	.wifiPic{width: 98%;float: none;margin: 3% auto 0 auto}
	.wifiPic span{padding: 1% 0;font-size: 14px;}

	.opty li .text .link{margin-top: 2%;}
	.opty li .text .link .a2,.opty li .text .link .a1{display: block;background: #00bde9;line-height: 38px;font-size: 14px;}
	.opty li .text .link .a3{display: block;background: #00bde9;line-height: 38px;font-size: 14px;}

	.wifilist li .text .link{margin-top: 2%;}
	.wifilist li .text .link .a2,.wifilist li .text .link .a1{display: block;background: #00bde9;line-height: 38px;font-size: 14px;}
	.wifilist li .text .link .a3{display: block;background: #00bde9;line-height: 38px;font-size: 14px;}
}

@media screen and (max-width: 768px){

	.wifilist li .pic{width: 98%;}
	.wifilist li .text h4{font-size: 16px;line-height: 25px;}
	.wifilist li .text .link a{width: 45%;}
	.wifilist li .text .txt div{width: 100%;float: none;}

	.opty li .text p{font-size: 14px;}
	.opty li .text .txt div{float: none;width: 100%;}
	.opty li .text .txt div h3{font-size: 16px;}
	.opty li .text .txt div em{font-size: 14px;}
	.opty li .text .link .a2,.opty li .text .link .a1{font-size: 12px;    line-height: 28px;    width: 45%;margin-bottom: 2%;}
	.opty li .text .link .a3{font-size: 12px;    line-height: 28px;    width: 45%;}

	.wifilist li .text .link .a2,.wifilist li .text .link .a1{font-size: 12px;    line-height: 28px;    width: 45%;margin-bottom: 2%;}
	.wifilist li .text .link .a3{font-size: 12px;    line-height: 28px;    width: 45%;}




}


/*wifi*/



/*pro*/

.pro{width: 1380px;margin: 0% auto;    border-bottom: 1px solid #d9d9d9;padding: 2% 0;}
.pro h4{display: block;text-align: center;font-size: 26px;color: #333333;margin-bottom: 2%;}
.pro p{color: #333333;font-size: 16px;margin-bottom: 1%;}


.caseList{width: 1380px;margin: 0% auto;   padding: 2% 0;}
.caseList h4{display: block;text-align: center;font-size: 26px;color: #333333;margin-bottom: 2%;}

.caseList ul li{overflow: hidden;margin-bottom: 3%;}
.caseList ul li .pic{float: left;width: 36%;}
.caseList ul li .text{width: 61%;float: right;}

.caseList ul li .text h5{font-size: 18px; color: #1eb9ee;margin-top: 1%;}
.caseList ul li .text p{font-size: 16px;color: #333333;margin-top: 1%;display: block;}

.heat{overflow: hidden;width: 1380px;position: relative;margin: 0 auto;}
.heat .hd{width: 50%;overflow: hidden;}
.heat .hd li{width: 162px;background: #eaebed;height: 45px;font-size: 16px; color: #333333;float: left;margin-right: 2%;text-align: center;line-height: 45px;cursor: pointer;}
.heat .hd li.on{width: 162px;height: 51px;background: url(../images/prohover.png) no-repeat; color: #fff;}

.heat .bd{overflow: hidden;border-bottom: 1px solid #d9d9d9;padding-bottom: 3%}




@media screen and (max-width: 1440px){

	.heat{width: 1200px;}
	.heat .hd{top: 8%;}
	.pro{width: 1200px;}
	.caseList{width: 1200px;}

}




@media screen and (max-width: 1220px){

	.pro{width: 90%;}
	.caseList{width: 90%;}
	.caseList ul li .pic img{width: 100%;}
	.pro h4,.caseList h4{font-size: 20px;}
	.caseList ul li .text h5{font-size: 16px;}
	.pro p,.caseList ul li .text p{font-size: 13px;line-height: 25px;}
	.heat{width: 100%;}
	.heat .hd{position: static;overflow: hidden;width: 90%;text-align: center;margin: 2% auto 0 auto;}
	.heat .hd li{display: inline-block;width: 20%;font-size: 14px;height: auto;line-height: normal;padding: 1% 0;}
	.heat .hd li.on{background: #1eb9ee;height: auto;width: 20%;font-size: 14px;}

}

@media screen and (max-width: 768px){

	.caseList ul li .pic{float: none;width: 100%;}
	.caseList ul li .text{float: none;width: 100%;}
	.pro h4, .caseList h4{font-size: 18px;}

}


/*pro*/



/*proyy*/

.proyy{width: 1380px;margin: 0% auto;padding: 3% 0;}
.proyy h4{display: block;text-align: center;font-size: 26px;color: #333333;margin-bottom: 2%;}
.proyy .pic{display: block;width: 980px;margin: 0 auto;text-align: center;}

.inTe h4{display: block; text-align: center; font-size: 26px; color: #333333; padding-top: 2%;}
.inTe{margin: 0% 0 3% 0%;background-image:  url(../images/inte_bg.jpg) ;background-position: center center; padding: 0% 0 2% 0; }
.inTe .text3{width: 1380px;margin: 0% auto 0  auto;}
.inTe .text3 .txt{overflow: hidden;}

.inTe .text3 .txt ul li{overflow: hidden;margin-top: .2%;outline: none;}
.inTe .text3 .txt ul li .pic{float: left;width: 38%;}
.inTe .text3 .txt ul li .pic img{width: auto;}
.inTe .text3 .txt ul li .wz{float: right;width: 41%;background: none;padding: 0% 14.4% 0% 3%;height: 211px;}
.inTe .text3 .txt ul li .wz h3{font-size: 26px;color: #333333;margin-bottom: 2%;}
.inTe .text3 .txt ul li .wz h5{font-size: 18px;color: #1eb9ee;}
.inTe .text3 .txt ul li .wz p{font-size: 16px;color: #333333;line-height: 35px;margin-top: 0%;}

.inTe .text3 .txt ul li .wz .view{
					background: #b2b2b2;
					width: 25%;
					display: block;
					line-height: 38px;
					text-align: center;
					color: #fff;
					font-size: 16px;
					-webkit-border-radius: 20px;
					-moz-border-radius: 20px;
					border-radius: 20px;
					margin-top: 4%;
					display: block;
	}

.ctrl {overflow: hidden;width: }
.ctrl  li{width: 28%;margin-right: 1%;outline: none;text-align:left}
.ctrl  li h5{font-size: 18px; color: #1eb9ee;margin-top: 2%;}
.ctrl  li .pt{text-align:center;}
.ctrl  li .pt img{display:block}
.ctrl  li span{display: block;overflow: hidden;font-size: 16px;color: #999999;width: 90%;margin-top: 2%;}
.ctrl  li span h3{float: left;display: block;width: 26%;}
.ctrl  li span em{float: left;display: block;width: 56%;line-height: 25px;}
.ctrl  li p{font-size: 16px; color: #333333;padding: 1% 0;}
.ctrl  li span i{width: 100%;}

@media screen and (max-width:1440px){

	.inTe .text3{width: 1200px;}
	.inTe .text3 .txt ul li .wz{ width: 37%;padding: 1% 19.4% 0 3%}
	.proyy{width: 1200px;}

}



@media screen and (max-width: 1220px){

	.proyy{width: 90%;}
	.proyy h4{font-size: 20px;}
	.proyy .pic{display: block;width: 90%;margin: 0 auto;text-align: center;}
	.proyy .pic img{width: 100%;height: auto;}
	.proyy img{width: 100%;height:auto}

	.inTe  .text3{width: 90%;}
	.inTe  .text3 .txt ul li .pic{width: 100%;float: none;}
	.inTe  .text3 .txt ul li .pic img{width: 100%;}
	.inTe  .text3 .txt ul li .wz{width: 92%;float: none;height: auto;    padding: 12% 4%;}
	.inTe  .text3 .txt ul li .wz h5{font-size: 18px;}
	.inTe  .text3 .txt ul li .wz h3{font-size: 20px;}

	.ctrl  li h5{font-size: 14px;}
	.ctrl  li span{font-size: 14px;}
	.ctrl  li span h3{width: 100%;float: none;}
	.ctrl  li span em{width: 100%;float: none;}
	.ctrl  li p{font-size: 14px; color: #333333;}
	.inTe h4{font-size: 20px;}

	.inTe .text3 .txt ul li .wz .view{width: 50%;margin: 4% auto 0 auto;font-size: 14px;line-height: 38px;}
}

@media screen and (max-width: 768px){

	.proyy h4{font-size: 18px;}
	.inTe .text3 .txt ul li .wz h5{font-size: 14px;}
	.inTe .text3 .txt ul li .wz h3{font-size: 16px;}
	.inTe .text3 .txt ul li .wz p{font-size: 14px;line-height: 25px;}


	.inTe h4{font-size: 18px;}

	.inTe .text3 .txt ul li .wz .view{line-height: 28px;}



}


@media screen and (max-width: 640px){

	.ctrl  li{width: 100%;margin-right: 0;}
	.ctrl  li .pt img{width: 100%;}

}

/*proyy*/



/*applecte*/

.applecte{width:1380px; margin: 0 auto;padding: 3% 0;}
.applecte h4{display: block;text-align: center;font-size: 26px;color: #333333;margin-bottom: 2%;}
.applecte .txt{width: 1200px; margin: 0 auto;text-align: center;}
.applecte .txt span{font-size: 16px;color: #333333;margin-right: 5%;text-align: center;line-height: 25px;}


.suck{margin-top: 3%;border-bottom: 1px solid #d9d9d9;}



@media screen and (max-width: 1440px){

   .applecte{width: 1200px;}


}


@media screen and (max-width: 1220px){

	.applecte{width: 90%;}
	.applecte .txt{width: 90%;}
	.applecte .txt span{display: block;font-size: 14px;}
	.applecte h4{font-size: 20px;}
	.suck div img{width: 100% !important;height: auto;}

}

@media screen and (max-width: 1220px){

	.applecte .txt span{display: block;font-size: 13px;}
	.applecte h4{font-size: 18px;}

}


/*applecte*/


/*caList*/

.caList{overflow: hidden;width: 1380px; margin: 2% auto;}

.caList dl{overflow: hidden;margin-bottom: 2%;}
.caList dl dt{font-size: 26px;color: #333333;margin-bottom: 2%;}
.caList dl dt:after{content: '';display: block;clear: both;overflow: hidden;}
.caList dl dd{float: left;width: 48%;overflow: hidden;margin-right: 2%;margin-bottom: 2%;}
.caList dl dd .pic{width: 45%;float: left;}

.caList dl dd .text{float: right;width: 52%;}
.caList dl dd .text h5{font-size: 20px;color: #333333;padding: 2% 0;}
.caList dl dd .text h5:hover{color:#1eb9ee;}
.caList dl dd .text p{font-size: 16px;color: #666666;line-height: 25px;margin-top: 1%;}
.caList dl dd .text em{font-size: 14px;color: #666666;margin-top: 10%;display: block;}



@media screen and (max-width: 1440px){

	.caList{width: 1200px;}
	.aboutus p{font-size: 14px;}

	.caList dl dd .pic{width: 48%;}
	.caList dl dd .pic img{width: 100%;}
	.caList dl dd .text{width: 50%;}
	.caList dl dd .text h5{font-size: 18px;}
	.caList dl dd .text p{font-size: 14px;}
	.caList dl dd .text em{font-size: 12px;}

}


@media screen and (max-width: 1220px){

	.caList{width:90%;}
	.caList dl dt{font-size: 20px;}
	.caList dl dd .text p{height: 50px;overflow: hidden;}
	.caList dl dd .text em{margin-top: 1%;}
}


@media screen and (max-width: 830px){



	.caList dl dd .text h5{font-size: 16px;}
	.caList dl dd .text p{font-size: 14px;height: 20px;}
	.caList dl dd .text em{margin-top:5%;}

}

@media screen and (max-width: 768px){
	.caList dl{overflow: hidden;margin-bottom: 5%;}
	.caList dl dd{width: 100%;}
	.caList dl dt{font-size: 18px;}
	.caList dl dd .pic{width: 100%;float: none;}
	.caList dl dd .text{width: 100%;float: none;}
	.caList dl dd .text em{margin-top: 3%;}

}

/*caList*/



/*ws1*/


.ws-1{width: 1380px;margin: 3%  auto;border-bottom: 1px solid #e8e8e8;padding-bottom: 3%;}
.ws-1 h4{font-size: 26px;color: #333333;text-align: center;}
.ws-1 ul{overflow: hidden;margin-top: 5%;}
.ws-1 ul li{float: left;width: 24%;border-right:1px solid #e8e8e8; }
.ws-1 ul li img{display:block;margin: 0 auto;width: auto ! important}
.ws-1 ul li span{display: block;text-align: center;margin-top: 5%;font-size: 20px;color: #1eb9ee;}
.ws-1 ul li p{display: block;width: 70%;margin: 5% auto 0 auto;text-align: center;font-size: 16px; color: #666666;line-height:30px;}


@media screen and (max-width: 1440px){

	.ws-1{width: 1200px;}

}
@media screen and (max-width: 1220px){
	.ws-1{width: 90%;}
	.ws-1 ul li p{display: none;}
	.ws-1 ul li img{width: 80% !important;}
	.ws-1 h4{font-size: 20px;}
	.ws-1 ul li span{font-size: 16px;}
}

@media screen and (max-width: 768px){

	.ws-1 h4{font-size: 18px;}
	.ws-1 ul li span{font-size: 14px;}
	.ws-1 ul li img{width: 80% !important;}

}


/*ws1*/


/*ws2*/


.ws-2{width: 1380px;margin: 3%  auto;border-bottom: 1px solid #e8e8e8;padding-bottom: 3%;}
.ws-2 h4{font-size: 26px;color: #333333;text-align: center;}
.ws-2 p{text-align: center;font-size: 16px; color: #333333;line-height: 25px;margin-top: 1%;}
.ws-2 ul{margin-top: 3%;}
.ws-2 ul li img{width: auto !important;display: block;margin: 0 auto;text-align: center;}



@media screen and (max-width: 1440px){

	.ws-2{width: 1200px;}

}
@media screen and (max-width: 1220px){

	.ws-2{width: 90%;}
	.ws-2 p{font-size: 14px;}
	.ws-2 h4{font-size: 20px;}
	.ws-2 ul li img{width: 80% !important;}
}
@media screen and (max-width: 1220px){

	.ws-2 h4{font-size: 18px;}

}
/*ws2*/




/*ws3*/


.ws-3{width: 1380px;margin: 3%  auto;padding-bottom: 3%;}
.ws-3 h4{font-size: 26px;color: #333333;text-align: center;}
.ws-3 ul li{width: 32%;margin-right: 1%;overflow: hidden;margin-top: 1%; background: url(../images/hehebg.jpg) no-repeat;background-size: 100% 100%}
.ws-3 ul li .text{padding: 3% 2%;background: #f6f7f9;overflow: hidden;}
.ws-3 ul li .text h5{float: left;background: #f6f7f9;font-size: 18px;color: #333333;width: 70%;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
.ws-3 ul li .text h3{float: right;background: #f6f7f9;font-size: 14px; color: #999999;display: block;}
.ws-3 ul li img{width: 100%;}


@media screen and (max-width: 1440px){

	.ws-3{width: 1200px;}

}

@media screen and (min-width: 1336px){

	.ws-3 ul li .text:hover{background: #1eb9ee;}
	.ws-3 ul li .text:hover h5{color: #fff;background: #1eb9ee;}
	.ws-3 ul li .text:hover h3{color: #fff;background: #1eb9ee;}


}

@media screen and (max-width: 1220px){

	.ws-3{width: 90%;}
	.ws-3 h4{font-size: 20px;}
	.ws-3 ul li{width:48%;margin-right: 1%;}

}

@media screen and (max-width: 768px){

	.ws-3{width: 90%;}
	.ws-3 h4{font-size: 18px;}
	.ws-3 ul li{width:100%;margin-right: 0%;}
	.ws-3 ul li .text h5{font-size: 14px;}

}

/*ws3*/



/*ws4*/
	.f4 {width: 100%;background: #eaebed;padding-top: 2%;}
	.ws-4{width: 1380px;padding-bottom: 3%;margin: 0 auto}
	.ws-4 h4{font-size: 26px;color: #333333;text-align: center;}
	.ws-4 ul {overflow: hidden;margin-top: 3%;}
	.ws-4 ul li{float: left;width: 47%;margin-right: 3%;overflow: hidden;margin-bottom: 2%;}
	.ws-4 ul li .pic{float: left;display: block;width: 50%;}
	.ws-4 ul li .pic img{width: 100%;}
	.ws-4 ul li .text{float: right;background: #fff;width: 44%;padding: 3%;}
	.ws-4 ul li .text h3{font-size: 20px; color: #333333;}
	.ws-4 ul li .text p{font-size: 16px; color: #666666;margin-top: 2%; height: 80px;border-bottom: 1px dashed #cecece;line-height: 25px;overflow: hidden;}
	.ws-4 ul li .text em{margin-top: 5.9%;display: block;}

	@media screen and (max-width: 1440px){

		.ws-4{width: 1200px;}
		.ws-4 ul li .text h3{font-size: 18px; color: #333333;}
		.ws-4 ul li .text p{font-size: 14px;height:65px;}

	}



	@media screen and (min-width: 1336px){

		.ws-4 ul li:hover .text{background: #1eb9ee;}
		.ws-4 ul li:hover .text h3{color: #fff;}
		.ws-4 ul li:hover .text p{color: #fff;border-color: #fff;}
		.ws-4 ul li:hover .text em{color: #fff;}
	}

	@media screen and (max-width: 1220px){

		.ws-4 h4{font-size: 20px;}
		.ws-4 {width: 90%;}
		.ws-4 ul li .text p{height: auto;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
		.ws-4 ul li .text em{margin-top: 15%}
		.ws-4 ul li .text h3{font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

	}

	@media screen and (max-width: 1024px){
		.ws-4 ul li {margin-bottom: 5%;}
		.ws-4 ul li .pic{width:100%;float: none;}
		.ws-4 ul li .text{width: 94%;float: none;}
		.ws-4 ul li .text em{margin-top: 3%;}
		.ws-4 h4{font-size: 18px;}

	}

	@media screen and (max-width: 414px){

		.ws-4 ul li .text h3{font-size: 16px;}
		.ws-4 ul li .text p{font-size: 13px;}

	}

/*ws4*/



/*ws5*/

	.ws5{width: 1380px;margin: 0 auto;}
	.ws5 .c2{height: 390px;  padding: 4% 0%;}
	.ws5 .c2 p{ line-height: 25px;font-size: 16px;color: #333333 }
	.ws5 .c2 p em{color: #1eb9ee;}
	.ws5 .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom;}
	.ws5 .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	.ws5 .mCustomScrollBox{ position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}
	.ws5 .mCSB_container{ overflow: hidden;width: auto;height: auto;}
	.ws5 .mCSB_inside > .mCSB_container { width: 98%;}
	.ws5 .mCSB_scrollTools{position: absolute;width: 6px;left: auto;top: 32px;right: 2px;bottom: 0;}
	.ws5 .mCSB_scrollTools .mCSB_draggerContainer{position: absolute;top: 0;left: 0;bottom: 0;right: 0; height: auto;}
	.ws5 .mCSB_scrollTools .mCSB_dragger{cursor: pointer;width: 100%; height: 30px; z-index: 1;right: -.2px;border-radius: 5px}
	.ws5 .mCSB_scrollTools .mCSB_draggerRail{width: 3px;height: 390px;margin: 0 auto;background:#f6f6f6;}
	.ws5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;width: 6px;height: 100%;margin: 0 auto;text-align: center;background-color: #1eb9ee; }
	.ws5 .mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;transition: opacity .2s ease-in-out, background-color .2s ease-in-out;}

	.ws5 .c2 .content{overflow: hidden;margin-top: 3%;}
	.ws5 .c2 .content div{float: left;overflow: hidden;}
	.ws5 .c2 .content img{float: right;}
	@media screen and (max-width: 1440px){

		.ws5{width: 1200px;}

	}

	@media screen and (max-width: 1220px){

		.ws5{width: 90%;}
		.ws5 img{width:100%; height:auto;}

	}
@media screen and (max-width: 768px){
			.ws5 .c2{height: auto;}
}
/*ws5*/



/*新增页面*/

.test {
    position: fixed;
    left: 0;
    top: 100px;
    background: #fff;
    border: 1px #ccc solid;
	z-index:9999999999999;
}




/*-------登录之后--------*/





.mlogin{display: none;}
.pc-h .loged{width: 150px;height: 90px;float: right;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}
.pc-h .loged span{display: block;text-align: center;margin-top: 13%;}
.pc-h .loged a{text-align: center;display: block;margin-top: 8%;text-decoration: underline;}

@media screen and (max-width: 1440px){
	.pc-h .loged{width: 120px;}

}

@media screen and (max-width: 1220px){

	.pc-h .loged{display: none;}
	.mlogin{display: block;width: 90%;margin: 0 auto;overflow: hidden;}
	.mlogin span{width: 65%;float: left;padding-left: 5%;font-size: 14px;}
	.mlogin a{display: 30%;float: left;text-align: center;font-size: 14px;text-decoration: underline;}

}



/*-------登录之后--------*/

 /*下载列表*/

.showbox2{
	width: 730px;
	margin: 0 auto;
	position: fixed;
	top: 50%;   left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     background:#fff;
     z-index: 999;
     padding: 2% 1% 1% 1%;
     display: none;
}

.showbox2 ul{}
.showbox2 ul li{overflow: hidden;padding-bottom: 1%;margin-bottom: 1%;        border-bottom: 1px solid #e8e8e8;}
.showbox2 ul li span{float: left;display: block;width: 90%;font-size: 16px;overflow: hidden;}
.showbox2 ul li a{display: block;float: right;width: 10%;text-align: center;font-size: 14px;background: url(../images/inv05.png) no-repeat center left;}
.showbox2 .colse{position: absolute;right: 3%;top: 5%;background: url(../images/coles.jpg) no-repeat;width: 14px;height: 14px;}

.showbox2 .title{font-size: 18px;color: #333;display: block;margin-bottom: 3%;}

.showbox2 .c3{height: 350px;}

.showbox2 .mCSB_inside > .mCSB_container{width: 98%;}
.showbox2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #1eb9ee;}



@media screen and (max-width: 768px){

	.showbox2{width: 80%; padding: 3% 2% 1% 5%;}
	.showbox2 ul li span{font-size: 12px;}
	.showbox2 ul li{padding: 2% 0;}
	.showbox2 .mCSB_inside > .mCSB_container{width: 95%;}
	.showbox2 ul li span{white-space: nowrap;    text-overflow: ellipsis;    width: 80%;}
	.showbox2 ul li a{width: 20%;background: none}
	.showbox2 .title{font-size: 16px;}
}

@media screen and (max-width: 320px){

	.showbox2 .c3{height: 200px;}
	.showbox2 .title{font-size: 14px;}

}

 /*下载列表*/







.test{position:fixed; left:0; top:100px; background:#fff; border:1px #ccc solid; border-bottom:none;}
.test li{ border-bottom:1px #ccc solid; text-align:center; font-size:14px; line-height:25px; padding:0 30px;}
.test li h3{ font-size:16px; color:#000;}






/*分页*/
.page {

        }


            #AspNetPager1 a:hover {
                background: #1eb9ee none repeat scroll 0 0;
                color: #FFF;
            }

        #AspNetPager1_input {
            display: none;
        }

        #AspNetPager1_btn {
            display: none;
        }

        #AspNetPager1 {
            color: #c0c0c0;
        }



@media screen and (max-width:768px){

	 #AspNetPager1 a {
            background: #f2f2f2 none repeat scroll 0 0;
            color: #999999;
            display: block;
            float: left;
            font-size: 18px;
            /* height: 44px; */
            /* line-height: 44px; */
            margin-right: 1%;
            text-align: center;
            /* width: 44px; */
        }

     #AspNetPager1 .cpb{ width:33px !important; height:33px !important; line-height:33px;}
}
.pc-nav ul li .services dl dt a{color:#333333;}
.pc-nav ul li .services dl dt a:hover{color:#1eb9ee;}



.pc-nav ul li .thridBox{width: 1200px;margin: 0 auto;text-align: center;}
.pc-nav ul li .thridBox>.tBox{display: inline-block;vertical-align:top;overflow: hidden;width: 438px;margin-right: 39px;}
.pc-nav ul li .thridBox>.tBox>h4{
	color: #333333;
    font-size: 16px;
    border-bottom: 2px solid #ff8f1c;
    height: 36px;
    line-height: 20px;

}
.pc-nav ul li .thridBox>.tBox>dl{overflow: hidden;}
.pc-nav ul li .thridBox>.tBox>dl>dd{
	font-size: 14px;
	width: 203px;
	color: #939393;
	line-height: 45px;
	border-bottom: 1px solid #e6e6e6;
	float: left;
	text-align: center;
}
.pc-nav ul li .thridBox>.tBox>dl>dd>a{color: #939393;padding: 0}
.pc-nav ul li .thridBox>.tBox>dl>dd>a:hover{color: #1eb9ee;padding: 0;}

.clumb_box{position: relative;}
.slickNews.slick-slider{position: static;}
.slickNews .slick-prev{position: absolute;right: 7%;left: auto;width: 92px;height: 75px;background: url(../images/c_prve.png) no-repeat;float: right;display: block;top: 10px}
.slickNews .slick-next{position: absolute;right: 0%;left: auto;width: 92px;height: 75px;background: url(../images/c_next.png) no-repeat;float: right;display: block;top: 10px}

@media screen and (min-width:1360px){

	.slickNews .slick-prev:hover{background: url(../images/c_prve02.png) no-repeat;}
	.slickNews .slick-next:hover{background: url(../images/c_next02.jpg) no-repeat;}
}


@media screen and (max-width:1220px){

	.slickNews .slick-prev{background-size: cover;height: 50px;background-position: center center;width: 50px;}
	.slickNews .slick-next{background-size: cover;height: 50px;background-position: center center;width: 50px;}
	.clumb_box .bd{width: 50%;}
}

@media screen and (max-width:768px){

	.slickNews .slick-prev{background-size: cover;height: 40px;background-position: center center;width: 30px;}
	.slickNews .slick-next{background-size: cover;height: 40px;background-position: center center;width: 30px;}


}


.mts{background: url(../images/msbg.png)  center center;padding: 60px 0}
.mts .tag h1{font-size: 36px;color: #333333;font-family: Arial;font-weight: bold;display: block;text-align: center;}
.mts .tag h2{display: block;text-align: center;font-size: 30px;color: #ff8f1c;}
.mts .tag i{display: block;width: 4%;height: 3px;margin: 10px auto;background: #1eb9ee;}
.mts ul{margin-top: 30px}
.mts ul li{width: 100%;padding: 20px 0}
.mts ul li .txt{overflow: hidden;width: 1200px;margin: 0 auto;}
.mts ul li .txt h1{font-size: 26px;color:#333333;}
.mts ul li .txt span{display: block;padding: 8px 0px 10px 0;border-bottom: 1px solid #07ace6;font-size: 16px;color:#fd8e1c;margin-bottom: 10px}
.mts ul li:hover{background: #e3e2e2}

@media screen and (max-width:1200px){

	.mts ul li .txt{width: 96%}
	.mts .tag h1{font-size: 30px;}
	.mts .tag h2{font-size: 20px}
	.mts ul li .txt h1{font-size: 18px}
	.mts ul li .txt span{padding:  10px 0}

}

@media screen and (max-width:768px){

	.mts{padding: 30px 0}
	.mts ul{margin-top: 15px}
	.mts .tag h1{font-size: 24px;}
	.mts .tag h2{font-size: 18px;}

}

@media screen and (max-width:640px){

	.mts{padding: 20px 0}
	.mts ul{margin-top: 15px}
	.mts .tag h1{font-size: 22px;}
	.mts .tag h2{font-size: 16px;}
	.mts ul li .txt span{font-size: 14px}


}




