

.ban img{ display:block; width:100%; line-height: 0;}

nav{ height:6.7rem; border:1px solid #020202;overflow: hidden;
background: rgb(175,158,203); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(175,158,203,1) 1%, rgba(175,158,203,1) 26%, rgba(47,12,112,1) 29%, rgba(34,13,92,1) 50%, rgba(175,158,203,1) 53%, rgba(175,158,203,1) 75%, rgba(47,12,112,1) 78%, rgba(34,13,92,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(175,158,203,1) 1%,rgba(175,158,203,1) 26%,rgba(47,12,112,1) 29%,rgba(34,13,92,1) 50%,rgba(175,158,203,1) 53%,rgba(175,158,203,1) 75%,rgba(47,12,112,1) 78%,rgba(34,13,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(175,158,203,1) 1%,rgba(175,158,203,1) 26%,rgba(47,12,112,1) 29%,rgba(34,13,92,1) 50%,rgba(175,158,203,1) 53%,rgba(175,158,203,1) 75%,rgba(47,12,112,1) 78%,rgba(34,13,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af9ecb', endColorstr='#220d5c',GradientType=0 ); }
nav a{display: block; float: left;width:25%;height:3.5rem; overflow: hidden;color:#fff;text-align: center; line-height: 3.3rem; font-size: 1.2rem;position: relative;}
nav a:before{position: absolute; content: "";width:1px; height:3.5rem;background:#2a145f;border-right: 1px solid #67568c; top: 0;right:0;}
nav a:nth-child(4n):before{height:0;}

.g-faq{margin-top: 1.45rem;height:22.85rem; overflow: hidden; position: relative; background:url(/mobile/Images2/Index/faq_bj.jpg) no-repeat center 6.55rem;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.g-faq h2{background:url(/mobile/Images2/Index/faq_t.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.g-faq h2 span{display: inline-block;padding-left: 27.5%; font-size: 1.5rem;font-weight: bold; color:#713e86;line-height: 2rem;}
.g-faq h2 i{display: inline-block;text-transform: uppercase; font-family: "Arial"; color:#c2c2c2;font-weight: normal; font-size: 1.5rem;padding-left: 0.4rem;}
.g-faq h2 b{display: block;line-height: 2.4rem; color:#fff; font-weight: bold;font-size: 1.5rem;text-align: center;}
.g-faq p{width:23.593%;height:4.6rem;padding-right: 0.7rem;text-align: center;font-size: 1.2rem;line-height: 1.3rem; font-weight: bold; color:#4f1087;position: absolute; overflow: hidden; background:url(/mobile/Images2/Index/faqbj01.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.g-faq p img{display: block;width:2.25rem;margin: 0.3rem auto 0;}
.g-faq p:nth-child(2){ top: 8.6rem;left: 2.1%;}
.g-faq p:nth-child(3){ top: 8.6rem;right: 2.1%; background:url(/mobile/Images2/Index/faqbj02.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%; padding-left: 0.7rem;padding-right: 0;}
.g-faq p:nth-child(4){ top: 15.7rem;left: 2.1%;}
.g-faq p:nth-child(5){ top: 15.7rem;right: 2.1%; background:url(/mobile/Images2/Index/faqbj02.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%; padding-left: 0.7rem;padding-right: 0;}

.pro{height:54.6rem;border:1px solid #e1e1e1;background:#f7f7f7;overflow: hidden;}
.pro h2{padding-top: 2.1rem;text-align: center;height: 6.3rem; overflow: hidden; font-size: 1.8rem;font-weight: bold;}
.pro h2 a{ color:#713e86;display: block;}
.pro h2 span{display: block;height:2.25rem;text-align: center; font-size: 1.2rem; color:#4e4e4e;margin-top: 0.5rem; line-height: 2.2rem; background:url(/mobile/Images2/Index/cp_ys_t.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%; }
.pro dl{margin-top: 0.6rem;height:6.4rem;overflow: hidden;}
.pro dt{margin-left: 2.1%; float: left;width:27.8125%;overflow: hidden;}
.pro dd{width:67.81%; float: left;padding:0.6rem 0.7rem 0; background:#fff;border:1px solid #dbdbdb;height:6.4rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro dd h3{ font-size: 1.1rem; color:#4f1087;font-weight: bold;}
.pro dd h3 a{ color:#4f1087;}
.pro dd p{ font-size: 1.1rem; color:#000000;padding-top: 0.5rem;}
.pro ul li{ float: left;width:46.4%;margin:1.6rem 0 0 2.1%;line-height: 0 ;overflow: hidden;}
.pro ul li span{display: block;height:2.3rem; background:#fff;border:1px solid #dbdbdb;text-align: center;line-height: 2.3rem; font-size: 1.2rem; color:#000; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.vs{margin-top: 1.6rem; height:38.0rem; background:url(/mobile/Images2/Index/vs_bj.jpg) no-repeat center  6.35rem;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.vs h2{text-align: center;height: 6.35rem; overflow: hidden; font-size: 1.8rem;font-weight: bold;color:#713e86;}
.vs h2 a{ color:#713e86;display: block;}
.vs h2 span{display: block;height:2.25rem;text-align: center; font-size: 1.2rem; color:#4e4e4e;margin-top: 0.5rem; line-height: 2.2rem; background:url(/mobile/Images2/Index/vs_t.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%; }
.vs h3{padding:0 6.25%; height:3.2rem; overflow: hidden;line-height: 3.2rem; color:#fff; font-size: 1.2rem;font-weight: bold;}
.vs ul{ float: left; padding-top: 2.2rem;line-height: 2.2rem;}
.vs ul:nth-child(3){width:30.6%; text-align: right; font-size: 1.2rem; color:#000000;}
.vs ul:nth-child(4){width:28%;padding-left: 5.1%; text-align: center; font-size: 1.2rem; color:#fff;}
.vs ul:nth-child(5){width:31.25%; float: right; font-size: 1.2rem; color:#e30000;}

.g-ys{height:41.15rem; border-bottom: 1px solid #e1e1e1;background:#f7f7f7; overflow: hidden; position: relative;}
.g-ys .prev{position: absolute; bottom:1.6rem;left: 28.9%;width:3.0rem; height:3.75rem; z-index: 3; overflow: hidden;}
.g-ys .next{position: absolute; bottom:1.6rem;right: 28.9%;width:3.0rem; height:3.75rem; z-index: 3; overflow: hidden;}
.g-ys .m-cnt{position: absolute; bottom:3rem;left: 38.3%;width:30%; overflow: hidden;}
.g-ys .m-cnt li {margin:0 3%; width:1.3rem; height: 1.3rem; overflow: hidden;background:#6e6e6e; float: left;border-radius: 100%;}
.g-ys .m-cnt li.z-on{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#832789+0,2d2265+100 */
background: rgb(131,39,137); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(131,39,137,1) 0%, rgba(45,34,101,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(131,39,137,1) 0%,rgba(45,34,101,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(131,39,137,1) 0%,rgba(45,34,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#832789', endColorstr='#2d2265',GradientType=0 ); /* IE6-9 */}
.g-ys h2{height:3.4rem; font-size: 1.8rem;font-weight: bold; color:#fff;text-align: center; line-height: 3.4rem; background:url(/mobile/Images2/Index/ys_t.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.g-ys .con{ float: left; width:100%; display:inline;}
.g-ys .con dt{height:5.2rem; overflow: hidden;margin-left: 3.75%; background:url(/mobile/Images2/Index/ys_ico.jpg) no-repeat 0 0;  -webkit-background-size: 6.5rem 5.2rem;  -moz-background-size: 6.5rem 5.2rem; -o-background-size: 6.5rem 5.2rem;   background-size: 6.5rem 5.2rem;}
.g-ys .con dt span{display: block;overflow: hidden; float: left;width:15.5%;text-align: center; font-size: 2rem; color:#d8cfdd; line-height: 4.75rem;padding-top: 0.5rem;}
.g-ys .con dt p{float: left; font-size: 1.2rem; color:#000000; padding:1rem  0 0 1.2rem;overflow: hidden;}
.g-ys .con dt p b{display: block; font-size: 1.5rem ; color:#4f1087;}
.g-ys .con dd{padding:0.75rem 8.5% 0 3.75%; font-size: 1.2rem; color:#000000;line-height: 1.8rem; overflow: hidden;}

.g-case{margin-top: 1.4rem;height: 52.5rem; overflow: hidden;}
.g-case h2{text-align: center;height: 6.1rem; overflow: hidden; font-size: 1.8rem;font-weight: bold;color:#713e86;}
.g-case h2 a{ color:#713e86;display: block;}
.g-case h2 span{display: block;height:2.25rem;text-align: center; font-size: 1.2rem; color:#4e4e4e;margin-top: 0.5rem; line-height: 2.2rem; background:url(/mobile/Images2/Index/csae_t.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%; }
.g-case .m-cnt{height:7.5rem; overflow: hidden;}
.g-case .m-cnt li{ float: left;margin:0 0 0.7rem 3%;border:1px solid #bcbcbc;width:29.6%;height:2.7rem; font-size: 1.2rem; color:#2f2f2f;text-align: center; line-height: 2.7rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(227,227,227,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(227,227,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(227,227,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */}
.g-case .m-cnt li.z-on{ color:#fff;
background: rgb(131,39,137); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(131,39,137,1) 0%, rgba(45,34,101,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(131,39,137,1) 0%,rgba(45,34,101,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(131,39,137,1) 0%,rgba(45,34,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#832789', endColorstr='#2d2265',GradientType=0 ); /* IE6-9 */}
.g-case .m-cnt li a{ color:#2f2f2f;}
.g-case .m-cnt li.z-on a{ color:#fff;}
.g-case .con{ float: left; width:100%; display:inline;}
.g-case .con p{width:95.635%;margin: 0 auto; position: relative; overflow: hidden;}
.g-case .con p span{display: block; position: absolute; top: 20.5rem;left: 0;width:100%;height:2.6rem;background:rgba(0,0,0,0.5); color:#fff;text-align: center; line-height: 2.5rem;font-size: 1.2rem;}
.g-case .con li{ float: left;width:45.93%;margin:0.95rem 0  0 2.8%;}
.g-case .con li span{display: block;text-align: center;line-height:2.5rem; font-size: 1rem; color:#000000;}

.g-coo{margin:0 2.1%;height:10.7rem; border:1px solid #e1e1e1;}
.g-coo h2{height:2.2rem;line-height: 2rem;text-align: center; color:#fff;font-weight: bold; font-size: 1.2rem; background:url(/mobile/Images2/Index/coo_t.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}

.g-coo  li{ float: left; margin:1.1rem 0  0 2%;width:29.8%;}
.g-coo li img{border:1px solid #e1e1e1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.g-coo li span{display: block;text-align: center;line-height:2rem; font-size: 1.2rem; color:#000000;}












html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.4px;}}
@media screen and (min-width: 360px) {html {font-size: 11.8px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}